9 - L'accessibilité

L'accessibilité n'est pas une option d'Opus : c'est une contrainte posée dès sa conception, sur le site comme dans l'administration. Ce chapitre dit ce qu'Opus fait de lui-même, et ce qui reste entre vos mains.

Ce qu'Opus fait pour vous

• Un plan de page juste. Chaque titre garde son niveau, h2, h3 ou h4, et le niveau Automatique descend d'un cran quand la page a déjà son titre. Opus n'écrit jamais de h1.
• Le bon balisage. Une liste numérotée là où l'ordre compte (étapes, frise), une citation dans un blockquote avec son attribution en dehors, une adresse dans une balise address, une image légendée dans une figure.
• Jamais d'information par la seule couleur. Un état, une barre, un repère de frise, une carte mise en avant : le mot, le nombre ou le repère est toujours écrit à côté. Les traits des barres sont masqués aux lecteurs d'écran, qui lisent le mot et le nombre.
• Les liens annoncés. Un lien ouvert dans un nouvel onglet est annoncé « nouvelle fenêtre » aux lecteurs d'écran, sans rien écrire.
• Le clavier partout. Le carrousel et les onglets utilisent les scripts de Joomla, avec leurs rôles ARIA et les flèches du clavier ; la visionneuse se parcourt aux flèches et se ferme avec Échap ; un carrousel automatique s'arrête au survol et au clavier.
• Les images décrites. Le champ image porte le texte de remplacement et la case « image décorative ».

Dans l'administration

L'écran d'Opus s'utilise au clavier. Le focus reste visible, les pastilles d'aide ⓘ sont nommées, le panneau des réglages d'une ligne est nommé, et chaque commande (poignée, œil, roue, ajout, retrait) a un nom lisible par un lecteur d'écran. La poignée Déplacer répond aux flèches haut et bas : la ligne change de place et le focus la suit. Les pictogrammes de l'écran sont décoratifs et cachés aux lecteurs d'écran.

Ce qui reste entre vos mains

• Écrire le texte de remplacement de chaque image informative, et cocher « décorative » pour les autres.
• Choisir le niveau des titres pour que le plan de la page se tienne d'un module à l'autre.
• Écrire des libellés de bouton explicites : « Voir les tarifs » plutôt que « Cliquez ici ».
• Garder le défilement automatique à zéro, sauf raison forte.
• Vérifier les contrastes de vos règles de CSS personnalisé : Opus ne peut pas le faire à votre place.

Opus a été développé à deux, par Joomanji et une IA. Les contraintes étaient nombreuses, fermes et totalement encadrées : accessibilité, qualité du code, rapidité et légèreté, du code comme des composants.

À jour pour Opus 1.5.930.