Les nouvelles notices AcceDe Web sont arrivées !

Après plusieurs mois de travail intensif, c’est avec grand plaisir que nous vous annonçons aujourd’hui la publication officielle de la version 2 des notices AcceDe Web.

Parmi les plus importantes :

• La prise en compte de la spécification HTML5.
• La prise en compte du RGAA 3.
• L’ajout de bonnes pratiques d’accessibilité liées au web mobile.
• L’apparition d’encarts « Aller plus loin ».

Je vous propose de découvrir l’ensemble de ces changements majeurs (ainsi que les autres) dans ce billet.

Le projet AcceDe Web

Avant de vous présenter ces évolutions, voici un bref rappel du projet AcceDe Web et de ses objectifs :

• Quatre notices d’accessibilité adaptées aux différents profils intervenant sur un projet (designers, développeurs et contributeurs).
• Des recommandations facilement compréhensibles, synthétiques et opérationnelles.
• Des notices libres d’utilisation.
• Des recommandations permettant de répondre aux exigences des référentiels français et internationaux d’accessibilité (WCAG 2.0, RGAA 3, AccessiWeb HTML5/ARIA, etc.).

Prise en compte de HTML5

D’après moi, l’évolution la plus importante concerne la prise en compte de la spécification HTML5 dans la notice HTML, CSS et JavaScript.

De nouvelles fiches ont ainsi vu le jour. Parmi celles-ci :

• 1.1. Structurer la zone d’entête principale avec <header role="banner">.
• 1.3. Structurer la zone de contenu principal avec <main role="main">.
• 6.4. Baliser les images légendées avec <figure role="group"> et <figcaption>.

Bonnes pratiques liées au web mobile

Une autre évolution majeure concerne l’ajout de bonnes pratiques liées à la conception et au développement web mobile (à la navigation tactile).

Je pense en particulier aux deux recommandations consistant à :

• Proposer des éléments d’interaction (liens, boutons, etc.) dont la taille est suffisamment grande.
• Ne pas brider le zoom (pinch).

Ces bonnes pratiques se matérialisent sous la forme d’encart intitulé « Mobile » ou encore « Navigation tactile ».

Encarts « Aller plus loin »

Des encarts « Aller plus loin » font désormais leur apparition.

Ces encarts, présents à la fin de la plupart des fiches, proposent des ressources complémentaires en rapport avec ces dernières.

Il peut s’agir de liens vers des recommandations associées du projet mais également de liens vers des ressources tierces.

Concrètement, par exemple, l’encart « Aller plus loin » de la fiche portant sur les contrastes de couleurs proposent une série de liens pointant vers des outils permettant de tester ces derniers.

Ces encarts « Aller plus loin » seront enrichis au fur et à mesure de notre veille quotidienne autour de l’accessibilité.

Autres évolutions

D’autres changements moins conséquents ont été appliqués. En voici une liste non exhaustive :

• Les thématiques « Images » et « Formulaire » de la notice HTML, CSS et JavaScript ont été remaniées en profondeur. Ce remaniement propose notamment un découpage plus fin des différentes recommandations.
• Dans un souci de modernisation, la quasi-totalité des captures d’écran accompagnant la plupart des fiches ont été remplacées.
• Les sous-catégories ont été supprimées.
• Le modèle de page d’aide a été retravaillé et un modèle de page « accessibilité » est désormais également mis à disposition.

À vos commentaires !

Comme ce projet est le vôtre, il vous est possible de commenter chacune des recommandations par le biais d’un formulaire proposé à la fin de celles-ci.

Répondre à Améziane Allioui