La navigation au clavier est possible sur l'ensemble du site.
Tout usager peut être placé en situation de handicap physique de manière temporaire ou permanente. Dans de nombreuses situations, l'utilisation d'un outil de pointage (souris, trackball…) peut s'avérer impossible. La navigation au clavier est une solution nécessaire pour les non-voyants, et qui répond également aux besoins ou préférences d'autres publics (RA-7.2).
Il est possible de revenir à la page d'accueil depuis toutes les pages.
Le retour à l'accueil peut se faire via un lien image placé sur le logo de l'organisme ou via un lien texte. Ce lien doit être rapidement accessible dans l'ordre de navigation de liens en liens. Ce lien peut être utilisé par tous les usagers souhaitant se réorienter dans le site en cours de navigation.
Un plan du site est accessible depuis toutes les pages.
La mise en place d'un plan du site s'impose dès que les sites comportent de nombreuses pages et plusieurs niveaux dans leur arborescence. Le plan du site est un outil fréquemment utilisé par l'ensemble des usagers pour se réorienter en cours de navigation (RA-9.3).
Sur chaque page, l'utilisateur peut savoir où il se trouve dans l'arborescence du site.
Le fil d'Ariane ou chemin de navigation est une solution fréquente et relativement simple à mettre en œuvre. Ce signalement peut se faire de différentes manières (exemple : Vous êtes ici : Accueil > Nom rubrique > Titre page). Le simple signalement par la couleur s'avère quant à lui insuffisant (RA-12.3).
Les hyperliens sont visuellement différenciés du reste du contenu.
La détection des hyperliens doit pouvoir se faire de manière visuelle, sans opération de survol à la souris. Ainsi les hyperliens « cachés » qui deviennent soulignés, qui changent uniquement de couleur ou qui ne se différencient du texte courant que lors du survol par la souris sont à bannir. Le soulignement des hyperliens n'est en revanche nullement une obligation.
La taille des polices destinées à l'affichage écran est exprimée en taille variable et non en taille fixe.
Les seniors ou les personnes déficientes visuelles sont parfois amenés à augmenter la taille des polices affichées à l'écran pour un meilleur confort de lecture. Le fait de définir des tailles fixes pour ces polices (unités px ou pt) ne permet pas cet agrandissement dans la configuration par défaut d'Internet Explorer. Peu d'utilisateurs exploitant les options de configuration de ce navigateur et celui-ci étant très majoritaire, il est encore essentiel de prendre cette précaution (RA-10.4).
L'emplacement du menu principal de navigation est identique sur toutes les pages.
Le menu principal de navigation est un outil d'orientation commun à tout le site. Il est essentiel qu'il reste présent à l'identique sur toutes les pages du site. Cette obligation n'exclut pas la mise en place de menus secondaires variables ou contextuels (RA-12.2).
L'arrivée sur le site ne déclenche pas de pop-ups.
Les problèmes posés par les pop-ups sont nombreux, aussi bien du point de vue de l'ergonomie que de l'accessibilité. De plus en plus inefficaces, elles sont bloquées par de nombreux outils et constituent une gêne pour les internautes. L'ouverture volontaire de nouvelles fenêtres est possible, bien qu'elle soit déconseillée pour des raisons d'accessibilité. Elle doit dans ce cas être signalée (RA-13.3).
Les sites contenant plus de 15 pages textuelles proposent un moteur interne de recherche.
La mise en place d'un moteur de recherche s'impose dès que les sites comportent un contenu volumineux. Le moteur de recherche par mots-clés est fréquemment utilisé par les usagers pour trouver les contenus et y accéder plus rapidement (9.6).
La charte graphique est cohérente sur l'ensemble des pages ou des sections du site.
La cohérence et la permanence de la charte graphique sur tout le site permet une homogénéité et une continuité dans la visite et la navigation, et facilite l'identification permanente du service en ligne utilisé.
Un site qui fonctionne
Le serveur envoie une page d'erreur 404 personnalisée.
La présence d'une page d'erreur 404 personnalisée informe l'utilisateur que le site qu'il visite et que sa connexion sont tous deux en état de fonctionnement et que seule la page qu'il a appelée n'est pas accessible. La présence du menu principal, de liens de navigation, d'un formulaire de recherche ou d'un plan du site permet aux usagers de poursuivre sans rupture leur navigation.
Le code source de toutes les pages contient une déclaration de type de document (Doctype) conforme à la syntaxe définie par le W3C (World Wide Web Consortium).
Cette mention dans le code est nécessaire pour que les pages soient interprétées correctement par les navigateurs. Elle est également utile pour tester la validité des pages.(RA-8.1)
La langue principale, les changements de langue et le jeu de caractères employés sont indiqués dans toutes les pages du site.
L'indication de la langue principale du document, des changements de langue et du jeu de caractères permettent aux outils de navigation (navigateur graphique, navigateur en mode texte, lecteur d'écran, synthèse vocale, etc.) d'afficher et d'interpréter correctement le contenu des pages.(RA 8.1 à 8.3 et 8.7)
L'adresse du site fonctionne avec ou sans préfixe www.
Les utilisateurs qui saisissent directement l'adresse du site sous la forme http: omdedomaine.fr dans la barre d'adresse de leur navigateur ne doivent pas être dirigés vers une page d'erreur ou sur une page différente de la page proposée à l'adresse http:\www.nomdedomaine.fr
La quantité de données à télécharger pour afficher intégralement la page d'accueil est inférieure à 100 Ko.
En 2005, le haut débit ne représente que 18% des foyers aquitains. Dans tous les autres cas, une page d'accueil de plus de 100Ko mettra au moins 15 à 20 secondes pour s'afficher en intégralité. Le risque d'effet dissuasif et d'abandon est donc réel (RA-12.8 – Note : 70 Ko pour toutes les pages).
Les informations de présentation sont de préférence regroupées dans une ou plusieurs feuilles de style.
Les indications concernant les polices, les couleurs voire le positionnement à l'écran des différents éléments, sont regroupés dans des feuilles de style pour diminuer la taille des pages, faciliter la maintenance, améliorer l'ergonomie et l'accessibilité, faciliter la mise en place de versions imprimables et anticiper la diffusion sur les medias web alternatifs (mobiles, web-tv).
Les tableaux de données sont accessibles et correctement balisés.
Les tableaux de données ne peuvent être appréhendés instantanément et dans leur globalité par les internautes équipés de lecteurs d'écran. Les tableaux sont alors linéarisés, ce qui rend essentiel l'indication du résumé (attribut "summary"), du titre (élément "caption") et la liaison entre les données et leurs en-têtes (attributs "headers" ou "scope" et élément "th")(RA-5.1 à 5.4).
Chaque champ de formulaire est associé à une étiquette qui lui est propre.
Les formulaires ne peuvent être appréhendés instantanément et dans leur globalité par les internautes équipés de navigateurs textuels ou de lecteurs d'écran. Les champs de formulaire doivent donc être reliés à une étiquette. Le pointage de l'étiquette place ainsi le curseur sur le champ concerné (RA-11.1).
Le site n'utilise aucune fonction de rafraîchissement automatique.
Les internautes naviguant au clavier ou équipés de navigateurs textuels ou de lecteur d'écran naviguent de lien en lien avant de choisir celui qu'ils vont suivre. Le rafraîchissement automatique des pages ramène le pointeur de navigation au début des pages. Dans certains cas, cette technique peut rendre la consultation du site impossible (RA-13.1).
Une alternative est proposée aux scripts.
Les informations véhiculées par des scripts (javascript, notamment), restent accessibles lorsque ceux-ci sont désactivés. L'utilisation de l'élément "noscript" est une solution valable si elle contient une véritable alternative d'accès aux contenus (RA-7.1 et 7.2).
Des contenus structurés et identifiés
Le contenu de chaque page est organisé selon une structure de titres et sous-titres hiérarchisée.
Les documents textuels produits par les professionnels sont structurés grâce à des titres et sous-titres. Pour un document aussi complexe qu'une interface Web, une structuration similaire et le balisage technique correspondant (balises "h1" à "h6") sont essentiels. Ces éléments permettent aux publics handicapés d'appréhender les contenus et leur structure dans leur globalité. Ils permettent aussi d'harmoniser la présentation des contenus sur toute l'interface, d'améliorer leur référencement dans les moteurs de recherche et facilite leur réutilisation (RA-9.1).
Le contenu alternatif de toutes les images est correctement indiqué.
Les contenus alternatifs permettent aux handicapés visuels de comprendre le sens correspondant à la présence d'une image. Ces informations peuvent également servir aux personnes naviguant sans images pour cause de connexion bas débit. Ces éléments sont également pris en compte par certains moteurs de recherche ou d'indexation (RA-1.1 à 1.4).
Chaque page du site comporte un titre significatif et unique.
Le titre des pages est une donnée essentielle. Elle est utilisée et reprise dans les outils de recherche, présente en haut de la fenêtre de navigation, indiquée dans les favoris lorsque la page est ajoutée, peut servir comme nom de fichier lorsque la page est enregistrée et est également lue par les matériels de synthèse vocale. Il est donc essentiel que les titres de pages soient indiqués sur toutes les pages du site et que chaque page ait un titre différent, qui permette d'en appréhender le contenu. (RA - 8.4 à 8.6)
Les champs obligatoires des formulaires sont indiqués.
Cette disposition évite à l'usager des saisies inutiles en lui signalant les informations strictement indispensables au traitement de sa demande. Bien que pas forcément facile à repérer avec un lecteur d'écran, une étoile est souvent utilisée pour le signalement des champs obligatoires. Une simple différenciation par la couleur est quant à elle possible mais insuffisante (RA-11.7).
Les hyperliens doivent être compréhensibles hors contexte.
Les hyperliens sont essentiels à la navigation. La présence de libellés de liens non explicites comme « cliquer ici » ou « lire la suite » ne permet pas à certains usagers d'identifier la nature des contenus vers lesquels pointent les liens. Il est possible d'améliorer la pertinence d'un intitulé de lien à l'aide de l'attribut "title" (solution moins accessible qu'un libellé explicite) (RA-6.2).
Le contenu et les services proposés sur le site sont résumés sur la page d'accueil.
Dès son arrivée sur le site, l'usager doit pouvoir comprendre l'objectif, les contenus et les services proposés.
Les informations relatives aux droits de copie et de réutilisation sont accessibles depuis toutes les pages.
Les copyrights, droits d'utilisation, crédits et licences associés aux différents contenus (texte, image, multimédia…) sont des données essentielles des points de vue juridiques et pratiques. Elles doivent être facilement accessibles.
Si la consultation ou l'utilisation de certains contenus nécessite un plug-in, un lien de téléchargement ou d'information sur ce dernier est proposé.
Tous les utilisateurs ne sont pas équipés de l'ensemble des plug-ins existants. Proposer un lien de téléchargement aide les utilisateurs à mettre à jour leur équipement, et facilite l'accès aux contenus.
La taille et le format des fichiers proposés en téléchargement sont indiqués.
Tous les utilisateurs ne sont pas équipés de haut débit ni de l'ensemble des plug-ins existants. La présence de cette information permet aux usagers d'estimer leur temps de téléchargement et leur capacité à lire les fichiers téléchargés. Cette information peut conduire les usagers à éviter ou à reporter des téléchargements inutiles ou qui pourraient s'effectuer dans de meilleures conditions (RA-13.5).
La signification des acronymes, sigles et abréviations est explicitée lors de leur première occurrence dans le corps de chaque page.
Les sigles, abréviations, acronymes sont très fréquemment utilisés sur les sites Internet publics. Ce qui semble évident pour un administrateur de site ne l'est pas forcément pour les usagers : l'indication de la signification des acronymes permet de les expliciter et de faciliter la compréhension des contenus. Un glossaire est une solution complémentaire (RA-13.9).
Des services associés clairs et faciles d'accès
Le site propose au moins un moyen de contacter en ligne l'éditeur etou le webmestre.
La présence d'un mèl etou d'un formulaire de contact sont des moyens possibles pour contacter en ligne les responsables du site.
L'adresse complète et le numéro de téléphone de l'organisme sont indiqués au moins sur la page d'accueil.
L'adresse postale complète (mention du pays) et le numéro de téléphone (accompagné de l'indicatif international) sont des informations très souvent recherchées sur les sites par les usagers. Il importe qu'ils soient présents et facilement accessibles.
Le nom d'un responsable de la publication est indiqué sur le site.
La mention du nom du responsable de la publication est une obligation légale en France. Elle permet par ailleurs à l'utilisateur de comprendre qui propose le contenu
Un engagement de réponse aux demandes des utilisateurs est indiqué.
Les responsables du site indiquent qu'ils s'engagent à répondre aux demandes transmises par les usagers et dans quelles conditions. Si cet engagement s'accompagne de limitations en temps ou en qualité, ce qui est parfaitement possible, celles-ci sont également précisées.
Un accusé de réception automatique ou personnalisé d'une demande en ligne est transmis par mèl dans un délai inférieur à trois jours ouvrés.
Un accusé de réception, a fortiori personnalisé, a une valeur ajoutée importante pour les usagers. Au-delà d'un certain volume de demandes, le choix peut être fait d'envoyer un accusé de réception automatique (sans préjuger de l'envoi ultérieur d'une réponse personnalisée).
Si le site collecte des données personnelles celui-ci est déclaré à la CNIL et le numéro de déclaration correspondant est indiqué sur le site.
La déclaration des fichiers de données personnelles à la CNIL (Commission nationale informatique et libertés) est une obligation légale pour tous les éditeurs collectant des données personnelles sur Internet.
Si le site propose une newsletter, l'inscription est soumise à un processus de vérification par mèl.
Pour éviter l'inscription d'une adresse mèl à une newsletter par des tiers à l'insu de leur propriétaire, l'inscription définitive à une newsletter n'est validée qu'après envoi d'un mèl à l'adresse correspondante et activation ou validation par le titulaire.
Si le site propose une newsletter, les newsletters contiennent un hyperlien permettant la désinscription.
Le lien de désinscription doit être présent dans chaque exemplaire de la newsletter. La désinscription doit être possible sans envoi d'un mèl par l'utilisateur.
Si le site propose une newsletter, la désinscription est possible depuis le site.
Les usagers doivent pouvoir se désinscrire de la newsletter quand ils le souhaitent, sans avoir à utiliser forcément le lien de désinscription présent dans chaque exemplaire de la newsletter.
Si le site propose un ou plusieurs fils de syndication, le lien et le format de ce fil sont présents sur le site.
Les fils de syndication permettent aux usagers d'être avertis automatiquement via un agrégateur (lecteur logiciel) de la publication d'un nouveau contenu (actualité, article, produit, service…) sans avoir à passer par une newsletter. Ce lien et l'indication sur le site du format des fils (RSS, Atom) sont des informations importantes pour s'y abonner.
