Les nouvelles notices AcceDe Web sont arrivées !

4 commentaires

Publié le 15 septembre 2015 par Johan Ramon

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.

De nombreuses évolutions sont au programme !

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 :

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.

N’hésitez donc surtout pas à nous transmettre vos retours !
Nous les étudierons avec attention et y répondrons dans les plus brefs délais.

Vos commentaires

  • Par tetue, le 17 septembre 2015 à 12h44.

    Super ! Merci pour ces notices et ce gros travail de mise à jour !

    Répondre

  • Par Améziane Allioui, le 20 septembre 2015 à 22h03.

    Merci pour vos précieux guides et le travail effectué derrière, je m’en servirai pour rendre mon portfolio accessible :)

    Répondre

    • Par Sébastien Delorme, le 15 octobre 2015 à 11h40.

      Merci Améziane !
      N’hésite pas transmettre tes commentaires sur les fiches.

      Répondre

Ajouter un commentaire

Les champs avec astérisque (*) sont obligatoires.

Haut de page