Accesskey le grand échec de l'accessibilité du Web
Issu d’une idée aussi vieille que l’informatique, le raccourci clavier appliqué au Web est un cinglant échec qui condamne son utilisation à quelques chiffres associés à des fonctions clés du site.
Les référentiels, comme celui de l’ADAE ou du gouvernement anglais tentent de trouver un consensus en établissant une liste formelle des raccourcis clavier.
Mais à dispositif mal né, problèmes récurrents, cette liste pose autant de problèmes que les raccourcis eux-mêmes...
Agrandissement de la taille des polices
Donner à l'utilisateur la possibilité d'agrandir la taille des caractères est une des recommandations emblématiques de l'accessibilité du web. Si l'objectif est limpide, la mise en oeuvre est souvent délicate. Gardons à l'esprit que le redimensionnement des polices ne doit pas générer de perte d'information, comme, par exemple, des textes tronqués ou masqués par des superpositions d'éléments.
Les questions relatives à ces effets indésirables et les contraintes qu'elles engendrent sur le design sont légion sur les forums spécialisés.
Voici regroupés quelques remarques et points importants à respecter pour mener à bien cette opération essentielle.
Comment l'accessibilité d'un site Web peut améliorer son référencement ?
Les moteurs de recherche aiment l'accessibilité des sites web. On s'en doutait depuis longtemps tellement cela paraissait logique. De plus en plus d'experts dans le domaine du reférencement nous le confirment en ce moment...
Histoire de tabindex
Laissez-moi vous conter l'histoire d'une fonctionnalité que tout bon webmaster, en quête d'accessibilité dans ses habitudes de développement, a forcément cherché à implémenter : l'attribut "tabindex"...
L'accessibilité des menus de navigation en cascade
Les applications logicielles utilisent le principe des menus en cascade depuis de nombreuses années. Au survol de la souris d'un élément du menu, celui-ci se déploit en sous-menus de plusieurs niveaux. Ce type de menu est également connu sous le nom de menu déroulant ou menu à coulisse.
Les liens d'évitement
De plus en plus de sites implémentent des liens particuliers connus sous le nom de "liens d'évitement" ou "liens de navigation interne" comme "Aller au menu", "Aller au contenu", "Retour en haut de page"...
Bien qu'ils ne soient qu'une exigence de niveau AAA pour WCAG ou Argent pour Accessiweb, ces liens sont pourtant indispensables, notamment pour les utilisateurs de la navigation clavier.
Comme tout dispositif nécessitant une adaptation spécifique de la page, ils doivent être utilisés à bon escient et réclament de respecter quelques règles d'implémentation.
Petit tour d'horizon de ces liens, regroupés sous la dénomination générale de "liens d'aide à la navigation dans la page".
Ouvrir des liens externes dans une nouvelle fenêtre
Nous allons voir dans ce tutoriel une méthode propre pour ouvrir les liens vers des sites externes au votre dans une nouvelle fenêtre. Il faut savoir que ce genre de pratique est plutôt déroutante pour l'utilisateur non expérimenté et particulierement désagréable pour la navigation, mais on peut comprendre que le fait de quitter le site au clic sur un lien soit un peu rageant !
Personnellement, je préfère ne rien changer et si le visiteur souhaite revenir, tant mieux, sinon c'est que le contenu de mon site aura été de piètre qualité pour ce visiteur. Mais quitte à la faire, autant le faire proprement, je vais donc vous exposer et expliquer une méthode simple, fonctionnelle et n'entravant pas la navigation au cas où le JavaScript serait désactivé.
Remplacement d'images : halte au display none !
Une image (balise <img>) peut être rendue accessible aux personnes handicapées, notamment en renseignant l'attribut obligatoire "alt" qui constitue alors un texte alternatif.
Une image d'arrière-plan (propriété CSS "background-image") n'a pas cette chance puisque rien n'apparait dans la structure, dans le code HTML. Il faut alors déployer certaines techniques pour qu'un texte de remplacement puisse être exploitable pour certains médias, mais masqués aux navigateurs habituels graphiques.
La technique la plus couramment employée, l'utilisation de la règle CSS "display : none" est, contrairement au but souhaité, complètement inaccessible à certains lecteurs d'écrans...
