search

francoismari / elyze

198 stars 36 forks source link

Refaire toute l'accessibilité de l'application #19

Open pylapp opened 2 years ago

pylapp commented 2 years ago

Description

Sujet : L'accessibilité pour les personnes non-voyantes ou malvoyantes est catastrophique, sur deux aspects. Peut-être est-ce à cause du framework choisi. Plateforme : iOS Appareil : iPhone

Grossir le texte

Si on grossit le texte (utilisateurs malvoyants), il y a de la perte d'information. L'affichage du texte est mal adapté, avec des éléments tronqués ou cassés.

Captures d'écran ci-dessous. IMG_0264 IMG_0265 IMG_0266

Vocaliser le texte (VoiceOver)

Il n'y a pas de "hint" indiquants que l'on peut aller plus loin dans la navigation pour afficher des détails, rien qui n'indique que l'élément est "clickable".

De plus, il y a des éléments invisibles qui ont le focus de VoiceOver et qui polluent la navigation de l'utilisateur non-voyant. Ces éléments sont à supprimer.

Par ailleurs, notamment au niveau des cartes de propositions, la navigation VoiceOver va vocaliser du texte qui n'est pas affiché, et qui correspond à d'autres cartes !

Enfin, les éléments "pour", "contre", "ne se prononce pas", ne sont pas expliqués du tout. Le bouton "contre" est traité comme un bouton "fermer" ce qui est sémantiquement et fonctionnellement complètement faux.

Captures d'écran ci-dessous. IMG_0267 IMG_0268

En complément

Ce site web pour vous aider sur les principes à suivre.

WebMamba commented 2 years ago

Alors non toute l'accessibilité n'est pas à refaire intégralement. Le design est bien fait, les textes sont lisibles, et le framework n'est en rien un frein à l'accessibilité. Je vais faire une PR pour ajouter des labels, des hints, ...