Reflet web

Parmis ces règles, la séparation du code (langage informatique) et de la mise en forme (rendu visuel), la construction sémantique des pages (structure en titres, paragraphes, listes, ...), une navigation claire, l'accessibilité du contenu même en cas de technologies non supportées ou désactivées permettent de rendre le contenu des sites consultable par le plus grand nombre.

Exemples de recommandations appliquées sur ce site

Image porteuse d'information

Image qui a une fonction particulière (exemple : un lien en image) ou qui véhicule une information par rapport au contenu auquel elle est associée. Un attribut alt doit être présent pour l'élément image.

Objectif :

• Permettre la navigation et la consultation pour les utilisateurs placés dans des contextes où les images ne sont pas perceptibles (navigateurs texte, lecteur d'écran, images désactivées)
• Permettre aux robots d'exploiter l'information véhiculée par les images (référencement, traduction automatique)

Pour tester sur Internet Explorer : Outils > Options Internet > Avancé > Multimédia - Décocher "Afficher les images"

---

La taille du texte et sa lisibilité

La taille des polices destinées à l'affichage écran doit être exprimée en taille variable et non en taille fixe. Le contenu textuel doit rester lisible avec une taille de caractère augmentée d'un facteur 2 dans le navigateur.

Objectif :

• Permettre aux internautes naviguant sur le site d'agrandir les polices sans difficulté
• Le contenu doit rester entièrement lisible (sans chevauchements ou rognages de textes) une fois agrandi

Pour tester sur Internet Explorer : Page > Taille du texte

Pour tester sur Firefox : Ctrl + pour agrandir / Ctrl - pour diminuer

---

Page utilisant des scripts

L'accès aux contenus de la page reste possible sans le support des scripts

Objectif :

• Permettre aux utilisateurs qui ne peuvent ou ne veulent pas activer les scripts d'accéder tout de même aux contenus
• Favoriser l'exploitation des contenus par des robots

Pour tester sur Firefox : Outils > Options > Contenu - Décocher "Activer JavaScript" - Recharger la page

---

Vidéo

Une vidéo doit être accompagné de sa transcription textuelle et si possible être sous-titrée

Objectif :

• Permettre aux utilisateurs qui ne peuvent accéder au son de pouvoir lire les sous-titres en regardant la vidéo ou d'accéder à une transcription textuelle servant d'alternative
• La transcription doit soit figurer dans la page où se trouve le contenu vidéo, soit être accessible par un lien présent dans la page où se trouve le contenu vidéo ou audio

Sur ce site : La balise <video> (html 5) a été utilisée. Pour l’instant, cette balise n'est fonctionnelle que sur les dernières versions des navigateurs hormis Internet Explorer. Pour celui-ci et les anciennes versions des autres navigateurs, j'ai mis en place une alternative Flash. Le sous-titrage de la vidéo a été effectué à l'aide d'un script (Source : Accessibilité d'une vidéo en HTML5 avec sous-titres en JavaScript). Si le JavaScript est désactivé, la transcription s'affiche sous la vidéo.

---

Abréviation et acronyme

La première occurence d'une abréviation ou d'un acronyme dans le corps de chaque page donne accès à sa signification

Objectif :

• Permettre aux utilisateurs d'accéder rapidement à la signification d'un sigle
• Permettre l'exploitation du contenu par un robot, favoriser son référencement

Source : Opquast