Effet de survol et lisibilité #AdvisoryTechnique
Using a hover effect to highlight a paragraph, list items, or table cells
Ici, il est proposé de mettre visuellement en avant des paragraphes (<p>
), éléments de liste (<li>
) ou cellules de tableau (<td>
) lorsqu’ils sont survolés.
Cela peut par exemple être l’occasion de proposer des contrastes accentués pour améliorer le confort de consultation.
Lire la suite : "Effet de survol et lisibilité #AdvisoryTechnique"
ARIA Live Regions #AdvisoryTechnique
Using the ‘live’ property to mark live regions
Cette fois-ci, la recommandation concerne les contenus de page apparaissant ou changeant dynamiquement (sans rechargement de page, via AJAX par exemple) tel que :
- Apparition de messages d’erreur dans un formulaire.
- Apparition de notifications (nouveau message, invitation à un événement, etc.) dans un espace personnel.
- Sur un site e-commerce : modification d’un prix total lors de l’ajout d’un produit dans son panier.
- Nombre de caractères pouvant encore être saisis dans un champ de formulaire.
- Etc.
Lire la suite : "ARIA Live Regions #AdvisoryTechnique"
Personnalisation des sous-titres #AdvisoryTechnique
Providing a mechanism to allow captions to be enlarged
Cette recommandation concerne les sous-titres de vidéos.
Elle préconise de fournir aux utilisateurs un moyen d’agrandir la taille des sous-titres.
C’est pour moi l’occasion de vous présenter un player vidéo doté d’un excellent niveau d’accessibilité et proposant cette fonctionnalité.
Lire la suite : "Personnalisation des sous-titres #AdvisoryTechnique"
Taille de police #AdvisoryTechnique
Providing large fonts by default
Sans hésiter, mon Advisory Technique préféré. :)
Un principe d’accessibilité est de garantir la lisibilité des contenus même lorsque la taille du texte est doublée .
En revanche, l’accessibilité n’impose pas de taille de caractères minimum.
Autrement dit, il est tout à fait possible d’utiliser une taille de police de caractères minuscule tout en étant conforme aux WCAG ; dès lors que l’unité utilisée est relative (em
, %
, small
, etc.).
Lire la suite : "Taille de police #AdvisoryTechnique"
role="presentation"
#AdvisoryTechnique
Using the ARIA presentation role
to indicate elements are purely presentational
Cette recommandation demande d’ajouter role="presentation"
dans les balises utilisées à des fins de présentation.
Cette déclaration annonce aux agents utilisateurs (lecteur d’écran utilisé par les personnes non ou malvoyantes, par exemple) que la balise en question ne porte aucune valeur sémantique.
Lire la suite : "role="presentation"
#AdvisoryTechnique"