Les en-têtes permettent à tous les utilisateurs d’identifier facilement le contenu d’une page sans avoir à le lire complètement, mais ils sont particulièrement importants pour les utilisateurs en situation de handicap. En effet, lorsqu’un écran contient beaucoup de texte, les utilisateurs malvoyants ou non-voyants peuvent parcourir rapidement les différents en-têtes en faisant des gestes tactiles avec le lecteur d’écran.
Cependant, les éléments doivent être bien définis comme des en-têtes pour que cela soit possible.
Description
Chaque écran doit avoir un titre de page pertinent et unique.
Le contenu comporte parfois des sections différentes, avec un en-tête pour chacune d'entre elles. Afin que l'utilisateur puisse naviguer plus rapidement entre les différentes sections, les lecteurs d’écran doivent reconnaître ces en-têtes.
Implémentation
Pour définir un élément comme en-tête, certains attributs doivent être appliqués selon la plateforme :
· iOS : Utiliser l'attribut accessibilityTraits avec la valeur accessibilityTraitHeader.
· Android : Utiliser accessibilityHeading.
Les critères de conception recommandés par Orange pour l'accessibilité numérique fournissent des directives précieuses pour les développeurs iOS et Android afin de garantir une expérience utilisateur inclusive.
Les critères de conception iOS - Recommandations accessibilité numérique Orange
Android développer - Navigation vocale - Recommandations accessibilité numérique Orange
Les sanctions en cas d’infraction à la directive européenne sur l'accessibilité numérique
Les sanctions - selon la loi DADUE du 9 mars 2023 portant sur diverses dispositions d’adaptation du droit de l’Union européenne et les ordonnances du 6 septembre 2023 et 09 octobre 2023 :
- 50 000 € maximum pour non-respect des obligations d’accessibilité - secteur public
- 25 000 € pour le secteur privé
Si aucune modification n’est effectuée au-delà de six mois après la première sanction, les sanctions peuvent être reconductibles. (Auparavant, cette période était d'un an.)
D’autres sanctions en cas de non-conformité - contravention de 5e catégorie :
- 7 500 € (max 15 000 € si récidive) pour la personne morale
- 1 500 € (max 3 000 € si récidive) pour les personnes physiques
- Possible confiscation des services
- Amendes journalières pouvant aller jusqu'à 3 000 €, avec un plafond cumulé de 300 000 €
Ces sanctions peuvent s’appliquer en cas de défaut de conformité, d'absence d'audits, d'absence de déclarations (écrites et orales), de non-information des autorités de contrôle en cas de non-conformité et d’absence de coopération avec les organismes de contrôle.
Comment tester ?
iOS - VoiceOver
1. Activer le lecteur d’écran.
2. Afficher le rotor (Faire une rotation à deux doigts sur l’écran), et pivoter jusqu’à l’option En-têtes.
3. Parcourir les en-têtes en balayant le doigt vers le haut et le bas. Vérifier que:
· Le focus part bien sur les en-têtes,
· Le lecteur d’écran vocalise le texte de l’en-tête,
· Le texte est pertinent et unique,
· L’élément est répertorié comme un en-tête par le lecteur d’écran.
Exemples de vocalisation : « Accessibilité, en-tête », « Vision, en-tête », « Physique et motricité, en-tête »
VoiceOver Rotor
Android - TalkBack
1. Activer le lecteur d’écran.
2. Afficher le menu des commandes de lecture (Balayer vers le haut et puis vers le bas), et sélectionner l’option Titres.
3. Parcourir les en-têtes en balayant le doigt vers le haut et le bas. Vérifier que:
· Le focus part bien sur les en-têtes,
· Le lecteur d’écran vocalise le texte de l’en-tête,
· Le texte est pertinent et unique,
· L’élément est répertorié comme un titre par le lecteur d’écran.
Exemple de vocalisation : « Catégorie 1, titre »
TalkBack Menu des commandes
En s'assurant que les en-têtes sont correctement implémentés et testés, les développeurs peuvent garantir une expérience utilisateur inclusive, permettant à tous de naviguer facilement et efficacement à travers les applications mobiles.
