Catégories
accessibilité Technologie

WCAG contenu adaptable

1.3 – Créer le contenu qui peut être présenté de différentes façons sans perte d’information

  • Un balisage sémantique est utilisé. Pour rappel :
    • Hiérarchisation : h1, h2, h3…
    • Listes : ul, ol, li
    • Emphase : strong, em, code, abbr, blockquote…
    • Tableau pour les données tabulaire uniquement.
    • Utilisation de label pour les formulaires.
  • Le code se déroule d’une façon logique, notamment les éléments sont séquencé correctement.
  • Le contenu ne fait pas allusion à des éléments sensoriel du type : le bouton à côté, la colonne de droite, la forme, la taille, la couleur…
Le printemps revient
Le printemps revient

La base. En résumé, il faut penser que l’on ne peut garantir la forme, alors il faut que le fond est des bases solides. Ainsi il faut dissociez le fond de la forme. Je devrais peut-être l’afficher dans mon bureau, pour mes collègues….

Personnellement je n’utilise pas d’éditeur wysiwyg pour créer des pages Web, ce qui m’oblige à vérifier ces points. Cependant n’intervenant que rarement à l’intégration du contenu, ces points ne sont pas forcément respecté. Pour les inciter, je met en place dans une page de démonstration contenant le plus d’exemple possible tiré des maquettes graphiques ou de ce qui ne s’y trouve pas et que l’on pourrait avoir besoin par la suite. Comme souvent, on commence un travail proprement et l’on finit dans la précipitation…

Astuce : le point de contrôle simple, est de retirer la feuille de style ( Affichage -> Style de la page -> Aucun style ), si le contenu est toujours accessible, c’est gagné ! Notez également que l’extension Firefox SenSEO permet de vérifier quelques un de ces points

WebAIM’s WCAG 2.0 Check (en)Web Content Accessibility Guidelines (WCAG) 2.0 (en)

Catégories
accessibilité Technologie

WCAG média temporel