Fix accessibility problem with the 2FA QR code (#4915)

* Add alt to qr code

* Add alt to qr code

* Fix contrast for api key link

* Add translate qrcode alt

* Add translatation for QR code alternative

* Fix extra space

* Add translation for qrcode image alternative
This commit is contained in:
Yann Kozon
2021-01-18 11:11:13 +01:00
committed by GitHub
parent b4e7c82a7c
commit a8db5b3782
4 changed files with 4 additions and 3 deletions

View File

@ -84,7 +84,7 @@
<h3>{{ 'config.form_settings.android_configuration'|trans }}</h3>
<a href="wallabag://{{ app.user.username }}@{{ wallabag_url }}">{{ 'config.form_settings.android_instruction' | trans }}</a>
<br/>
<img id="androidQrcode" />
<img id="androidQrcode" alt="{{ 'config.otp.app.qrcode_label' | trans }}" />
<script>
document.getElementById('androidQrcode').src = jrQrcode.getQrBase64('wallabag://{{ app.user.username }}@{{ wallabag_url }}');
</script>

View File

@ -110,7 +110,7 @@
<div class="input-field col s12">
<h5>{{ 'config.form_settings.android_configuration'|trans }}</h5>
<a href="wallabag://{{ app.user.username }}@{{ wallabag_url }}" class="waves-effect waves-light btn hide-on-large-only">{{ 'config.form_settings.android_instruction' | trans }}</a>
<img id="androidQrcode" class="hide-on-med-and-down" />
<img id="androidQrcode" class="hide-on-med-and-down" alt="{{ 'config.otp.app.qrcode_label' | trans }}" />
</div>
<script>
document.getElementById('androidQrcode').src = jrQrcode.getQrBase64('wallabag://{{ app.user.username }}@{{ wallabag_url }}');