Chaque image (balise <img> ou balise possédant l’attribut WAI-ARIA role="img") porteuse d’information a-t-elle une alternative textuelle ?

Chaque zone d’une image réactive (balise <area>) porteuse d’information a-t-elle une alternative textuelle ?

Chaque zone cliquable d’une image réactive côté serveur est-elle doublée d’un mécanisme utilisable quel que soit le dispositif de pointage utilisé et permettant d’accéder à la même destination ?

Chaque image vectorielle (balise <svg>) porteuse d’information, vérifie-t-elle ces conditions ?

• La balise <svg> possède un attribut WAI-ARIA role="img" ;

• La balise <svg> a une alternative textuelle.

Chaque image objet (balise <object> avec l’attribut type="image/…") porteuse d’information, vérifie-t-elle une de ces conditions ?

• La balise <object> possède une alternative textuelle et un attribut role="img" ;

• L’élément <object> est immédiatement suivi d’un lien ou bouton adjacent permettant d’accéder à un contenu alternatif ;

• Un mécanisme permet à l’utilisateur de remplacer l’élément <object> par un contenu alternatif.

Chaque image embarquée (balise <embed> avec l’attribut type="image/…") porteuse d’information, vérifie-t-elle une de ces conditions ?

• La balise <embed> possède une alternative textuelle et un attribut role="img" ;

• L’élément <embed> est immédiatement suivi d’un lien ou bouton adjacent permettant d’accéder à un contenu alternatif ;

• Un mécanisme permet à l’utilisateur de remplacer l’élément <embed> par un contenu alternatif.

Chaque image bitmap (balise <canvas>) porteuse d’information, vérifie-t-elle une de ces conditions ?

• La balise <canvas> possède une alternative textuelle et un attribut role="img" ;

• Un contenu alternatif est présent entre les balises <canvas> et </canvas> ;

• L’élément <canvas> est immédiatement suivi d’un lien ou bouton adjacent permettant d’accéder à un contenu alternatif ;

• Un mécanisme permet à l’utilisateur de remplacer l’élément <canvas> par un contenu alternatif.

Chaque image (balise <img>) de décoration, sans légende, vérifie-t-elle une de ces conditions ?

• La balise <img> possède un attribut alt vide (alt="") et est dépourvue de tout autre attribut permettant de fournir une alternative textuelle ;

• La balise <img> possède un attribut WAI-ARIA aria-hidden="true" ou role="presentation".

Chaque zone non cliquable (balise <area> sans attribut href) de décoration, vérifie-t-elle une de ces conditions ?

• La balise <area> possède un attribut alt vide (alt="") et est dépourvue de tout autre attribut permettant de fournir une alternative textuelle ;

• La balise <area> possède un attribut WAI-ARIA aria-hidden="true" ou role="presentation".

Chaque image objet (balise <object> avec l’attribut type="image/…") de décoration, sans légende, vérifie-t-elle ces conditions ?

• La balise <object> possède un attribut WAI-ARIA aria-hidden="true" ;

• La balise <object> est dépourvue d’alternative textuelle ;

• Il n’y a aucun texte faisant office d’alternative textuelle entre <object> et </object>.

Chaque image vectorielle (balise <svg>) de décoration, sans légende, vérifie-t-elle ces conditions ?

• La balise <svg> possède un attribut WAI-ARIA aria-hidden="true" ;

• La balise <svg> et ses enfants sont dépourvus d’alternative textuelle ;

• Les balises <title> et <desc> sont absentes ou vides ;

• La balise <svg> et ses enfants sont dépourvus d’attribut title.

Chaque image bitmap (balise <canvas>) de décoration, sans légende, vérifie-t-elle ces conditions ?

• La balise <canvas> possède un attribut WAI-ARIA aria-hidden="true" ;

• La balise <canvas> et ses enfants sont dépourvus d’alternative textuelle ;

• Il n’y a aucun texte faisant office d’alternative textuelle entre <canvas> et </canvas>.

Chaque image embarquée (balise <embed> avec l’attribut type="image/…") de décoration, sans légende, vérifie-t-elle ces conditions ?

• La balise <embed> possède un attribut WAI-ARIA aria-hidden="true" ;

• La balise <embed> et ses enfants sont dépourvus d’alternative textuelle.

Pour chaque image (balise <img> ou balise possédant l’attribut WAI-ARIA role="img") porteuse d’information, ayant une alternative textuelle, cette alternative est-elle pertinente (hors cas particuliers) ?

• S’il est présent, le contenu de l’attribut alt est pertinent ;

• S’il est présent, le contenu de l’attribut title est pertinent ;

• S’il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent ;

• S’il est présent, le passage de texte associé via l’attribut WAI-ARIA aria-labelledby est pertinent.

Pour chaque zone (balise <area>) d’une image réactive porteuse d’information, ayant une alternative textuelle, cette alternative est-elle pertinente (hors cas particuliers) ?

• S’il est présent, le contenu de l’attribut alt est pertinent ;

• S’il est présent, le contenu de l’attribut title est pertinent ;

• S’il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent ;

• S’il est présent, le passage de texte associé via l’attribut WAI-ARIA aria-labelledby est pertinent.

Pour chaque bouton de type image (balise <input> avec l’attribut type="image"), ayant une alternative textuelle, cette alternative est-elle pertinente (hors cas particuliers) ?

• S’il est présent, le contenu de l’attribut alt est pertinent ;

• S’il est présent, le contenu de l’attribut title est pertinent ;

• S’il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent ;

• S’il est présent, le passage de texte associé via l’attribut WAI-ARIA aria-labelledby est pertinent.

Pour chaque image objet (balise <object> avec l’attribut type="image/…") porteuse d’information, ayant une alternative textuelle ou un contenu alternatif, cette alternative est-elle pertinente (hors cas particuliers) ?

• S’il est présent, le contenu de l’attribut title est pertinent ;

• S’il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent ;

• S’il est présent, le passage de texte associé via l’attribut WAI-ARIA aria-labelledby est pertinent ;

• S’il est présent le contenu alternatif est pertinent.

Pour chaque image embarquée (balise <embed> avec l’attribut type="image/…") porteuse d’information, ayant une alternative textuelle ou un contenu alternatif, cette alternative est-elle pertinente (hors cas particuliers) ?

• S’il est présent, le contenu de l’attribut title est pertinent ;

• S’il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent ;

• S’il est présent, le passage de texte associé via l’attribut WAI-ARIA aria-labelledby est pertinent ;

• S’il est présent le contenu alternatif est pertinent.

Pour chaque image vectorielle (balise <svg>) porteuse d’information, ayant une alternative textuelle, cette alternative est-elle pertinente (hors cas particuliers) ?

• S’il est présent, le contenu de l’élément <title> est pertinent ;

• S’il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent ;

• S’il est présent, le passage de texte associé via l’attribut WAI-ARIA aria-labelledby est pertinent.

Pour chaque image bitmap (balise <canvas>) porteuse d’information, ayant une alternative textuelle ou un contenu alternatif, cette alternative est-elle pertinente (hors cas particuliers) ?

• S’il est présent, le contenu de l’attribut title est pertinent ;

• S’il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent ;

• S’il est présent, le passage de texte associé via l’attribut WAI-ARIA aria-labelledby est pertinent ;

• S’il est présent le contenu alternatif est pertinent.

Pour chaque image bitmap (balise <canvas>) porteuse d’information et ayant un contenu alternatif entre <canvas> et </canvas>, ce contenu alternatif est-il correctement restitué par les technologies d’assistance ?

Pour chaque image porteuse d’information et ayant une alternative textuelle, l’alternative textuelle est-elle courte et concise (hors cas particuliers) ?

Pour chaque image (balise <img>) utilisée comme CAPTCHA ou comme image-test, ayant une alternative textuelle, cette alternative est-elle pertinente ?

• S’il est présent, le contenu de l’attribut alt est pertinent ;

• S’il est présent, le contenu de l’attribut title est pertinent ;

• S’il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent ;

• S’il est présent, le passage de texte associé via l’attribut WAI-ARIA aria-labelledby est pertinent.

Pour chaque zone (balise <area>) d’une image réactive utilisée comme CAPTCHA ou comme image-test, ayant une alternative textuelle, cette alternative est-elle pertinente ?

• S’il est présent, le contenu de l’attribut alt est pertinent ;

• S’il est présent, le contenu de l’attribut title est pertinent ;

• S’il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent ;

• S’il est présent, le passage de texte associé via l’attribut WAI-ARIA aria-labelledby est pertinent.

Pour chaque bouton de type image (balise <input> avec l’attribut type="image") utilisé comme CAPTCHA ou comme image-test, ayant une alternative textuelle, cette alternative est-elle pertinente ?

• S’il est présent, le contenu de l’attribut alt est pertinent ;

• S’il est présent, le contenu de l’attribut title est pertinent ;

• S’il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent ;

• S’il est présent, le passage de texte associé via l’attribut WAI-ARIA aria-labelledby est pertinent.

Pour chaque image objet (balise <object> avec l’attribut type="image/…") utilisée comme CAPTCHA ou comme image-test, ayant une alternative textuelle ou un contenu alternatif, cette alternative est-elle pertinente ?

• S’il est présent, le contenu de l’attribut title est pertinent ;

• S’il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent ;

• S’il est présent, le passage de texte associé via l’attribut WAI-ARIA aria-labelledby est pertinent ;

• S’il est présent, le contenu alternatif est pertinent.

Pour chaque image embarquée (balise <embed> avec l’attribut type="image/…") utilisée comme CAPTCHA ou comme image-test, ayant une alternative textuelle ou un contenu alternatif, cette alternative est-elle pertinente ?

• S’il est présent, le contenu de l’attribut title est pertinent ;

• S’il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent ;

• S’il est présent, le passage de texte associé via l’attribut WAI-ARIA aria-labelledby est pertinent ;

• S’il est présent, le contenu alternatif est pertinent.

Pour chaque image vectorielle (balise <svg>) utilisée comme CAPTCHA ou comme image-test, ayant une alternative textuelle, cette alternative est-elle pertinente ?

• S’il est présent, le contenu de l’attribut title est pertinent ;

• S’il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent ;

• S’il est présent, le passage de texte associé via l’attribut WAI-ARIA aria-labelledby est pertinent.

Pour chaque image bitmap (balise <canvas>) utilisée comme CAPTCHA ou comme image-test, ayant une alternative textuelle ou un contenu alternatif, cette alternative est-elle pertinente ?

• S’il est présent, le contenu de l’attribut title est pertinent ;

• S’il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent ;

• S’il est présent, le passage de texte associé via l’attribut WAI-ARIA aria-labelledby est pertinent ;

• S’il est présent, le contenu alternatif est pertinent.

Chaque image (balises <img>, <area>, <object>, <embed>, <svg>, <canvas> ou possédant un attribut WAI-ARIA role="img") utilisée comme CAPTCHA vérifie-t-elle une de ces conditions ?

• Il existe une autre forme de CAPTCHA non graphique, au moins ;

• Il existe une autre solution d’accès à la fonctionnalité qui est sécurisée par le CAPTCHA.

Chaque bouton associé à une image (balise input avec l’attribut type="image") utilisée comme CAPTCHA vérifie-t-il une de ces conditions ?

• Il existe une autre forme de CAPTCHA non graphique, au moins ;

• Il existe une autre solution d’accès à la fonctionnalité sécurisée par le CAPTCHA.

Chaque image (balise <img>) porteuse d’information, qui nécessite une description détaillée, vérifie-t-elle une de ces conditions ?

• Il existe un attribut longdesc qui donne l’adresse (URL) d’une page ou d’un emplacement dans la page contenant la description détaillée ;

• Il existe une alternative textuelle contenant la référence à une description détaillée adjacente à l’image ;

• Il existe un lien ou un bouton adjacent permettant d’accéder à la description détaillée.

Chaque image objet (balise <object> avec l’attribut type="image/…") porteuse d’information, qui nécessite une description détaillée, vérifie-t-elle une de ces conditions ?

• Il existe une alternative textuelle contenant la référence à une description détaillée adjacente à l’image ;

• Il existe un lien ou un bouton adjacent permettant d’accéder à la description détaillée.

Chaque image embarquée (balise <embed>) porteuse d’information, qui nécessite une description détaillée, vérifie-t-elle une de ces conditions ?

• Il existe une alternative textuelle contenant la référence à une description détaillée adjacente à l’image ;

• Il existe un lien ou un bouton adjacent permettant d’accéder à la description détaillée.

Chaque bouton de type image (balise <input> avec l’attribut type="image") porteur d’information, qui nécessite une description détaillée, vérifie-t-elle une de ces conditions ?

• Il existe une alternative textuelle contenant la référence à une description détaillée adjacente à l’image ;

• Il existe un lien ou un bouton adjacent permettant d’accéder à la description détaillée ;

• Il existe un attribut WAI-ARIA aria-describedby associant un passage de texte faisant office de description détaillée.

Chaque image vectorielle (balise <svg>) porteuse d’information, qui nécessite une description détaillée, vérifie-t-elle une de ces conditions ?

• Il existe un attribut WAI-ARIA aria-label contenant l’alternative textuelle et une référence à une description détaillée adjacente ;

• Il existe un attribut WAI-ARIA aria-labelledby associant un passage de texte faisant office d’alternative textuelle et un autre faisant office de description détaillée ;

• Il existe un attribut WAI-ARIA aria-describedby associant un passage de texte faisant office de description détaillée ;

• Il existe un lien ou un bouton adjacent permettant d’accéder à la description détaillée.

Pour chaque image vectorielle (balise <svg>) porteuse d’information, ayant une description détaillée, la référence éventuelle à la description détaillée dans l’attribut WAI-ARIA aria-label et la description détaillée associée par l’attribut WAI-ARIA aria-labelledby ou aria-describedby sont-elles correctement restituées par les technologies d’assistance ?

Chaque image bitmap (balise <canvas>), porteuse d’information, qui nécessite une description détaillée, vérifie-t-elle une de ces conditions ?

• Il existe un attribut WAI-ARIA aria-label contenant l’alternative textuelle et une référence à une description détaillée adjacente ;

• Il existe un attribut WAI-ARIA aria-labelledby associant un passage de texte faisant office d’alternative textuelle et un autre faisant office de description détaillée ;

• Il existe un contenu textuel entre <canvas> et </canvas> faisant référence à une description détaillée adjacente à l’image bitmap ;

• Il existe un contenu textuel entre <canvas> et </canvas> faisant office de description détaillée ;

• Il existe un lien ou bouton adjacent permettant d’accéder à la description détaillée.

Pour chaque image bitmap (balise <canvas>) porteuse d’information, qui implémente une référence à une description détaillée adjacente, cette référence est-elle correctement restituée par les technologies d’assistance ?

Pour chaque image (balise <img>, <input> avec l’attribut type="image", <area>, <object>, <embed>, <svg>, <canvas>, ou possédant un attribut WAI-ARIA role="img") porteuse d’information, qui est accompagnée d’une description détaillée et qui utilise un attribut WAI-ARIA aria-describedby, l’attribut WAI-ARIA aria-describedby associe-t-il la description détaillée ?

Chaque balise possédant un attribut WAI-ARIA role="img" porteuse d’information, qui nécessite une description détaillée, vérifie-t-elle une de ces conditions ?

• Il existe un attribut WAI-ARIA aria-label contenant l’alternative textuelle et une référence à une description détaillée adjacente ;

• Il existe un attribut WAI-ARIA aria-labelledby associant un passage de texte faisant office d’alternative textuelle et un autre faisant office de description détaillée ;

• Il existe un attribut WAI-ARIA aria-describedby associant un passage de texte faisant office de description détaillée ;

• Il existe un lien ou un bouton adjacent permettant d’accéder à la description détaillée.

Chaque image (balise <img>) porteuse d’information, ayant une description détaillée, vérifie-t-elle ces conditions ?

• La description détaillée via l’adresse référencée dans l’attribut longdesc est pertinente ;

• La description détaillée dans la page et signalée par l’alternative textuelle est pertinente ;

• La description détaillée via un lien ou bouton adjacent est pertinente ;

• Le passage de texte associé via l’attribut WAI-ARIA aria-describedby est pertinent.

Chaque bouton de type image (balise <input> avec l’attribut type="image") porteur d’information, ayant une description détaillée, vérifie-t-elle ces conditions ?

• La description détaillée dans la page et signalée par l’alternative textuelle est pertinente ;

• La description détaillée via un lien ou bouton adjacent est pertinente ;

• Le passage de texte associé via l’attribut WAI-ARIA aria-describedby est pertinent.

Chaque image objet (balise <object> avec l’attribut type="image/…") porteuse d’information, ayant une description détaillée, vérifie-t-elle ces conditions ?

• La description détaillée dans la page et signalée par l’alternative textuelle est pertinente ;

• La description détaillée adjacente à l’image objet est pertinente ;

• La description détaillée via un lien ou bouton adjacent est pertinente ;

• Le passage de texte associé via l’attribut WAI-ARIA aria-describedby est pertinent.

Chaque image embarquée (balise <embed> avec l’attribut type="image/…") porteuse d’information, ayant une description détaillée, vérifie-t-elle ces conditions ?

• La description détaillée dans la page et signalée par l’alternative textuelle est pertinente ;

• La description détaillée adjacente à l’image embarquée est pertinente ;

• La description détaillée via un lien ou bouton adjacent est pertinente ;

• Le passage de texte associé via l’attribut WAI-ARIA aria-describedby est pertinent.

Chaque image vectorielle (balise <svg>) porteuse d’information, ayant une description détaillée, vérifie-t-elle ces conditions ?

• La description détaillée dans la page et signalée par l’alternative textuelle est pertinente ;

• La description détaillée dans la page et signalée par le texte contenu dans balise <desc> ou <title> est pertinente ;

• La description détaillée contenue dans la balise <desc> est pertinente ;

• La description détaillée via un lien ou bouton adjacent est pertinente ;

• Le passage de texte associé via l’attribut WAI-ARIA aria-describedby est pertinent.

Chaque image bitmap (balise <canvas>) porteuse d’information, ayant une description détaillée, vérifie-t-elle ces conditions ?

• La description détaillée dans la page et signalée par l’alternative textuelle est pertinente ;

• La description détaillée dans la page et signalée par le texte contenu entre <canvas> et </canvas> est pertinente ;

• La description détaillée contenue entre <canvas> et </canvas> est pertinente ;

• La description détaillée adjacente à l’image bitmap est pertinente ;

• La description détaillée via un lien ou bouton adjacent est pertinente ;

• Le passage de texte associé via l’attribut WAI-ARIA aria-describedby est pertinent.

Chaque image texte (balise <img> ou possédant un attribut WAI-ARIA role="img") porteuse d’information, en l’absence d’un mécanisme de remplacement, doit si possible être remplacée par du texte stylé. Cette règle est-elle respectée (hors cas particuliers) ?

Chaque bouton « image texte » (balise <input> avec l’attribut type="image") porteur d’information, en l’absence d’un mécanisme de remplacement, doit si possible être remplacé par du texte stylé. Cette règle est-elle respectée (hors cas particuliers) ?

Chaque image texte objet (balise <object> avec l’attribut type="image/…") porteuse d’information, en l’absence d’un mécanisme de remplacement, doit si possible être remplacée par du texte stylé. Cette règle est-elle respectée (hors cas particuliers) ?

Chaque image texte embarquée (balise <embed> avec l’attribut type="image/…") porteuse d’information, en l’absence d’un mécanisme de remplacement, doit si possible être remplacée par du texte stylé. Cette règle est-elle respectée (hors cas particuliers) ?

Chaque image texte bitmap (balise <canvas>) porteuse d’information, en l’absence d’un mécanisme de remplacement, doit si possible être remplacée par du texte stylé. Cette règle est-elle respectée (hors cas particuliers) ?

Chaque image texte SVG (balise <svg>) porteuse d’information et dont le texte n’est pas complètement structuré au moyen d’éléments <text>, en l’absence d’un mécanisme de remplacement, doit si possible être remplacée par du texte stylé. Cette règle est-elle respectée (hors cas particuliers) ?

Chaque image pourvue d’une légende (balise <img>, <input> avec l’attribut type="image" ou possédant un attribut WAI-ARIA role="img" associée à une légende adjacente), vérifie-t-elle, si nécessaire, ces conditions ?

• L’image (balise <img>, <input> avec l’attribut type="image" ou possédant un attribut WAI-ARIA role="img") et sa légende adjacente sont contenues dans une balise <figure> ;

• La balise <figure> possède un attribut WAI-ARIA role="figure" ou role="group" ;

• La balise <figure> possède un attribut WAI-ARIA aria-label dont le contenu est identique au contenu de la légende ;

• La légende est contenue dans une balise <figcaption>.

Chaque image objet pourvue d’une légende (balise <object> avec l’attribut type="image/…" associée à une légende adjacente), vérifie-t-elle, si nécessaire, ces conditions ?

• L’image objet (balise <object>) et sa légende adjacente sont contenues dans une balise <figure> ;

• La balise <figure> possède un attribut WAI-ARIA role="figure" ou role="group" ;

• La balise <figure> possède un attribut WAI-ARIA aria-label dont le contenu est identique au contenu de la légende ;

• La légende est contenue dans une balise <figcaption>.

Chaque image embarquée pourvue d’une légende (balise <embed> associée à une légende adjacente), vérifie-t-elle, si nécessaire, ces conditions ?

• L’image embarquée (balise <embed>) et sa légende adjacente sont contenues dans une balise <figure> ;

• La balise <figure> possède un attribut WAI-ARIA role="figure" ou role="group" ;

• La balise <figure> possède un attribut WAI-ARIA aria-label dont le contenu est identique au contenu de la légende ;

• La légende est contenue dans une balise <figcaption>.

Chaque image vectorielle pourvue d’une légende (balise <svg> associée à une légende adjacente), vérifie-t-elle, si nécessaire, ces conditions ?

• L’image vectorielle (balise <svg>) et sa légende adjacente sont contenues dans une balise <figure> ;

• La balise <figure> possède un attribut WAI-ARIA role="figure" ou role="group" ;

• La balise <figure> possède un attribut WAI-ARIA aria-label dont le contenu est identique au contenu de la légende ;

• La légende est contenue dans une balise <figcaption>.

Chaque image bitmap pourvue d’une légende (balise <canvas> associée à une légende adjacente), vérifie-t-elle, si nécessaire, ces conditions ?

• L’image bitmap (balise <canvas>) et sa légende adjacente sont contenues dans une balise <figure> ;

• La balise <figure> possède un attribut WAI-ARIA role="figure" ou role="group" ;

• La balise <figure> possède un attribut WAI-ARIA aria-label dont le contenu est identique au contenu de la légende ;

• La légende est contenue dans une balise <figcaption>.

Dans chaque page web, les balises servant à la présentation de l’information ne doivent pas être présentes dans le code source généré des pages. Cette règle est-elle respectée ?

Dans chaque page web, les attributs servant à la présentation de l’information ne doivent pas être présents dans le code source généré des pages. Cette règle est-elle respectée ?

Dans chaque page web, l’utilisation des espaces vérifie-t-elle ces conditions ?

• Les espaces ne sont pas utilisées pour séparer les lettres d’un mot ;

• Les espaces ne sont pas utilisées pour simuler des tableaux ;

• Les espaces ne sont pas utilisées pour simuler des colonnes de texte.

Dans chaque page web, pour chaque texte ou ensemble de textes, l’information ne doit pas être donnée uniquement par la forme, taille ou position. Cette règle est-elle implémentée de façon pertinente ?

Dans chaque page web, pour chaque image ou ensemble d’images, l’information ne doit pas être donnée par la forme, taille ou position uniquement. Cette règle est-elle implémentée de façon pertinente ?

Dans chaque page web, pour chaque média temporel, l’information ne doit pas être donnée par la forme, taille ou position uniquement. Cette règle est-elle implémentée de façon pertinente ?

Dans chaque page web, pour chaque média non temporel, l’information ne doit pas être donnée par la forme, taille ou position uniquement. Cette règle est-elle implémentée de façon pertinente ?

Pour chaque page web, lorsque le contenu dont le sens de lecture est horizontal est affiché dans une fenêtre réduite à une largeur de 320px, l’ensemble des informations et des fonctionnalités sont-elles disponibles sans aucun défilement horizontal (hors cas particuliers) ?

Pour chaque page web, lorsque le contenu dont le sens de lecture est vertical est affiché dans une fenêtre réduite à une hauteur de 256px, l’ensemble des informations et des fonctionnalités sont-elles disponibles sans aucun défilement vertical (hors cas particuliers) ?

Dans chaque page web, le texte reste-t-il lisible lorsque l’affichage est modifié selon ces conditions (hors cas particuliers) ?

• L’espacement entre les lignes (line-height) est augmenté jusqu’à 1,5 fois la taille de la police ;

• L’espacement suivant les paragraphes (balise <p>) est augmenté jusqu’à 2 fois la taille de la police ;

• L’espacement des lettres (letter-spacing) est augmenté jusqu’à 0,12 fois la taille de la police ;

• L’espacement des mots (word-spacing) est augmenté jusqu’à 0,16 fois la taille de la police.

Chaque contenu additionnel devenant visible à la prise de focus ou au survol d’un composant d’interface peut-il être masqué par une action de l’utilisateur sans déplacer le focus ou le pointeur de la souris (hors cas particuliers) ?

Chaque contenu additionnel qui apparait au survol d’un composant d’interface peut-il être survolé par le pointeur de la souris sans disparaître (hors cas particuliers) ?

Chaque contenu additionnel qui apparaît à la prise de focus ou au survol d’un composant d’interface vérifie-t-il une de ces conditions (hors cas particuliers) ?

• Le contenu additionnel reste visible jusqu’à ce que l’utilisateur retire le pointeur souris ou le focus du contenu additionnel et du composant d’interface ayant déclenché son apparition ;

• Le contenu additionnel reste visible jusqu’à ce que l’utilisateur déclenche une action masquant ce contenu sans déplacer le focus ou le pointeur de la souris du composant d’interface ayant déclenché son apparition ;

• Le contenu additionnel reste visible jusqu’à ce qu’il ne soit plus valide.

Dans chaque page web, les contenus additionnels apparaissant au survol d’un composant d’interface via les styles CSS respectent-ils si nécessaire une de ces conditions ?

• Les contenus additionnels apparaissent également à l’activation du composant via le clavier et tout dispositif de pointage ;

• Les contenus additionnels apparaissent également à la prise de focus du composant ;

• Les contenus additionnels apparaissent également par le biais de l’activation ou de la prise de focus d’un autre composant.

Dans chaque page web, les contenus additionnels apparaissant au focus d’un composant d’interface via les styles CSS respectent-ils si nécessaire une de ces conditions ?

• Les contenus additionnels apparaissent également à l’activation du composant via le clavier et tout dispositif de pointage ;

• Les contenus additionnels apparaissent également au survol du composant ;

• Les contenus additionnels apparaissent également par le biais de l’activation ou du survol d’un autre composant.

Dans chaque page web, l’information reste-t-elle présente lorsque les feuilles de styles sont désactivées ?

Dans chaque page web, l’information reste-t-elle compréhensible lorsque les feuilles de styles sont désactivées ?

Dans chaque page web, l’augmentation de la taille des caractères jusqu’à 200%, au moins, ne doit pas provoquer de perte d’information. Cette règle est-elle respectée selon une de ces conditions (hors cas particuliers) ?

• Lors de l’utilisation de la fonction d’agrandissement du texte du navigateur ;

• Lors de l’utilisation des fonctions de zoom graphique du navigateur ;

• Lors de l’utilisation d’un composant d’interface propre au site permettant d’agrandir le texte ou de zoomer.

Dans chaque page web, l’augmentation de la taille des caractères jusqu’à 200%, au moins, doit être possible pour l’ensemble du texte dans la page. Cette règle est-elle respectée selon une de ces conditions (hors cas particuliers) ?

• Lors de l’utilisation de la fonction d’agrandissement du texte du navigateur ;

• Lors de l’utilisation des fonctions de zoom graphique du navigateur ;

• Lors de l’utilisation d’un composant d’interface propre au site permettant d’agrandir le texte ou de zoomer.

Dans chaque page web, chaque déclaration CSS de couleurs de police (color), d’un élément susceptible de contenir du texte, est-elle accompagnée d’une déclaration de couleur de fond (background, background-color), au moins, héritée d’un parent ?

Dans chaque page web, chaque déclaration de couleur de fond (background, background-color), d’un élément susceptible de contenir du texte, est-elle accompagnée d’une déclaration de couleur de police (color) au moins, héritée d’un parent ?

Dans chaque page web, chaque utilisation d’une image pour créer une couleur de fond d’un élément susceptible de contenir du texte, via CSS (background, background-image), est-elle accompagnée d’une déclaration de couleur de fond (background, background-color), au moins, héritée d’un parent ?

Dans chaque page web, chaque lien texte signalé uniquement par la couleur, et dont la nature n’est pas évidente, vérifie-t-il ces conditions ?

• La couleur du lien a un rapport de contraste supérieur ou égal à 3:1 par rapport au texte environnant ;

• Le lien dispose d’une indication visuelle au survol autre qu’un changement de couleur ;

• Le lien dispose d’une indication visuelle au focus autre qu’un changement de couleur.

Pour chaque élément recevant le focus, la prise de focus vérifie-t-elle une de ces conditions ?

• Le style du focus natif du navigateur n’est pas supprimé ou dégradé ;

• Un style du focus défini par l’auteur est visible.

Dans chaque page web, chaque contenu caché vérifie-t-il une de ces conditions ?

• Le contenu caché a vocation à être ignoré par les technologies d’assistance ;

• Le contenu caché n’a pas vocation à être ignoré par les technologies d’assistance et est rendu restituable par les technologies d’assistance suite à une action de l’utilisateur réalisable au clavier ou par tout dispositif de pointage sur un élément précédent le contenu caché ou suite à un repositionnement du focus dessus.

Dans chaque page web, pour chaque texte ou ensemble de textes, l’information ne doit pas être donnée uniquement par la forme, taille ou position. Cette règle est-elle respectée ?

Dans chaque page web, pour chaque image ou ensemble d’images, l’information ne doit pas être donnée uniquement par la forme, taille ou position. Cette règle est-elle respectée ?

Dans chaque page web, pour chaque média temporel, l’information ne doit pas être donnée uniquement par la forme, taille ou position. Cette règle est-elle respectée ?

Dans chaque page web, pour chaque média non temporel, l’information ne doit pas être donnée uniquement par la forme, taille ou position. Cette règle est-elle respectée ?

Dans chaque page web, pour chaque texte ou ensemble de textes, l’information ne doit pas être donnée uniquement par la forme, taille ou position. Cette règle est-elle implémentée de façon pertinente ?

Dans chaque page web, pour chaque image ou ensemble d’images, l’information ne doit pas être donnée par la forme, taille ou position uniquement. Cette règle est-elle implémentée de façon pertinente ?

Dans chaque page web, pour chaque média temporel, l’information ne doit pas être donnée par la forme, taille ou position uniquement. Cette règle est-elle implémentée de façon pertinente ?

Dans chaque page web, pour chaque média non temporel, l’information ne doit pas être donnée par la forme, taille ou position uniquement. Cette règle est-elle implémentée de façon pertinente ?

Pour chaque page web, lorsque le contenu dont le sens de lecture est horizontal est affiché dans une fenêtre réduite à une largeur de 320px, l’ensemble des informations et des fonctionnalités sont-elles disponibles sans aucun défilement horizontal (hors cas particuliers) ?

Pour chaque page web, lorsque le contenu dont le sens de lecture est vertical est affiché dans une fenêtre réduite à une hauteur de 256px, l’ensemble des informations et des fonctionnalités sont-elles disponibles sans aucun défilement vertical (hors cas particuliers) ?

Dans chaque page web, le texte reste-t-il lisible lorsque l’affichage est modifié selon ces conditions (hors cas particuliers) ?

• L’espacement entre les lignes (line-height) est augmenté jusqu’à 1,5 fois la taille de la police ;

• L’espacement suivant les paragraphes (balise <p>) est augmenté jusqu’à 2 fois la taille de la police ;

• L’espacement des lettres (letter-spacing) est augmenté jusqu’à 0,12 fois la taille de la police ;

• L’espacement des mots (word-spacing) est augmenté jusqu’à 0,16 fois la taille de la police.

Chaque contenu additionnel devenant visible à la prise de focus ou au survol d’un composant d’interface peut-il être masqué par une action de l’utilisateur sans déplacer le focus ou le pointeur de la souris (hors cas particuliers) ?

Chaque contenu additionnel qui apparait au survol d’un composant d’interface peut-il être survolé par le pointeur de la souris sans disparaître (hors cas particuliers) ?

Chaque contenu additionnel qui apparaît à la prise de focus ou au survol d’un composant d’interface vérifie-t-il une de ces conditions (hors cas particuliers) ?

• Le contenu additionnel reste visible jusqu’à ce que l’utilisateur retire le pointeur souris ou le focus du contenu additionnel et du composant d’interface ayant déclenché son apparition ;

• Le contenu additionnel reste visible jusqu’à ce que l’utilisateur déclenche une action masquant ce contenu sans déplacer le focus ou le pointeur de la souris du composant d’interface ayant déclenché son apparition ;

• Le contenu additionnel reste visible jusqu’à ce qu’il ne soit plus valide.

Dans chaque page web, les contenus additionnels apparaissant au survol d’un composant d’interface via les styles CSS respectent-ils si nécessaire une de ces conditions ?

• Les contenus additionnels apparaissent également à l’activation du composant via le clavier et tout dispositif de pointage ;

• Les contenus additionnels apparaissent également à la prise de focus du composant ;

• Les contenus additionnels apparaissent également par le biais de l’activation ou de la prise de focus d’un autre composant.

Dans chaque page web, les contenus additionnels apparaissant au focus d’un composant d’interface via les styles CSS respectent-ils si nécessaire une de ces conditions ?

• Les contenus additionnels apparaissent également à l’activation du composant via le clavier et tout dispositif de pointage ;

• Les contenus additionnels apparaissent également au survol du composant ;

• Les contenus additionnels apparaissent également par le biais de l’activation ou du survol d’un autre composant.

Chaque champ de formulaire vérifie-t-il une de ces conditions ?

• Le champ de formulaire possède un attribut WAI-ARIA aria-labelledby référençant un passage de texte identifié ;

• Le champ de formulaire possède un attribut WAI-ARIA aria-label ;

• Une balise <label> ayant un attribut for est associée au champ de formulaire ;

• Le champ de formulaire possède un attribut title ;

• Un bouton adjacent au champ de formulaire lui fournit une étiquette visible et un élément <label> visuellement caché ou un attribut WAI-ARIA aria-label, aria-labelledby ou title lui fournit un nom accessible.

Chaque champ de formulaire associé à une balise <label> ayant un attribut for, vérifie-t-il ces conditions ?

• Le champ de formulaire possède un attribut id ;

• La valeur de l’attribut for est égale à la valeur de l’attribut id du champ de formulaire associé.

Chaque champ de formulaire ayant une étiquette dont le contenu n’est pas visible ou à proximité (masqué, aria-label) ou qui n’est pas accolé au champ (aria-labelledby), vérifie-t-il une de ses conditions ?

• Le champ de formulaire possède un attribut title dont le contenu permet de comprendre la nature de la saisie attendue ;

• Le champ de formulaire est accompagné d’un passage de texte accolé au champ qui devient visible à la prise de focus permettant de comprendre la nature de la saisie attendue ;

• Le champ de formulaire est accompagné d’un passage de texte visible accolé au champ permettant de comprendre la nature de la saisie attendue.

Les indications du caractère obligatoire de la saisie des champs vérifient-elles une de ces conditions (hors cas particuliers) ?

• Une indication de champ obligatoire est visible et permet d’identifier nommément le champ concerné préalablement à la validation du formulaire ;

• Le champ obligatoire dispose de l’attribut aria-required="true" ou required préalablement à la validation du formulaire.

Les champs obligatoires ayant l’attribut aria-required="true" ou required vérifient-ils une de ces conditions ?

• Une indication de champ obligatoire est visible et située dans l’étiquette associée au champ préalablement à la validation du formulaire ;

• Une indication de champ obligatoire est visible et située dans le passage de texte associé au champ préalablement à la validation du formulaire.

Les messages d’erreur indiquant l’absence de saisie d’un champ obligatoire vérifient-ils une de ces conditions ?

• Le message d’erreur indiquant l’absence de saisie d’un champ obligatoire est visible et permet d’identifier nommément le champ concerné ;

• Le champ obligatoire dispose de l’attribut aria-invalid="true".

Les champs obligatoires ayant l’attribut aria-invalid="true" vérifient-ils une de ces conditions ?

• Le message d’erreur indiquant le caractère invalide de la saisie est visible et situé dans l’étiquette associée au champ ;

• Le message d’erreur indiquant le caractère invalide de la saisie est visible et situé dans le passage de texte associé au champ.

Les instructions et indications du type de données et/ou de format obligatoires vérifient-elles une de ces conditions ?

• Une instruction ou une indication du type de données et/ou de format obligatoire est visible et permet d’identifier nommément le champ concerné préalablement à la validation du formulaire ;

• Une instruction ou une indication du type de données et/ou de format obligatoire est visible dans l’étiquette ou le passage de texte associé au champ préalablement à la validation du formulaire.

Les messages d’erreurs fournissant une instruction ou une indication du type de données et/ou de format obligatoire des champs vérifient-ils une de ces conditions ?

• Le message d’erreur fournissant une instruction ou une indication du type de données et/ou de format obligatoires est visible et identifie le champ concerné ;

• Le champ dispose de l’attribut aria-invalid="true".

Les champs ayant l’attribut aria-invalid="true" dont la saisie requiert un type de données et/ou de format obligatoires vérifient-ils une de ces conditions ?

• Une instruction ou une indication du type de données et/ou de format obligatoire est visible et située dans la balise <label> associée au champ ;

• Une instruction ou une indication du type de données et/ou de format obligatoire est visible et située dans le passage de texte associé au champ.

Pour chaque erreur de saisie, les types et les formats de données sont-ils suggérés, si nécessaire ?

Pour chaque erreur de saisie, des exemples de valeurs attendues sont-ils suggérés, si nécessaire ?

Pour chaque formulaire qui modifie ou supprime des données, ou qui transmet des réponses à un test ou un examen, ou dont la validation a des conséquences financières ou juridiques, la saisie des données vérifie-t-elle une de ces conditions ?

• L’utilisateur peut modifier ou annuler les données et les actions effectuées sur ces données après la validation du formulaire ;

• L’utilisateur peut vérifier et corriger les données avant la validation d’un formulaire en plusieurs étapes ;

• Un mécanisme de confirmation explicite, via une case à cocher (balise <input> de type checkbox ou balise ayant un attribut WAI-ARIA role="checkbox") ou une étape supplémentaire, est présent.

Chaque formulaire dont la validation modifie ou supprime des données à caractère financier, juridique ou personnel vérifie-t-il une de ces conditions ?

• Un mécanisme permet de récupérer les données supprimées ou modifiées par l’utilisateur ;

• Un mécanisme de demande de confirmation explicite de la suppression ou de la modification, via un champ de formulaire ou une étape supplémentaire, est proposé.

Chaque champ de formulaire dont l’objet se rapporte à une information concernant l’utilisateur vérifie-t-il ces conditions ?

• Le champ de formulaire possède un attribut autocomplete ;

• L’attribut autocomplete est pourvu d’une valeur présente dans la liste des valeurs possibles pour l’attribut autocomplete associés à un champ de formulaire ;

• La valeur indiquée pour l’attribut autocomplete est pertinente au regard du type d’information attendu.

Chaque balise <label> permet-elle de connaître la fonction exacte du champ de formulaire auquel elle est associée ?

Chaque attribut title permet-il de connaître la fonction exacte du champ de formulaire auquel il est associé ?

Chaque étiquette implémentée via l’attribut WAI-ARIA aria-label permet-elle de connaître la fonction exacte du champ de formulaire auquel elle est associée ?

Chaque passage de texte associé via l’attribut WAI-ARIA aria-labelledby permet-il de connaître la fonction exacte du champ de formulaire auquel il est associé ?

Chaque champ de formulaire ayant un intitulé visible vérifie-t-il ces conditions (hors cas particuliers) ?

• S’il est présent, le contenu de l’attribut WAI-ARIA aria-label du champ de formulaire contient au moins l’intitulé visible ;

• S’il est présent, le passage de texte lié au champ de formulaire via un attribut WAI-ARIA aria-labelledby contient au moins l’intitulé visible ;

• S’il est présent, le contenu de l’attribut title du champ de formulaire contient au moins l’intitulé visible ;

• S’il est présent le contenu de la balise <label> associé au champ de formulaire contient au moins l’intitulé visible.

Chaque bouton adjacent au champ de formulaire qui fournit une étiquette visible permet-il de connaître la fonction exacte du champ de formulaire auquel il est associé ?

Chaque étiquette associée à un champ de formulaire ayant la même fonction et répétée plusieurs fois dans une même page est-elle cohérente ?

Chaque étiquette associée à un champ de formulaire ayant la même fonction et répétée dans un ensemble de pages est-elle cohérente ?

Chaque étiquette de champ et son champ associé sont-ils accolés ?

Chaque étiquette accolée à un champ (à l’exception des cases à cocher, bouton radio ou balises ayant un attribut WAI-ARIA role="checkbox", role="radio" ou role="switch"), vérifie-t-elle ces conditions (hors cas particuliers) ?

• L’étiquette est visuellement accolée immédiatement au-dessus ou à gauche du champ de formulaire lorsque le sens de lecture de la langue de l’étiquette est de gauche à droite ;

• L’étiquette est visuellement accolée immédiatement au-dessus ou à droite du champ de formulaire lorsque le sens de lecture de la langue de l’étiquette est de droite à gauche.

Chaque étiquette accolée à un champ de type checkbox ou radio ou à une balise ayant un attribut WAI-ARIA role="checkbox", role="radio" ou role="switch", vérifie-t-elle ces conditions (hors cas particuliers) ?

• L’étiquette est visuellement accolée immédiatement au-dessous ou à droite du champ de formulaire lorsque le sens de lecture de la langue de l’étiquette est de gauche à droite ;

• L’étiquette est visuellement accolée immédiatement au-dessous ou à gauche du champ de formulaire lorsque le sens de lecture de la langue de l’étiquette est de droite à gauche.

Les champs de même nature vérifient-ils l’une de ces conditions, si nécessaire ?

• Les champs de même nature sont regroupés dans une balise <fieldset> ;

• Les champs de même nature sont regroupés dans une balise possédant un attribut WAI-ARIA role="group" ;

• Les champs de même nature de type radio (<input type="radio">) ou balises possédant un attribut WAI-ARIA role="radio") sont regroupés dans une balise possédant un attribut WAI-ARIA role="radiogroup" ou role="group".

Chaque regroupement de champs de même nature possède-t-il une légende ?

Chaque légende associée à un regroupement de champs de même nature est-elle pertinente ?

Pour chaque balise <select>, les items de même nature d’une liste de choix sont-ils regroupés avec une balise <optgroup>, si nécessaire ?

Dans chaque balise <select>, chaque balise <optgroup> possède-t-elle un attribut label ?

Pour chaque balise <optgroup> ayant un attribut label, le contenu de l’attribut label est-il pertinent ?

L’intitulé de chaque bouton est-il pertinent ?

• S’il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent ;

• S’il est présent, le passage de texte lié au bouton via un attribut WAI-ARIA aria-labelledby est pertinent ;

• S’il est présent, le contenu de l’attribut value d’une balise <input> de type submit, reset ou button est pertinent ;

• S’il est présent, le contenu de la balise <button> est pertinent ;

• S’il est présent, le contenu de l’attribut alt d’une balise <input> de type image est pertinent ;

• S’il est présent, le contenu de l’attribut title est pertinent.

Chaque bouton affichant un intitulé visible vérifie-t-il ces conditions (hors cas particuliers) ?

• S’il est présent, le contenu de l’attribut WAI-ARIA aria-label contient au moins l’intitulé visible ;

• S’il est présent, le passage de texte lié au bouton via un attribut WAI-ARIA aria-labelledby contient au moins l’intitulé visible ;

• S’il est présent, le contenu de l’attribut value d’une balise <input> de type submit, reset ou button contient au moins l’intitulé visible ;

• S’il est présent, le contenu de la balise <button> contient au moins l’intitulé visible ;

• S’il est présent, le contenu de l’attribut alt d’une balise <input> de type image contient au moins l’intitulé visible ;

• S’il est présent, le contenu de l’attribut title contient au moins l’intitulé visible.

Les indications du caractère obligatoire de la saisie des champs vérifient-elles une de ces conditions (hors cas particuliers) ?

• Une indication de champ obligatoire est visible et permet d’identifier nommément le champ concerné préalablement à la validation du formulaire ;

• Le champ obligatoire dispose de l’attribut aria-required="true" ou required préalablement à la validation du formulaire.

Les champs obligatoires ayant l’attribut aria-required="true" ou required vérifient-ils une de ces conditions ?

• Une indication de champ obligatoire est visible et située dans l’étiquette associée au champ préalablement à la validation du formulaire ;

• Une indication de champ obligatoire est visible et située dans le passage de texte associé au champ préalablement à la validation du formulaire.

Les messages d’erreur indiquant l’absence de saisie d’un champ obligatoire vérifient-ils une de ces conditions ?

• Le message d’erreur indiquant l’absence de saisie d’un champ obligatoire est visible et permet d’identifier nommément le champ concerné ;

• Le champ obligatoire dispose de l’attribut aria-invalid="true".

Les champs obligatoires ayant l’attribut aria-invalid="true" vérifient-ils une de ces conditions ?

• Le message d’erreur indiquant le caractère invalide de la saisie est visible et situé dans l’étiquette associée au champ ;

• Le message d’erreur indiquant le caractère invalide de la saisie est visible et situé dans le passage de texte associé au champ.

Les instructions et indications du type de données et/ou de format obligatoires vérifient-elles une de ces conditions ?

• Une instruction ou une indication du type de données et/ou de format obligatoire est visible et permet d’identifier nommément le champ concerné préalablement à la validation du formulaire ;

• Une instruction ou une indication du type de données et/ou de format obligatoire est visible dans l’étiquette ou le passage de texte associé au champ préalablement à la validation du formulaire.

Les messages d’erreurs fournissant une instruction ou une indication du type de données et/ou de format obligatoire des champs vérifient-ils une de ces conditions ?

• Le message d’erreur fournissant une instruction ou une indication du type de données et/ou de format obligatoires est visible et identifie le champ concerné ;

• Le champ dispose de l’attribut aria-invalid="true".

Les champs ayant l’attribut aria-invalid="true" dont la saisie requiert un type de données et/ou de format obligatoires vérifient-ils une de ces conditions ?

• Une instruction ou une indication du type de données et/ou de format obligatoire est visible et située dans la balise <label> associée au champ ;

• Une instruction ou une indication du type de données et/ou de format obligatoire est visible et située dans le passage de texte associé au champ.

Pour chaque erreur de saisie, les types et les formats de données sont-ils suggérés, si nécessaire ?

Pour chaque erreur de saisie, des exemples de valeurs attendues sont-ils suggérés, si nécessaire ?

Pour chaque formulaire qui modifie ou supprime des données, ou qui transmet des réponses à un test ou un examen, ou dont la validation a des conséquences financières ou juridiques, la saisie des données vérifie-t-elle une de ces conditions ?

• L’utilisateur peut modifier ou annuler les données et les actions effectuées sur ces données après la validation du formulaire ;

• L’utilisateur peut vérifier et corriger les données avant la validation d’un formulaire en plusieurs étapes ;

• Un mécanisme de confirmation explicite, via une case à cocher (balise <input> de type checkbox ou balise ayant un attribut WAI-ARIA role="checkbox") ou une étape supplémentaire, est présent.

Chaque formulaire dont la validation modifie ou supprime des données à caractère financier, juridique ou personnel vérifie-t-il une de ces conditions ?

• Un mécanisme permet de récupérer les données supprimées ou modifiées par l’utilisateur ;

• Un mécanisme de demande de confirmation explicite de la suppression ou de la modification, via un champ de formulaire ou une étape supplémentaire, est proposé.

Chaque champ de formulaire dont l’objet se rapporte à une information concernant l’utilisateur vérifie-t-il ces conditions ?

• Le champ de formulaire possède un attribut autocomplete ;

• L’attribut autocomplete est pourvu d’une valeur présente dans la liste des valeurs possibles pour l’attribut autocomplete associés à un champ de formulaire ;

• La valeur indiquée pour l’attribut autocomplete est pertinente au regard du type d’information attendu.

Chaque ensemble de pages vérifie-t-il une de ces conditions (hors cas particuliers) ?

• Un menu de navigation et un plan du site sont présents ;

• Un menu de navigation et un moteur de recherche sont présents ;

• Un moteur de recherche et un plan du site sont présents.

Dans chaque page web, chaque raccourci clavier n’utilisant qu’une seule touche (lettre minuscule ou majuscule, ponctuation, chiffre ou symbole) vérifie-t-il l’une de ces conditions ?

• Un mécanisme est disponible pour désactiver le raccourci clavier ;

• Un mécanisme est disponible pour configurer la touche de raccourci clavier au moyen des touches de modification (Ctrl, Alt, Maj, etc) ;

• Dans le cas d’un composant d’interface utilisateur, le raccourci clavier qui lui est associé ne peut être activé que si le focus clavier est sur ce composant.

Dans chaque page web, les contenus additionnels apparaissant au survol, à la prise de focus ou à l’activation d’un composant d’interface sont-ils si nécessaire atteignables au clavier ?

Dans chaque ensemble de pages, chaque page disposant d’un menu ou de barres de navigation vérifie-t-elle ces conditions (hors cas particuliers) ?

• Le menu ou les barres de navigation sont toujours à la même place dans la présentation ;

• Le menu ou les barres de navigation se présentent toujours dans le même ordre relatif dans le code source.

La page « plan du site » est-elle représentative de l’architecture générale du site ?

Les liens du plan du site sont-ils fonctionnels ?

Les liens du plan du site renvoient-ils bien vers les pages indiquées par l’intitulé ?

Dans chaque ensemble de pages, la page « plan du site » est-elle accessible à partir d’une fonctionnalité identique ?

Dans chaque ensemble de pages, la fonctionnalité vers la page « plan du site » est-elle située à la même place dans la présentation ?

Dans chaque ensemble de pages, la fonctionnalité vers la page « plan du site » se présente-t-elle toujours dans le même ordre relatif dans le code source ?

Dans chaque ensemble de pages, le moteur de recherche est-il accessible à partir d’une fonctionnalité identique ?

Dans chaque ensemble de pages, la fonctionnalité vers le moteur de recherche est-elle située à la même place dans la présentation ?

Dans chaque ensemble de pages, la fonctionnalité vers le moteur de recherche se présente-t-elle toujours dans le même ordre relatif dans le code source ?

Dans chaque page web où elles sont présentes, la zone d’en-tête, de navigation principale, de contenu principal, de pied de page et de moteur de recherche respectent-elles au moins une de ces conditions :

• La zone possède un rôle WAI-ARIA de type landmark correspondant à sa nature ;

• La zone possède un titre dont le contenu permet de comprendre la nature du contenu de la zone ;

• La zone peut être masquée par le biais d’un bouton précédent directement la zone dans l’ordre du code source ;

• La zone peut être évitée par le biais d’un lien d’évitement précédent directement la zone dans l’ordre du code source ;

• La zone peut être atteinte par le biais d’un lien d’accès rapide visible ou, à défaut, visible à la prise de focus.

Dans chaque page web, un lien permet-il d’éviter la zone de contenu principal ou d’y accéder (hors cas particuliers) ?

Dans chaque ensemble de pages, le lien d’évitement ou d’accès rapide à la zone de contenu principal vérifie-t-il ces conditions (hors cas particuliers) ?

• Le lien est situé à la même place dans la présentation ;

• Le lien se présente toujours dans le même ordre relatif dans le code source ;

• Le lien est visible ou, à défaut, visible à la prise de focus ;

• Le lien est fonctionnel.

Dans chaque page web, l’ordre de tabulation dans le contenu est-il cohérent ?

Pour chaque script qui met à jour ou insère un contenu, l’ordre de tabulation reste-t-il cohérent ?

Dans chaque page web, chaque élément recevant le focus vérifie-t-il une de ces conditions ?

• Il est possible d’atteindre l’élément suivant ou précédent pouvant recevoir le focus avec la touche de tabulation ;

• L’utilisateur est informé d’un mécanisme fonctionnel permettant d’atteindre au clavier l’élément suivant ou précédent pouvant recevoir le focus.

Dans chaque page web, chaque raccourci clavier n’utilisant qu’une seule touche (lettre minuscule ou majuscule, ponctuation, chiffre ou symbole) vérifie-t-il l’une de ces conditions ?

• Un mécanisme est disponible pour désactiver le raccourci clavier ;

• Un mécanisme est disponible pour configurer la touche de raccourci clavier au moyen des touches de modification (Ctrl, Alt, Maj, etc) ;

• Dans le cas d’un composant d’interface utilisateur, le raccourci clavier qui lui est associé ne peut être activé que si le focus clavier est sur ce composant.

Dans chaque page web, les contenus additionnels apparaissant au survol, à la prise de focus ou à l’activation d’un composant d’interface sont-ils si nécessaire atteignables au clavier ?

Pour chaque page web, chaque procédé de rafraîchissement (balise <object>, balise <embed>, balise <svg>, balise <canvas>, balise <meta>) vérifie-t-il une de ces conditions (hors cas particuliers) ?

• L’utilisateur peut arrêter ou relancer le rafraîchissement ;

• L’utilisateur peut augmenter la limite de temps entre deux rafraîchissements de dix fois, au moins ;

• L’utilisateur est averti de l’imminence du rafraîchissement et dispose de vingt secondes, au moins, pour augmenter la limite de temps avant le prochain rafraîchissement ;

• La limite de temps entre deux rafraîchissements est de vingt heures, au moins.

Pour chaque page web, chaque procédé de redirection effectué via une balise <meta> est-il immédiat (hors cas particuliers) ?

Pour chaque page web, chaque procédé de redirection effectué via un script vérifie-t-il une de ces conditions (hors cas particuliers) ?

• L’utilisateur peut arrêter ou relancer la redirection ;

• L’utilisateur peut augmenter la limite de temps avant la redirection de dix fois, au moins ;

• L’utilisateur est averti de l’imminence de la redirection et dispose de vingt secondes, au moins, pour augmenter la limite de temps avant la prochaine redirection ;

• La limite de temps avant la redirection est de vingt heures, au moins.

Pour chaque page web, chaque procédé limitant le temps d’une session vérifie-t-il une de ces conditions (hors cas particuliers) ?

• L’utilisateur peut supprimer la limite de temps ;

• L’utilisateur peut augmenter la limite de temps ;

• La limite de temps avant la fin de la session est de vingt heures au moins.

Dans chaque page web, chaque fonctionnalité utilisable ou disponible suite à un contact multipoint est-elle également utilisable ou disponible suite à un contact en un point unique de l’écran (hors cas particuliers).

Dans chaque page web, chaque fonctionnalité utilisable ou disponible suite à un geste basé sur le suivi d’une trajectoire sur l’écran est-elle également utilisable ou disponible suite à un contact en un point unique de l’écran (hors cas particuliers).

Dans chaque page web, les actions déclenchées au moyen d’un dispositif de pointage sur un point unique de l’écran vérifient-elles l’une de ces conditions (hors cas particuliers) ?

• L’action est déclenchée au moment où le dispositif de pointage est relâché ou relevé ;

• L’action est déclenchée au moment où le dispositif de pointage est pressé ou posé puis annulée lorsque le dispositif de pointage est relâché ou relevé ;

• Un mécanisme est disponible pour abandonner (avant achèvement de l’action) ou annuler (après achèvement) l’exécution de l’action.

Dans chaque page web, les fonctionnalités disponibles en bougeant l’appareil peuvent-elles être accomplies avec des composants d’interface utilisateur (hors cas particuliers) ?

Dans chaque page web, les fonctionnalités disponibles en faisant un geste en direction de l’appareil peuvent-elles être accomplies avec des composants d’interface utilisateur (hors cas particuliers) ?

L’utilisateur a-t-il la possibilité de désactiver la détection du mouvement pour éviter un déclenchement accidentel de la fonctionnalité (hors cas particuliers) ?

Dans chaque page web, l’ouverture d’une nouvelle fenêtre ne doit pas être déclenchée sans action de l’utilisateur. Cette règle est-elle respectée ?

Dans chaque page web, chaque fonctionnalité de téléchargement d’un document bureautique vérifie-t-elle une de ces conditions ?

• Le document en téléchargement est compatible avec l’accessibilité ;

• Il existe une version alternative du document en téléchargement compatible avec l’accessibilité ;

• Il existe une version alternative du document en téléchargement au format HTML.

Chaque document bureautique ayant une version accessible vérifie-t-il une de ces conditions ?

• La version compatible avec l’accessibilité offre la même information ;

• La version alternative au format HTML est pertinente et offre la même information.

Dans chaque page web, chaque contenu cryptique (art ASCII, émoticône, syntaxe cryptique) vérifie-t-il une de ces conditions ?

• Un attribut title est disponible ;

• Une définition est donnée par le contexte adjacent.

Dans chaque page web, chaque contenu cryptique (art ASCII, émoticône, syntaxe cryptique) vérifie-t-il une de ces conditions ?

• Le contenu de l’attribut title est pertinent ;

• La définition donnée par le contexte adjacent est pertinente.

Dans chaque page web, chaque image ou élément multimédia (balise <video>, balise <img>, balise <svg>, balise <canvas>, balise <embed> ou balise <object>) qui provoque un changement brusque de luminosité ou un effet de flash vérifie-t-il une de ces conditions ?

• La fréquence de l’effet est inférieure à 3 par seconde ;

• La surface totale cumulée des effets est inférieure ou égale à 21824 pixels.

Dans chaque page web, chaque script qui provoque un changement brusque de luminosité ou un effet de flash vérifie-t-il une de ces conditions ?

• La fréquence de l’effet est inférieure à 3 par seconde ;

• La surface totale cumulée des effets est inférieure ou égale à 21824 pixels.

Dans chaque page web, chaque mise en forme CSS qui provoque un changement brusque de luminosité ou un effet de flash vérifie-t-elle une de ces conditions ?

• La fréquence de l’effet est inférieure à 3 par seconde ;

• La surface totale cumulée des effets est inférieure ou égale à 21824 pixels.

Dans chaque page web, chaque contenu en mouvement déclenché automatiquement, vérifie-t-il une de ces conditions ?

• La durée du mouvement est inférieure ou égale à 5 secondes ;

• L’utilisateur peut arrêter et relancer le mouvement ;

• L’utilisateur peut afficher et masquer le contenu en mouvement ;

• L’utilisateur peut afficher la totalité de l’information sans le mouvement.

Dans chaque page web, chaque contenu clignotant déclenché automatiquement, vérifie-t-il une de ces conditions ?

• La durée du clignotement est inférieure ou égale à 5 secondes ;

• L’utilisateur peut arrêter et relancer le clignotement ;

• L’utilisateur peut afficher et masquer le contenu clignotant ;

• L’utilisateur peut afficher la totalité de l’information sans le clignotement.

Dans chaque page web, chaque contenu vérifie-t-il ces conditions (hors cas particuliers) ?

• La consultation est possible quel que soit le mode d’orientation de l’écran ;

• Le contenu proposé reste le même quel que soit le mode d’orientation de l’écran utilisé même si sa présentation et le moyen d’y accéder peut différer.

Dans chaque page web, chaque fonctionnalité utilisable ou disponible suite à un contact multipoint est-elle également utilisable ou disponible suite à un contact en un point unique de l’écran (hors cas particuliers).

Dans chaque page web, chaque fonctionnalité utilisable ou disponible suite à un geste basé sur le suivi d’une trajectoire sur l’écran est-elle également utilisable ou disponible suite à un contact en un point unique de l’écran (hors cas particuliers).

Dans chaque page web, les actions déclenchées au moyen d’un dispositif de pointage sur un point unique de l’écran vérifient-elles l’une de ces conditions (hors cas particuliers) ?

• L’action est déclenchée au moment où le dispositif de pointage est relâché ou relevé ;

• L’action est déclenchée au moment où le dispositif de pointage est pressé ou posé puis annulée lorsque le dispositif de pointage est relâché ou relevé ;

• Un mécanisme est disponible pour abandonner (avant achèvement de l’action) ou annuler (après achèvement) l’exécution de l’action.

Dans chaque page web, les fonctionnalités disponibles en bougeant l’appareil peuvent-elles être accomplies avec des composants d’interface utilisateur (hors cas particuliers) ?

Dans chaque page web, les fonctionnalités disponibles en faisant un geste en direction de l’appareil peuvent-elles être accomplies avec des composants d’interface utilisateur (hors cas particuliers) ?

L’utilisateur a-t-il la possibilité de désactiver la détection du mouvement pour éviter un déclenchement accidentel de la fonctionnalité (hors cas particuliers) ?

Chaque cadre (balise <iframe> ou <frame>) a-t-il un attribut title ?

Pour chaque cadre (balise <iframe> ou <frame>) ayant un attribut title, le contenu de cet attribut est-il pertinent ?

Pour chaque mot ou ensemble de mots dont la mise en couleur est porteuse d’information, l’information ne doit pas être donnée uniquement par la couleur. Cette règle est-elle respectée ?

Pour chaque indication de couleur donnée par un texte, l’information ne doit pas être donnée uniquement par la couleur. Cette règle est-elle respectée ?

Pour chaque image véhiculant une information, l’information ne doit pas être donnée uniquement par la couleur. Cette règle est-elle respectée ?

Pour chaque propriété CSS déterminant une couleur et véhiculant une information, l’information ne doit pas être donnée uniquement par la couleur. Cette règle est-elle respectée ?

Pour chaque média temporel véhiculant une information, l’information ne doit pas être donnée uniquement par la couleur. Cette règle est-elle respectée ?

Pour chaque média non temporel véhiculant une information, l’information ne doit pas être donnée uniquement par la couleur. Cette règle est-elle respectée ?

Dans chaque page web, le texte et le texte en image sans effet de graisse d’une taille restituée inférieure à 24px vérifient-ils une de ces conditions (hors cas particuliers) ?

• Le rapport de contraste entre le texte et son arrière-plan est de 4.5:1, au moins ;

• Un mécanisme permet à l’utilisateur d’afficher le texte avec un rapport de contraste de 4.5:1, au moins.

Dans chaque page web, le texte et le texte en image en gras d’une taille restituée inférieure à 18,5px vérifient-ils une de ces conditions (hors cas particuliers) ?

• Le rapport de contraste entre le texte et son arrière-plan est de 4.5:1, au moins ;

• Un mécanisme permet à l’utilisateur d’afficher le texte avec un rapport de contraste de 4.5:1, au moins.

Dans chaque page web, le texte et le texte en image sans effet de graisse d’une taille restituée supérieure ou égale à 24px vérifient-ils une de ces conditions (hors cas particuliers) ?

• Le rapport de contraste entre le texte et son arrière-plan est de 3:1, au moins ;

• Un mécanisme permet à l’utilisateur d’afficher le texte avec un rapport de contraste de 3:1, au moins.

Dans chaque page web, le texte et le texte en image en gras d’une taille restituée supérieure ou égale à 18,5px vérifient-ils une de ces conditions (hors cas particuliers) ?

• Le rapport de contraste entre le texte et son arrière-plan est de 3:1, au moins ;

• Un mécanisme permet à l’utilisateur d’afficher le texte avec un rapport de contraste de 3:1, au moins.

Dans le mécanisme qui permet d’afficher un rapport de contraste conforme, le rapport de contraste entre le texte et la couleur d’arrière-plan est-il suffisamment élevé ?

Dans chaque page web, le rapport de contraste entre les couleurs d’un composant d’interface dans ses différents états et la couleur d’arrière-plan contiguë vérifie-t-il une de ces conditions (hors cas particuliers) ?

• Le rapport de contraste est de 3:1, au moins ;

• Un mécanisme permet un rapport de contraste de 3:1, au moins.

Dans chaque page web, le rapport de contraste des différentes couleurs composant un élément graphique, lorsqu’elles sont nécessaires à sa compréhension, et la couleur d’arrière-plan contiguë, vérifie-t-il une de ces conditions (hors cas particuliers) ?

• Le rapport de contraste est de 3:1, au moins ;

• Un mécanisme permet un rapport de contraste de 3:1, au moins.

Dans chaque page web, le rapport de contraste des différentes couleurs contiguës entre elles d’un élément graphique, lorsqu’elles sont nécessaires à sa compréhension, vérifie-t-il une de ces conditions (hors cas particuliers) ?

• Le rapport de contraste est de 3:1, au moins ;

• Un mécanisme permet un rapport de contraste de 3:1, au moins.

Dans le mécanisme qui permet d’afficher un rapport de contraste conforme, les couleurs du composant ou des éléments graphiques porteurs d’informations qui le composent, sont-elles suffisamment contrastées ?

Chaque média temporel pré-enregistré seulement audio, vérifie-t-il, si nécessaire, l’une de ces conditions (hors cas particuliers) ?

• Il existe une transcription textuelle accessible via un lien ou bouton adjacent ;

• Il existe une transcription textuelle adjacente clairement identifiable.

Chaque média temporel pré-enregistré seulement vidéo vérifie-t-il, si nécessaire, l’une de ces conditions (hors cas particuliers) ?

• Il existe une version alternative « audio seulement » accessible via un lien ou bouton adjacent ;

• Il existe une version alternative « audio seulement » adjacente clairement identifiable ;

• Il existe une transcription textuelle accessible via un lien ou bouton adjacent ;

• Il existe une transcription textuelle adjacente clairement identifiable ;

• Il existe une audiodescription synchronisée ;

• Il existe une version alternative avec une audiodescription synchronisée accessible via un lien ou bouton adjacent.

Chaque média temporel synchronisé pré-enregistré vérifie-t-il, si nécessaire, une de ces conditions (hors cas particuliers) ?

• Il existe une transcription textuelle accessible via un lien ou bouton adjacent ;

• Il existe une transcription textuelle adjacente clairement identifiable ;

• Il existe une audiodescription synchronisée ;

• Il existe une version alternative avec une audiodescription synchronisée accessible via un lien ou bouton adjacent.

Chaque séquence sonore déclenchée automatiquement via une balise <object>, <video>, <audio>, <embed>, <bgsound> ou un code JavaScript vérifie-t-elle une de ces conditions ?

• La séquence sonore a une durée inférieure ou égale à 3 secondes ;

• La séquence sonore peut être stoppée sur action de l’utilisateur ;

• Le volume de la séquence sonore peut être contrôlé par l’utilisateur indépendamment du contrôle de volume du système.

Chaque média temporel a-t-il, si nécessaire, les fonctionnalités de contrôle de sa consultation ?

Pour chaque média temporel, chaque fonctionnalité vérifie-t-elle une de ces conditions ?

• La fonctionnalité est accessible par le clavier et tout dispositif de pointage ;

• Une fonctionnalité accessible par le clavier et tout dispositif de pointage permettant de réaliser la même action est présente dans la page.

Pour chaque média temporel, chaque fonctionnalité vérifie-t-elle une de ces conditions ?

• La fonctionnalité est activable par le clavier et tout dispositif de pointage ;

• Une fonctionnalité activable par le clavier et tout dispositif de pointage permettant de réaliser la même action est présente dans la page.

Pour chaque média non temporel, chaque fonctionnalité vérifie-t-elle une de ces conditions ?

• La fonctionnalité est accessible par le clavier et tout dispositif de pointage ;

• Une fonctionnalité accessible par le clavier et tout dispositif de pointage permettant de réaliser la même action est présente dans la page.

Pour chaque média non temporel, chaque fonctionnalité vérifie-t-elle une de ces conditions ?

• La fonctionnalité est activable par le clavier et tout dispositif de pointage ;

• Une fonctionnalité activable par le clavier et tout dispositif de pointage permettant de réaliser la même action est présente dans la page.

Chaque média temporel et non temporel vérifie-t-il une de ces conditions (hors cas particuliers) ?

• Le nom, le rôle, la valeur, le paramétrage et les changements d’états des composants d’interfaces sont accessibles aux technologies d’assistance via une API d’accessibilité ;

• Une alternative compatible avec une API d’accessibilité permet d’accéder aux mêmes fonctionnalités.

Chaque média temporel et non temporel qui possède une alternative compatible avec les technologies d’assistance, vérifie-t-il une de ces conditions ?

• L’alternative est adjacente au média temporel ou non temporel ;

• L’alternative est accessible via un lien ou bouton adjacent ;

• Un mécanisme permet de remplacer le média temporel ou non temporel par son alternative.

Pour chaque média temporel pré-enregistré seulement audio, ayant une transcription textuelle, celle-ci est-elle pertinente (hors cas particuliers) ?

Chaque média temporel pré-enregistré seulement vidéo vérifie-t-il une de ces conditions (hors cas particuliers) ?

• La transcription textuelle est pertinente ;

• L’audiodescription synchronisée est pertinente ;

• L’audiodescription synchronisée de la version alternative est pertinente ;

• La version alternative audio seulement est pertinente.

Chaque média temporel synchronisé pré-enregistré vérifie-t-il une de ces conditions (hors cas particuliers) ?

• La transcription textuelle est pertinente ;

• L’audiodescription synchronisée est pertinente ;

• L’audiodescription synchronisée de la version alternative est pertinente.

Chaque média temporel synchronisé pré-enregistré vérifie-t-il, si nécessaire, l’une de ces conditions (hors cas particuliers) ?

• Le média temporel synchronisé possède des sous-titres synchronisés ;

• Il existe une version alternative possédant des sous-titres synchronisés accessible via un lien ou bouton adjacent.

Pour chaque média temporel synchronisé pré-enregistré possédant des sous-titres synchronisés diffusés via une balise <track>, la balise <track> possède-t-elle un attribut kind="captions" ?

Pour chaque média temporel synchronisé pré-enregistré ayant des sous-titres synchronisés, ces sous-titres sont-ils pertinents ?

Chaque média temporel pré-enregistré seulement vidéo vérifie-t-il, si nécessaire, une de ces conditions (hors cas particuliers) ?

• Il existe une audiodescription synchronisée ;

• Il existe une version alternative avec une audiodescription synchronisée.

Chaque média temporel synchronisé pré-enregistré vérifie-t-il, si nécessaire, une de ces conditions (hors cas particuliers) ?

• Il existe une audiodescription synchronisée ;

• Il existe une version alternative avec une audiodescription synchronisée.

Pour chaque média temporel pré-enregistré seulement vidéo ayant une audiodescription synchronisée, celle-ci est-elle pertinente ?

Pour chaque média temporel synchronisé ayant une audiodescription synchronisée, celle-ci est-elle pertinente ?

Pour chaque média temporel seulement son, seulement vidéo ou synchronisé, le contenu textuel adjacent permet-il d’identifier clairement le média temporel (hors cas particuliers) ?

Chaque média non temporel vérifie-t-il, si nécessaire, une de ces conditions (hors cas particuliers) ?

• Un lien ou un bouton adjacent, clairement identifiable, permet d’accéder à une page contenant une alternative ;

• Un lien ou un bouton adjacent, clairement identifiable, permet d’accéder à une alternative dans la page.

Chaque média non temporel associé à une alternative vérifie-t-il une de ces conditions (hors cas particuliers) ?

• La page référencée par le lien ou bouton adjacent est accessible ;

• L’alternative dans la page, référencée par le lien ou bouton adjacent, est accessible.

Pour chaque média non temporel ayant une alternative, cette alternative permet-elle d’accéder au même contenu et à des fonctionnalités similaires ?

Chaque séquence sonore déclenchée automatiquement via une balise <object>, <video>, <audio>, <embed>, <bgsound> ou un code JavaScript vérifie-t-elle une de ces conditions ?

• La séquence sonore a une durée inférieure ou égale à 3 secondes ;

• La séquence sonore peut être stoppée sur action de l’utilisateur ;

• Le volume de la séquence sonore peut être contrôlé par l’utilisateur indépendamment du contrôle de volume du système.

Chaque média temporel a-t-il, si nécessaire, les fonctionnalités de contrôle de sa consultation ?

Pour chaque média temporel, chaque fonctionnalité vérifie-t-elle une de ces conditions ?

• La fonctionnalité est accessible par le clavier et tout dispositif de pointage ;

• Une fonctionnalité accessible par le clavier et tout dispositif de pointage permettant de réaliser la même action est présente dans la page.

Pour chaque média temporel, chaque fonctionnalité vérifie-t-elle une de ces conditions ?

• La fonctionnalité est activable par le clavier et tout dispositif de pointage ;

• Une fonctionnalité activable par le clavier et tout dispositif de pointage permettant de réaliser la même action est présente dans la page.

Pour chaque média non temporel, chaque fonctionnalité vérifie-t-elle une de ces conditions ?

• La fonctionnalité est accessible par le clavier et tout dispositif de pointage ;

• Une fonctionnalité accessible par le clavier et tout dispositif de pointage permettant de réaliser la même action est présente dans la page.

Pour chaque média non temporel, chaque fonctionnalité vérifie-t-elle une de ces conditions ?

• La fonctionnalité est activable par le clavier et tout dispositif de pointage ;

• Une fonctionnalité activable par le clavier et tout dispositif de pointage permettant de réaliser la même action est présente dans la page.

Chaque média temporel et non temporel vérifie-t-il une de ces conditions (hors cas particuliers) ?

• Le nom, le rôle, la valeur, le paramétrage et les changements d’états des composants d’interfaces sont accessibles aux technologies d’assistance via une API d’accessibilité ;

• Une alternative compatible avec une API d’accessibilité permet d’accéder aux mêmes fonctionnalités.

Chaque média temporel et non temporel qui possède une alternative compatible avec les technologies d’assistance, vérifie-t-il une de ces conditions ?

• L’alternative est adjacente au média temporel ou non temporel ;

• L’alternative est accessible via un lien ou bouton adjacent ;

• Un mécanisme permet de remplacer le média temporel ou non temporel par son alternative.

Pour chaque tableau de données complexe, un résumé est-il disponible ?

Pour chaque tableau de données complexe ayant un résumé, celui-ci est-il pertinent ?

Chaque tableau de mise en forme vérifie-t-il ces conditions ?

• Le contenu linéarisé reste compréhensible ;

• La balise <table> possède un attribut role="presentation".

Pour chaque tableau de données ayant un titre, le titre est-il correctement associé au tableau de données ?

Pour chaque tableau de données ayant un titre, ce titre permet-il d’identifier le contenu du tableau de données de manière claire et concise ?

Pour chaque tableau de données, chaque en-tête de colonne s’appliquant à la totalité de la colonne vérifie-t-il une de ces conditions ?

• L’en-tête de colonnes est structuré au moyen d’une balise <th> ;

• L’en-tête de colonnes est structuré au moyen d’une balise pourvue d’un attribut WAI-ARIA role="columnheader".

Pour chaque tableau de données, chaque en-tête de ligne s’appliquant à la totalité de la ligne vérifie-t-il une de ces conditions ?

• L’en-tête de lignes est structuré au moyen d’une balise <th> ;

• L’en-tête de lignes est structuré au moyen d’une balise pourvue d’un attribut WAI-ARIA role="rowheader".

Pour chaque tableau de données, chaque en-tête ne s’appliquant pas à la totalité de la ligne ou de la colonne est-il structuré au moyen d’une balise <th> ?

Pour chaque tableau de données, chaque cellule associée à plusieurs en-têtes est-elle structurée au moyen d’une balise <td> ou <th> ?

Pour chaque contenu de balise <th> s’appliquant à la totalité de la ligne ou de la colonne, la balise <th> respecte-t-elle une de ces conditions (hors cas particuliers) ?

• La balise <th> possède un attribut id unique ;

• La balise <th> possède un attribut scope ;

• La balise <th> possède un attribut WAI-ARIA role="rowheader" ou role="columnheader".

Pour chaque contenu de balise <th> s’appliquant à la totalité de la ligne ou de la colonne et possédant un attribut scope, la balise <th> vérifie-t-elle une de ces conditions ?

• La balise <th> possède un attribut scope avec la valeur "row" pour les en-têtes de ligne ;

• La balise <th> possède un attribut scope avec la valeur "col" pour les en-têtes de colonne.

Pour chaque contenu de balise <th> ne s’appliquant pas à la totalité de la ligne ou de la colonne, la balise <th> vérifie-t-elle ces conditions ?

• La balise <th> ne possède pas d’attribut scope ;

• La balise <th> ne possède pas d’attribut WAI-ARIA role="rowheader" ou role="columnheader" ;

• La balise <th> possède un attribut id unique.

Pour chaque contenu de balise <td> ou <th> associée à un ou plusieurs en-têtes possédant un attribut id, la balise vérifie-t-elle ces conditions ?

• La balise possède un attribut headers ;

• L’attribut headers possède la liste des valeurs d’attribut id des en-têtes associés.

Pour chaque balise pourvue d’un attribut WAI-ARIA role="rowheader" ou role="columnheader" dont le contenu s’applique à la totalité de la ligne ou de la colonne, la balise vérifie-t-elle une de ces conditions ?

• La balise possède un attribut WAI-ARIA role="rowheader" pour les en-têtes de ligne ;

• La balise possède un attribut WAI-ARIA role="columnheader" pour les en-têtes de colonne.

Chaque tableau de mise en forme (balise <table>) vérifie-t-il ces conditions ?

• Le tableau de mise en forme (balise <table>) n’a pas d’attribut summary (sinon vide) et ne contient pas de balises <caption>, <th>, <thead>, <tfoot>, <colgroup> ou de balises ayant un attribut WAI-ARIA role="rowheader", role="columnheader" ;

• Les cellules du tableau de mise en forme (balises <td>) ne possèdent pas d’attributs scope, headers, axis.

Chaque lien texte vérifie-t-il une de ces conditions (hors cas particuliers) ?

• L’intitulé de lien seul permet d’en comprendre la fonction et la destination ;

• L’intitulé de lien additionné au contexte du lien permet d’en comprendre la fonction et la destination.

Chaque lien image vérifie-t-il une de ces conditions (hors cas particuliers) ?

• L’intitulé de lien seul permet d’en comprendre la fonction et la destination ;

• L’intitulé de lien additionné au contexte du lien permet d’en comprendre la fonction et la destination.

Chaque lien composite vérifie-t-il une de ces conditions (hors cas particuliers) ?

• L’intitulé de lien seul permet d’en comprendre la fonction et la destination ;

• L’intitulé de lien additionné au contexte du lien permet d’en comprendre la fonction et la destination.

Chaque lien SVG vérifie-t-il une de ces conditions (hors cas particuliers) ?

• L’intitulé de lien seul permet d’en comprendre la fonction et la destination ;

• L’intitulé de lien additionné au contexte du lien permet d’en comprendre la fonction et la destination.

Pour chaque lien ayant un intitulé visible, le nom accessible du lien contient-il au moins l’intitulé visible (hors cas particuliers) ?

Dans chaque page web, chaque lien a-t-il un intitulé entre <a> et </a> ?

Chaque script qui génère ou contrôle un composant d’interface vérifie-t-il, si nécessaire, une de ces conditions ?

• Le nom, le rôle, la valeur, le paramétrage et les changements d’états sont accessibles aux technologies d’assistance via une API d’accessibilité ;

• Un composant d’interface accessible permettant d’accéder aux mêmes fonctionnalités est présent dans la page ;

• Une alternative accessible permet d’accéder aux mêmes fonctionnalités.

Chaque script qui génère ou contrôle un composant d’interface respecte-t-il une de ces conditions ?

• Le composant d’interface est correctement restitué par les technologies d’assistance ;

• Une alternative accessible permet d’accéder aux mêmes fonctionnalités.

Chaque script qui génère ou contrôle un composant d’interface vérifie-t-il ces conditions (hors cas particuliers) ?

• Le composant possède un nom pertinent ;

• Le nom accessible du composant contient au moins l’intitulé visible ;

• Le composant possède un rôle pertinent.

Chaque script débutant par la balise <script> et ayant une alternative vérifie-t-il une de ces conditions ?

• L’alternative entre <noscript> et </noscript> permet d’accéder à des contenus et des fonctionnalités similaires ;

• La page affichée, lorsque JavaScript est désactivé, permet d’accéder à des contenus et des fonctionnalités similaires ;

• La page alternative permet d’accéder à des contenus et des fonctionnalités similaires ;

• Le langage de script côté serveur permet d’accéder à des contenus et des fonctionnalités similaires ;

• L’alternative présente dans la page permet d’accéder à des contenus et des fonctionnalités similaires.

Chaque élément non textuel mis à jour par un script (dans la page, ou dans un cadre) et ayant une alternative vérifie-t-il ces conditions ?

• L’alternative de l’élément non textuel est mise à jour ;

• L’alternative mise à jour est pertinente.

Chaque élément possédant un gestionnaire d’événement contrôlé par un script vérifie-t-il une de ces conditions (hors cas particuliers) ?

• L’élément est accessible par le clavier et tout dispositif de pointage ;

• Un élément accessible par le clavier et tout dispositif de pointage permettant de réaliser la même action est présent dans la page.

Un script ne doit pas supprimer le focus d’un élément qui le reçoit. Cette règle est-elle respectée (hors cas particuliers) ?

Chaque script qui initie un changement de contexte vérifie-t-il une de ces conditions ?

• L’utilisateur est averti par un texte de l’action du script et du type de changement avant son déclenchement ;

• Le changement de contexte est initié par un bouton (input de type submit, button ou image ou balise <button>) explicite ;

• Le changement de contexte est initié par un lien explicite.

Chaque message de statut qui informe de la réussite, du résultat d’une action ou bien de l’état d’une application utilise-t-il l’attribut WAI-ARIA role="status" ?

Chaque message de statut qui présente une suggestion, ou avertit de l’existence d’une erreur utilise-t-il l’attribut WAI-ARIA role="alert" ?

Chaque message de statut qui indique la progression d’un processus utilise-t-il l’un des attributs WAI-ARIA role="log", role="progressbar" ou role="status" ?

Pour chaque page web, le type de document (balise doctype) est-il présent ?

Pour chaque page web, le type de document (balise doctype) est-il valide ?

Pour chaque page web possédant une déclaration de type de document, celle-ci est-elle située avant la balise <html> dans le code source ?

Dans chaque page web, chaque texte dont le sens de lecture est différent du sens de lecture par défaut est contenu dans une balise possédant un attribut dir ?

Dans chaque page web, chaque changement du sens de lecture (attribut dir) vérifie-t-il ces conditions ?

• La valeur de l’attribut dir est conforme (rtl ou ltr) ;

• La valeur de l’attribut dir est pertinente.

Pour chaque déclaration de type de document, le code source généré de la page vérifie-t-il ces conditions ?

• Les balises, attributs et valeurs d’attributs respectent les règles d’écriture ;

• L’imbrication des balises est conforme ;

• L’ouverture et la fermeture des balises sont conformes ;

• Les valeurs d’attribut id sont uniques dans la page ;

• Les attributs ne sont pas doublés sur un même élément.

Pour chaque page web, l’indication de langue par défaut vérifie-t-elle une de ces conditions ?

• L’indication de la langue de la page (attribut lang et/ou xml:lang) est donnée pour l’élément html ;

• L’indication de la langue de la page (attribut lang et/ou xml:lang) est donnée sur chaque élément de texte ou sur l’un des éléments parents.

Pour chaque page web ayant une langue par défaut, le code de langue vérifie-t-il ces conditions ?

• Le code de langue est valide ;

• Le code de langue est pertinent.

Chaque page web a-t-elle un titre de page (balise <title>) ?

Pour chaque page web ayant un titre de page (balise <title>), le contenu de cette balise est-il pertinent ?

Dans chaque page web, chaque texte écrit dans une langue différente de la langue par défaut vérifie-t-il une de ces conditions (hors cas particuliers) ?

• L’indication de langue est donnée sur l’élément contenant le texte (attribut lang et/ou xml:lang) ;

• L’indication de langue est donnée sur un des éléments parents (attribut lang et/ou xml:lang).

Pour chaque page web, le code de langue de chaque changement de langue vérifie-t-il ces conditions ?

• Le code de langue est valide ;

• Le code de langue est pertinent.

Dans chaque page web les balises (à l’exception de <div>, <span> et <table>) ne doivent pas être utilisées uniquement à des fins de présentation. Cette règle est-elle respectée ?

Dans chaque page web, chaque texte dont le sens de lecture est différent du sens de lecture par défaut est contenu dans une balise possédant un attribut dir ?

Dans chaque page web, chaque changement du sens de lecture (attribut dir) vérifie-t-il ces conditions ?

• La valeur de l’attribut dir est conforme (rtl ou ltr) ;

• La valeur de l’attribut dir est pertinente.

Dans chaque page web, la hiérarchie entre les titres (balise <hx> ou balise possédant un attribut WAI-ARIA role="heading" associé à un attribut WAI-ARIA aria-level) est-elle pertinente ?

Dans chaque page web, le contenu de chaque titre (balise <hx> ou balise possédant un attribut WAI-ARIA role="heading" associé à un attribut WAI-ARIA aria-level) est-il pertinent ?

Dans chaque page web, chaque passage de texte constituant un titre est-il structuré à l’aide d’une balise <hx> ou d’une balise possédant un attribut WAI-ARIA role="heading" associé à un attribut WAI-ARIA aria-level ?

Dans chaque page web, la structure du document vérifie-t-elle ces conditions (hors cas particuliers) ?

• La zone d’en-tête de la page est structurée via une balise <header> ;

• Les zones de navigation principale et secondaire sont structurées via une balise <nav> ;

• La balise <nav> est réservée à la structuration des zones de navigation principales et secondaires ;

• La zone de contenu principal est structurée via une balise <main> ;

• La structure du document utilise une balise <main> visible unique ;

• La zone de pied de page est structurée via une balise <footer>.

Dans chaque page web, les informations regroupées visuellement sous forme de liste non ordonnée vérifient-elles une de ces conditions ?

• La liste utilise les balises HTML <ul> et <li> ;

• La liste utilise les attributs WAI-ARIA role="list" et role="listitem".

Dans chaque page web, les informations regroupées visuellement sous forme de liste ordonnée vérifient-elles une de ces conditions ?

• La liste utilise les balises HTML <ol> et <li> ;

• La liste utilise les attributs WAI-ARIA role="list" et role="listitem".

Dans chaque page web, les informations regroupées sous forme de liste de description utilisent-elles les balises <dl> et <dt>/<dd> ?

Dans chaque page web, chaque citation courte utilise-t-elle une balise <q> ?

Dans chaque page web, chaque bloc de citation utilise-t-il une balise <blockquote> ?

Dans chaque page web, les balises servant à la présentation de l’information ne doivent pas être présentes dans le code source généré des pages. Cette règle est-elle respectée ?

Dans chaque page web, les attributs servant à la présentation de l’information ne doivent pas être présents dans le code source généré des pages. Cette règle est-elle respectée ?

Dans chaque page web, l’utilisation des espaces vérifie-t-elle ces conditions ?

• Les espaces ne sont pas utilisées pour séparer les lettres d’un mot ;

• Les espaces ne sont pas utilisées pour simuler des tableaux ;

• Les espaces ne sont pas utilisées pour simuler des colonnes de texte.

Dans chaque page web, pour chaque texte ou ensemble de textes, l’information ne doit pas être donnée uniquement par la forme, taille ou position. Cette règle est-elle implémentée de façon pertinente ?

Dans chaque page web, pour chaque image ou ensemble d’images, l’information ne doit pas être donnée par la forme, taille ou position uniquement. Cette règle est-elle implémentée de façon pertinente ?

Dans chaque page web, pour chaque média temporel, l’information ne doit pas être donnée par la forme, taille ou position uniquement. Cette règle est-elle implémentée de façon pertinente ?

Dans chaque page web, pour chaque média non temporel, l’information ne doit pas être donnée par la forme, taille ou position uniquement. Cette règle est-elle implémentée de façon pertinente ?

Pour chaque page web, lorsque le contenu dont le sens de lecture est horizontal est affiché dans une fenêtre réduite à une largeur de 320px, l’ensemble des informations et des fonctionnalités sont-elles disponibles sans aucun défilement horizontal (hors cas particuliers) ?

Pour chaque page web, lorsque le contenu dont le sens de lecture est vertical est affiché dans une fenêtre réduite à une hauteur de 256px, l’ensemble des informations et des fonctionnalités sont-elles disponibles sans aucun défilement vertical (hors cas particuliers) ?

Dans chaque page web, le texte reste-t-il lisible lorsque l’affichage est modifié selon ces conditions (hors cas particuliers) ?

• L’espacement entre les lignes (line-height) est augmenté jusqu’à 1,5 fois la taille de la police ;

• L’espacement suivant les paragraphes (balise <p>) est augmenté jusqu’à 2 fois la taille de la police ;

• L’espacement des lettres (letter-spacing) est augmenté jusqu’à 0,12 fois la taille de la police ;

• L’espacement des mots (word-spacing) est augmenté jusqu’à 0,16 fois la taille de la police.

Chaque contenu additionnel devenant visible à la prise de focus ou au survol d’un composant d’interface peut-il être masqué par une action de l’utilisateur sans déplacer le focus ou le pointeur de la souris (hors cas particuliers) ?

Chaque contenu additionnel qui apparait au survol d’un composant d’interface peut-il être survolé par le pointeur de la souris sans disparaître (hors cas particuliers) ?

Chaque contenu additionnel qui apparaît à la prise de focus ou au survol d’un composant d’interface vérifie-t-il une de ces conditions (hors cas particuliers) ?

• Le contenu additionnel reste visible jusqu’à ce que l’utilisateur retire le pointeur souris ou le focus du contenu additionnel et du composant d’interface ayant déclenché son apparition ;

• Le contenu additionnel reste visible jusqu’à ce que l’utilisateur déclenche une action masquant ce contenu sans déplacer le focus ou le pointeur de la souris du composant d’interface ayant déclenché son apparition ;

• Le contenu additionnel reste visible jusqu’à ce qu’il ne soit plus valide.

Dans chaque page web, les contenus additionnels apparaissant au survol d’un composant d’interface via les styles CSS respectent-ils si nécessaire une de ces conditions ?

• Les contenus additionnels apparaissent également à l’activation du composant via le clavier et tout dispositif de pointage ;

• Les contenus additionnels apparaissent également à la prise de focus du composant ;

• Les contenus additionnels apparaissent également par le biais de l’activation ou de la prise de focus d’un autre composant.

Dans chaque page web, les contenus additionnels apparaissant au focus d’un composant d’interface via les styles CSS respectent-ils si nécessaire une de ces conditions ?

• Les contenus additionnels apparaissent également à l’activation du composant via le clavier et tout dispositif de pointage ;

• Les contenus additionnels apparaissent également au survol du composant ;

• Les contenus additionnels apparaissent également par le biais de l’activation ou du survol d’un autre composant.

Dans chaque page web, l’information reste-t-elle présente lorsque les feuilles de styles sont désactivées ?

Dans chaque page web, l’information reste-t-elle compréhensible lorsque les feuilles de styles sont désactivées ?

Dans chaque page web, l’augmentation de la taille des caractères jusqu’à 200%, au moins, ne doit pas provoquer de perte d’information. Cette règle est-elle respectée selon une de ces conditions (hors cas particuliers) ?

• Lors de l’utilisation de la fonction d’agrandissement du texte du navigateur ;

• Lors de l’utilisation des fonctions de zoom graphique du navigateur ;

• Lors de l’utilisation d’un composant d’interface propre au site permettant d’agrandir le texte ou de zoomer.

Dans chaque page web, l’augmentation de la taille des caractères jusqu’à 200%, au moins, doit être possible pour l’ensemble du texte dans la page. Cette règle est-elle respectée selon une de ces conditions (hors cas particuliers) ?

• Lors de l’utilisation de la fonction d’agrandissement du texte du navigateur ;

• Lors de l’utilisation des fonctions de zoom graphique du navigateur ;

• Lors de l’utilisation d’un composant d’interface propre au site permettant d’agrandir le texte ou de zoomer.

Dans chaque page web, chaque déclaration CSS de couleurs de police (color), d’un élément susceptible de contenir du texte, est-elle accompagnée d’une déclaration de couleur de fond (background, background-color), au moins, héritée d’un parent ?

Dans chaque page web, chaque déclaration de couleur de fond (background, background-color), d’un élément susceptible de contenir du texte, est-elle accompagnée d’une déclaration de couleur de police (color) au moins, héritée d’un parent ?

Dans chaque page web, chaque utilisation d’une image pour créer une couleur de fond d’un élément susceptible de contenir du texte, via CSS (background, background-image), est-elle accompagnée d’une déclaration de couleur de fond (background, background-color), au moins, héritée d’un parent ?

Dans chaque page web, chaque lien texte signalé uniquement par la couleur, et dont la nature n’est pas évidente, vérifie-t-il ces conditions ?

• La couleur du lien a un rapport de contraste supérieur ou égal à 3:1 par rapport au texte environnant ;

• Le lien dispose d’une indication visuelle au survol autre qu’un changement de couleur ;

• Le lien dispose d’une indication visuelle au focus autre qu’un changement de couleur.

Pour chaque élément recevant le focus, la prise de focus vérifie-t-elle une de ces conditions ?

• Le style du focus natif du navigateur n’est pas supprimé ou dégradé ;

• Un style du focus défini par l’auteur est visible.

Dans chaque page web, chaque contenu caché vérifie-t-il une de ces conditions ?

• Le contenu caché a vocation à être ignoré par les technologies d’assistance ;

• Le contenu caché n’a pas vocation à être ignoré par les technologies d’assistance et est rendu restituable par les technologies d’assistance suite à une action de l’utilisateur réalisable au clavier ou par tout dispositif de pointage sur un élément précédent le contenu caché ou suite à un repositionnement du focus dessus.

Dans chaque page web, pour chaque texte ou ensemble de textes, l’information ne doit pas être donnée uniquement par la forme, taille ou position. Cette règle est-elle respectée ?

Dans chaque page web, pour chaque image ou ensemble d’images, l’information ne doit pas être donnée uniquement par la forme, taille ou position. Cette règle est-elle respectée ?

Dans chaque page web, pour chaque média temporel, l’information ne doit pas être donnée uniquement par la forme, taille ou position. Cette règle est-elle respectée ?

Dans chaque page web, pour chaque média non temporel, l’information ne doit pas être donnée uniquement par la forme, taille ou position. Cette règle est-elle respectée ?

Dans chaque page web, pour chaque texte ou ensemble de textes, l’information ne doit pas être donnée uniquement par la forme, taille ou position. Cette règle est-elle implémentée de façon pertinente ?

Dans chaque page web, pour chaque image ou ensemble d’images, l’information ne doit pas être donnée par la forme, taille ou position uniquement. Cette règle est-elle implémentée de façon pertinente ?

Dans chaque page web, pour chaque média temporel, l’information ne doit pas être donnée par la forme, taille ou position uniquement. Cette règle est-elle implémentée de façon pertinente ?

Dans chaque page web, pour chaque média non temporel, l’information ne doit pas être donnée par la forme, taille ou position uniquement. Cette règle est-elle implémentée de façon pertinente ?

Pour chaque page web, lorsque le contenu dont le sens de lecture est horizontal est affiché dans une fenêtre réduite à une largeur de 320px, l’ensemble des informations et des fonctionnalités sont-elles disponibles sans aucun défilement horizontal (hors cas particuliers) ?

Pour chaque page web, lorsque le contenu dont le sens de lecture est vertical est affiché dans une fenêtre réduite à une hauteur de 256px, l’ensemble des informations et des fonctionnalités sont-elles disponibles sans aucun défilement vertical (hors cas particuliers) ?

Dans chaque page web, le texte reste-t-il lisible lorsque l’affichage est modifié selon ces conditions (hors cas particuliers) ?

• L’espacement entre les lignes (line-height) est augmenté jusqu’à 1,5 fois la taille de la police ;

• L’espacement suivant les paragraphes (balise <p>) est augmenté jusqu’à 2 fois la taille de la police ;

• L’espacement des lettres (letter-spacing) est augmenté jusqu’à 0,12 fois la taille de la police ;

• L’espacement des mots (word-spacing) est augmenté jusqu’à 0,16 fois la taille de la police.

Chaque contenu additionnel devenant visible à la prise de focus ou au survol d’un composant d’interface peut-il être masqué par une action de l’utilisateur sans déplacer le focus ou le pointeur de la souris (hors cas particuliers) ?

Chaque contenu additionnel qui apparait au survol d’un composant d’interface peut-il être survolé par le pointeur de la souris sans disparaître (hors cas particuliers) ?

Chaque contenu additionnel qui apparaît à la prise de focus ou au survol d’un composant d’interface vérifie-t-il une de ces conditions (hors cas particuliers) ?

• Le contenu additionnel reste visible jusqu’à ce que l’utilisateur retire le pointeur souris ou le focus du contenu additionnel et du composant d’interface ayant déclenché son apparition ;

• Le contenu additionnel reste visible jusqu’à ce que l’utilisateur déclenche une action masquant ce contenu sans déplacer le focus ou le pointeur de la souris du composant d’interface ayant déclenché son apparition ;

• Le contenu additionnel reste visible jusqu’à ce qu’il ne soit plus valide.

Dans chaque page web, les contenus additionnels apparaissant au survol d’un composant d’interface via les styles CSS respectent-ils si nécessaire une de ces conditions ?

• Les contenus additionnels apparaissent également à l’activation du composant via le clavier et tout dispositif de pointage ;

• Les contenus additionnels apparaissent également à la prise de focus du composant ;

• Les contenus additionnels apparaissent également par le biais de l’activation ou de la prise de focus d’un autre composant.

Dans chaque page web, les contenus additionnels apparaissant au focus d’un composant d’interface via les styles CSS respectent-ils si nécessaire une de ces conditions ?

• Les contenus additionnels apparaissent également à l’activation du composant via le clavier et tout dispositif de pointage ;

• Les contenus additionnels apparaissent également au survol du composant ;

• Les contenus additionnels apparaissent également par le biais de l’activation ou du survol d’un autre composant.

Chaque champ de formulaire vérifie-t-il une de ces conditions ?

• Le champ de formulaire possède un attribut WAI-ARIA aria-labelledby référençant un passage de texte identifié ;

• Le champ de formulaire possède un attribut WAI-ARIA aria-label ;

• Une balise <label> ayant un attribut for est associée au champ de formulaire ;

• Le champ de formulaire possède un attribut title ;

• Un bouton adjacent au champ de formulaire lui fournit une étiquette visible et un élément <label> visuellement caché ou un attribut WAI-ARIA aria-label, aria-labelledby ou title lui fournit un nom accessible.

Chaque champ de formulaire associé à une balise <label> ayant un attribut for, vérifie-t-il ces conditions ?

• Le champ de formulaire possède un attribut id ;

• La valeur de l’attribut for est égale à la valeur de l’attribut id du champ de formulaire associé.

Chaque champ de formulaire ayant une étiquette dont le contenu n’est pas visible ou à proximité (masqué, aria-label) ou qui n’est pas accolé au champ (aria-labelledby), vérifie-t-il une de ses conditions ?

• Le champ de formulaire possède un attribut title dont le contenu permet de comprendre la nature de la saisie attendue ;

• Le champ de formulaire est accompagné d’un passage de texte accolé au champ qui devient visible à la prise de focus permettant de comprendre la nature de la saisie attendue ;

• Le champ de formulaire est accompagné d’un passage de texte visible accolé au champ permettant de comprendre la nature de la saisie attendue.

Les indications du caractère obligatoire de la saisie des champs vérifient-elles une de ces conditions (hors cas particuliers) ?

• Une indication de champ obligatoire est visible et permet d’identifier nommément le champ concerné préalablement à la validation du formulaire ;

• Le champ obligatoire dispose de l’attribut aria-required="true" ou required préalablement à la validation du formulaire.

Les champs obligatoires ayant l’attribut aria-required="true" ou required vérifient-ils une de ces conditions ?

• Une indication de champ obligatoire est visible et située dans l’étiquette associée au champ préalablement à la validation du formulaire ;

• Une indication de champ obligatoire est visible et située dans le passage de texte associé au champ préalablement à la validation du formulaire.

Les messages d’erreur indiquant l’absence de saisie d’un champ obligatoire vérifient-ils une de ces conditions ?

• Le message d’erreur indiquant l’absence de saisie d’un champ obligatoire est visible et permet d’identifier nommément le champ concerné ;

• Le champ obligatoire dispose de l’attribut aria-invalid="true".

Les champs obligatoires ayant l’attribut aria-invalid="true" vérifient-ils une de ces conditions ?

• Le message d’erreur indiquant le caractère invalide de la saisie est visible et situé dans l’étiquette associée au champ ;

• Le message d’erreur indiquant le caractère invalide de la saisie est visible et situé dans le passage de texte associé au champ.

Les instructions et indications du type de données et/ou de format obligatoires vérifient-elles une de ces conditions ?

• Une instruction ou une indication du type de données et/ou de format obligatoire est visible et permet d’identifier nommément le champ concerné préalablement à la validation du formulaire ;

• Une instruction ou une indication du type de données et/ou de format obligatoire est visible dans l’étiquette ou le passage de texte associé au champ préalablement à la validation du formulaire.

Les messages d’erreurs fournissant une instruction ou une indication du type de données et/ou de format obligatoire des champs vérifient-ils une de ces conditions ?

• Le message d’erreur fournissant une instruction ou une indication du type de données et/ou de format obligatoires est visible et identifie le champ concerné ;

• Le champ dispose de l’attribut aria-invalid="true".

Les champs ayant l’attribut aria-invalid="true" dont la saisie requiert un type de données et/ou de format obligatoires vérifient-ils une de ces conditions ?

• Une instruction ou une indication du type de données et/ou de format obligatoire est visible et située dans la balise <label> associée au champ ;

• Une instruction ou une indication du type de données et/ou de format obligatoire est visible et située dans le passage de texte associé au champ.

Pour chaque erreur de saisie, les types et les formats de données sont-ils suggérés, si nécessaire ?

Pour chaque erreur de saisie, des exemples de valeurs attendues sont-ils suggérés, si nécessaire ?

Pour chaque formulaire qui modifie ou supprime des données, ou qui transmet des réponses à un test ou un examen, ou dont la validation a des conséquences financières ou juridiques, la saisie des données vérifie-t-elle une de ces conditions ?

• L’utilisateur peut modifier ou annuler les données et les actions effectuées sur ces données après la validation du formulaire ;

• L’utilisateur peut vérifier et corriger les données avant la validation d’un formulaire en plusieurs étapes ;

• Un mécanisme de confirmation explicite, via une case à cocher (balise <input> de type checkbox ou balise ayant un attribut WAI-ARIA role="checkbox") ou une étape supplémentaire, est présent.

Chaque formulaire dont la validation modifie ou supprime des données à caractère financier, juridique ou personnel vérifie-t-il une de ces conditions ?

• Un mécanisme permet de récupérer les données supprimées ou modifiées par l’utilisateur ;

• Un mécanisme de demande de confirmation explicite de la suppression ou de la modification, via un champ de formulaire ou une étape supplémentaire, est proposé.

Chaque champ de formulaire dont l’objet se rapporte à une information concernant l’utilisateur vérifie-t-il ces conditions ?

• Le champ de formulaire possède un attribut autocomplete ;

• L’attribut autocomplete est pourvu d’une valeur présente dans la liste des valeurs possibles pour l’attribut autocomplete associés à un champ de formulaire ;

• La valeur indiquée pour l’attribut autocomplete est pertinente au regard du type d’information attendu.

Chaque balise <label> permet-elle de connaître la fonction exacte du champ de formulaire auquel elle est associée ?

Chaque attribut title permet-il de connaître la fonction exacte du champ de formulaire auquel il est associé ?

Chaque étiquette implémentée via l’attribut WAI-ARIA aria-label permet-elle de connaître la fonction exacte du champ de formulaire auquel elle est associée ?

Chaque passage de texte associé via l’attribut WAI-ARIA aria-labelledby permet-il de connaître la fonction exacte du champ de formulaire auquel il est associé ?

Chaque champ de formulaire ayant un intitulé visible vérifie-t-il ces conditions (hors cas particuliers) ?

• S’il est présent, le contenu de l’attribut WAI-ARIA aria-label du champ de formulaire contient au moins l’intitulé visible ;

• S’il est présent, le passage de texte lié au champ de formulaire via un attribut WAI-ARIA aria-labelledby contient au moins l’intitulé visible ;

• S’il est présent, le contenu de l’attribut title du champ de formulaire contient au moins l’intitulé visible ;

• S’il est présent le contenu de la balise <label> associé au champ de formulaire contient au moins l’intitulé visible.

Chaque bouton adjacent au champ de formulaire qui fournit une étiquette visible permet-il de connaître la fonction exacte du champ de formulaire auquel il est associé ?

Chaque étiquette associée à un champ de formulaire ayant la même fonction et répétée plusieurs fois dans une même page est-elle cohérente ?

Chaque étiquette associée à un champ de formulaire ayant la même fonction et répétée dans un ensemble de pages est-elle cohérente ?

Chaque étiquette de champ et son champ associé sont-ils accolés ?

Chaque étiquette accolée à un champ (à l’exception des cases à cocher, bouton radio ou balises ayant un attribut WAI-ARIA role="checkbox", role="radio" ou role="switch"), vérifie-t-elle ces conditions (hors cas particuliers) ?

• L’étiquette est visuellement accolée immédiatement au-dessus ou à gauche du champ de formulaire lorsque le sens de lecture de la langue de l’étiquette est de gauche à droite ;

• L’étiquette est visuellement accolée immédiatement au-dessus ou à droite du champ de formulaire lorsque le sens de lecture de la langue de l’étiquette est de droite à gauche.

Chaque étiquette accolée à un champ de type checkbox ou radio ou à une balise ayant un attribut WAI-ARIA role="checkbox", role="radio" ou role="switch", vérifie-t-elle ces conditions (hors cas particuliers) ?

• L’étiquette est visuellement accolée immédiatement au-dessous ou à droite du champ de formulaire lorsque le sens de lecture de la langue de l’étiquette est de gauche à droite ;

• L’étiquette est visuellement accolée immédiatement au-dessous ou à gauche du champ de formulaire lorsque le sens de lecture de la langue de l’étiquette est de droite à gauche.

Les champs de même nature vérifient-ils l’une de ces conditions, si nécessaire ?

• Les champs de même nature sont regroupés dans une balise <fieldset> ;

• Les champs de même nature sont regroupés dans une balise possédant un attribut WAI-ARIA role="group" ;

• Les champs de même nature de type radio (<input type="radio">) ou balises possédant un attribut WAI-ARIA role="radio") sont regroupés dans une balise possédant un attribut WAI-ARIA role="radiogroup" ou role="group".

Chaque regroupement de champs de même nature possède-t-il une légende ?

Chaque légende associée à un regroupement de champs de même nature est-elle pertinente ?

Pour chaque balise <select>, les items de même nature d’une liste de choix sont-ils regroupés avec une balise <optgroup>, si nécessaire ?

Dans chaque balise <select>, chaque balise <optgroup> possède-t-elle un attribut label ?

Pour chaque balise <optgroup> ayant un attribut label, le contenu de l’attribut label est-il pertinent ?

L’intitulé de chaque bouton est-il pertinent ?

• S’il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent ;

• S’il est présent, le passage de texte lié au bouton via un attribut WAI-ARIA aria-labelledby est pertinent ;

• S’il est présent, le contenu de l’attribut value d’une balise <input> de type submit, reset ou button est pertinent ;

• S’il est présent, le contenu de la balise <button> est pertinent ;

• S’il est présent, le contenu de l’attribut alt d’une balise <input> de type image est pertinent ;

• S’il est présent, le contenu de l’attribut title est pertinent.

Chaque bouton affichant un intitulé visible vérifie-t-il ces conditions (hors cas particuliers) ?

• S’il est présent, le contenu de l’attribut WAI-ARIA aria-label contient au moins l’intitulé visible ;

• S’il est présent, le passage de texte lié au bouton via un attribut WAI-ARIA aria-labelledby contient au moins l’intitulé visible ;

• S’il est présent, le contenu de l’attribut value d’une balise <input> de type submit, reset ou button contient au moins l’intitulé visible ;

• S’il est présent, le contenu de la balise <button> contient au moins l’intitulé visible ;

• S’il est présent, le contenu de l’attribut alt d’une balise <input> de type image contient au moins l’intitulé visible ;

• S’il est présent, le contenu de l’attribut title contient au moins l’intitulé visible.

Les indications du caractère obligatoire de la saisie des champs vérifient-elles une de ces conditions (hors cas particuliers) ?

• Une indication de champ obligatoire est visible et permet d’identifier nommément le champ concerné préalablement à la validation du formulaire ;

• Le champ obligatoire dispose de l’attribut aria-required="true" ou required préalablement à la validation du formulaire.

Les champs obligatoires ayant l’attribut aria-required="true" ou required vérifient-ils une de ces conditions ?

• Une indication de champ obligatoire est visible et située dans l’étiquette associée au champ préalablement à la validation du formulaire ;

• Une indication de champ obligatoire est visible et située dans le passage de texte associé au champ préalablement à la validation du formulaire.

Les messages d’erreur indiquant l’absence de saisie d’un champ obligatoire vérifient-ils une de ces conditions ?

• Le message d’erreur indiquant l’absence de saisie d’un champ obligatoire est visible et permet d’identifier nommément le champ concerné ;

• Le champ obligatoire dispose de l’attribut aria-invalid="true".

Les champs obligatoires ayant l’attribut aria-invalid="true" vérifient-ils une de ces conditions ?

• Le message d’erreur indiquant le caractère invalide de la saisie est visible et situé dans l’étiquette associée au champ ;

• Le message d’erreur indiquant le caractère invalide de la saisie est visible et situé dans le passage de texte associé au champ.

Les instructions et indications du type de données et/ou de format obligatoires vérifient-elles une de ces conditions ?

• Une instruction ou une indication du type de données et/ou de format obligatoire est visible et permet d’identifier nommément le champ concerné préalablement à la validation du formulaire ;

• Une instruction ou une indication du type de données et/ou de format obligatoire est visible dans l’étiquette ou le passage de texte associé au champ préalablement à la validation du formulaire.

Les messages d’erreurs fournissant une instruction ou une indication du type de données et/ou de format obligatoire des champs vérifient-ils une de ces conditions ?

• Le message d’erreur fournissant une instruction ou une indication du type de données et/ou de format obligatoires est visible et identifie le champ concerné ;

• Le champ dispose de l’attribut aria-invalid="true".

Les champs ayant l’attribut aria-invalid="true" dont la saisie requiert un type de données et/ou de format obligatoires vérifient-ils une de ces conditions ?

• Une instruction ou une indication du type de données et/ou de format obligatoire est visible et située dans la balise <label> associée au champ ;

• Une instruction ou une indication du type de données et/ou de format obligatoire est visible et située dans le passage de texte associé au champ.

Pour chaque erreur de saisie, les types et les formats de données sont-ils suggérés, si nécessaire ?

Pour chaque erreur de saisie, des exemples de valeurs attendues sont-ils suggérés, si nécessaire ?

Pour chaque formulaire qui modifie ou supprime des données, ou qui transmet des réponses à un test ou un examen, ou dont la validation a des conséquences financières ou juridiques, la saisie des données vérifie-t-elle une de ces conditions ?

• L’utilisateur peut modifier ou annuler les données et les actions effectuées sur ces données après la validation du formulaire ;

• L’utilisateur peut vérifier et corriger les données avant la validation d’un formulaire en plusieurs étapes ;

• Un mécanisme de confirmation explicite, via une case à cocher (balise <input> de type checkbox ou balise ayant un attribut WAI-ARIA role="checkbox") ou une étape supplémentaire, est présent.

Chaque formulaire dont la validation modifie ou supprime des données à caractère financier, juridique ou personnel vérifie-t-il une de ces conditions ?

• Un mécanisme permet de récupérer les données supprimées ou modifiées par l’utilisateur ;

• Un mécanisme de demande de confirmation explicite de la suppression ou de la modification, via un champ de formulaire ou une étape supplémentaire, est proposé.

Chaque champ de formulaire dont l’objet se rapporte à une information concernant l’utilisateur vérifie-t-il ces conditions ?

• Le champ de formulaire possède un attribut autocomplete ;

• L’attribut autocomplete est pourvu d’une valeur présente dans la liste des valeurs possibles pour l’attribut autocomplete associés à un champ de formulaire ;

• La valeur indiquée pour l’attribut autocomplete est pertinente au regard du type d’information attendu.

Chaque ensemble de pages vérifie-t-il une de ces conditions (hors cas particuliers) ?

• Un menu de navigation et un plan du site sont présents ;

• Un menu de navigation et un moteur de recherche sont présents ;

• Un moteur de recherche et un plan du site sont présents.

Dans chaque page web, chaque raccourci clavier n’utilisant qu’une seule touche (lettre minuscule ou majuscule, ponctuation, chiffre ou symbole) vérifie-t-il l’une de ces conditions ?

• Un mécanisme est disponible pour désactiver le raccourci clavier ;

• Un mécanisme est disponible pour configurer la touche de raccourci clavier au moyen des touches de modification (Ctrl, Alt, Maj, etc) ;

• Dans le cas d’un composant d’interface utilisateur, le raccourci clavier qui lui est associé ne peut être activé que si le focus clavier est sur ce composant.

Dans chaque page web, les contenus additionnels apparaissant au survol, à la prise de focus ou à l’activation d’un composant d’interface sont-ils si nécessaire atteignables au clavier ?

Dans chaque ensemble de pages, chaque page disposant d’un menu ou de barres de navigation vérifie-t-elle ces conditions (hors cas particuliers) ?

• Le menu ou les barres de navigation sont toujours à la même place dans la présentation ;

• Le menu ou les barres de navigation se présentent toujours dans le même ordre relatif dans le code source.

La page « plan du site » est-elle représentative de l’architecture générale du site ?

Les liens du plan du site sont-ils fonctionnels ?

Les liens du plan du site renvoient-ils bien vers les pages indiquées par l’intitulé ?

Dans chaque ensemble de pages, la page « plan du site » est-elle accessible à partir d’une fonctionnalité identique ?

Dans chaque ensemble de pages, la fonctionnalité vers la page « plan du site » est-elle située à la même place dans la présentation ?

Dans chaque ensemble de pages, la fonctionnalité vers la page « plan du site » se présente-t-elle toujours dans le même ordre relatif dans le code source ?

Dans chaque ensemble de pages, le moteur de recherche est-il accessible à partir d’une fonctionnalité identique ?

Dans chaque ensemble de pages, la fonctionnalité vers le moteur de recherche est-elle située à la même place dans la présentation ?

Dans chaque ensemble de pages, la fonctionnalité vers le moteur de recherche se présente-t-elle toujours dans le même ordre relatif dans le code source ?

Dans chaque page web où elles sont présentes, la zone d’en-tête, de navigation principale, de contenu principal, de pied de page et de moteur de recherche respectent-elles au moins une de ces conditions :

• La zone possède un rôle WAI-ARIA de type landmark correspondant à sa nature ;

• La zone possède un titre dont le contenu permet de comprendre la nature du contenu de la zone ;

• La zone peut être masquée par le biais d’un bouton précédent directement la zone dans l’ordre du code source ;

• La zone peut être évitée par le biais d’un lien d’évitement précédent directement la zone dans l’ordre du code source ;

• La zone peut être atteinte par le biais d’un lien d’accès rapide visible ou, à défaut, visible à la prise de focus.

Dans chaque page web, un lien permet-il d’éviter la zone de contenu principal ou d’y accéder (hors cas particuliers) ?

Dans chaque ensemble de pages, le lien d’évitement ou d’accès rapide à la zone de contenu principal vérifie-t-il ces conditions (hors cas particuliers) ?

• Le lien est situé à la même place dans la présentation ;

• Le lien se présente toujours dans le même ordre relatif dans le code source ;

• Le lien est visible ou, à défaut, visible à la prise de focus ;

• Le lien est fonctionnel.

Dans chaque page web, l’ordre de tabulation dans le contenu est-il cohérent ?

Pour chaque script qui met à jour ou insère un contenu, l’ordre de tabulation reste-t-il cohérent ?

Dans chaque page web, chaque élément recevant le focus vérifie-t-il une de ces conditions ?

• Il est possible d’atteindre l’élément suivant ou précédent pouvant recevoir le focus avec la touche de tabulation ;

• L’utilisateur est informé d’un mécanisme fonctionnel permettant d’atteindre au clavier l’élément suivant ou précédent pouvant recevoir le focus.

Dans chaque page web, chaque raccourci clavier n’utilisant qu’une seule touche (lettre minuscule ou majuscule, ponctuation, chiffre ou symbole) vérifie-t-il l’une de ces conditions ?

• Un mécanisme est disponible pour désactiver le raccourci clavier ;

• Un mécanisme est disponible pour configurer la touche de raccourci clavier au moyen des touches de modification (Ctrl, Alt, Maj, etc) ;

• Dans le cas d’un composant d’interface utilisateur, le raccourci clavier qui lui est associé ne peut être activé que si le focus clavier est sur ce composant.

Dans chaque page web, les contenus additionnels apparaissant au survol, à la prise de focus ou à l’activation d’un composant d’interface sont-ils si nécessaire atteignables au clavier ?

Pour chaque page web, chaque procédé de rafraîchissement (balise <object>, balise <embed>, balise <svg>, balise <canvas>, balise <meta>) vérifie-t-il une de ces conditions (hors cas particuliers) ?

• L’utilisateur peut arrêter ou relancer le rafraîchissement ;

• L’utilisateur peut augmenter la limite de temps entre deux rafraîchissements de dix fois, au moins ;

• L’utilisateur est averti de l’imminence du rafraîchissement et dispose de vingt secondes, au moins, pour augmenter la limite de temps avant le prochain rafraîchissement ;

• La limite de temps entre deux rafraîchissements est de vingt heures, au moins.

Pour chaque page web, chaque procédé de redirection effectué via une balise <meta> est-il immédiat (hors cas particuliers) ?

Pour chaque page web, chaque procédé de redirection effectué via un script vérifie-t-il une de ces conditions (hors cas particuliers) ?

• L’utilisateur peut arrêter ou relancer la redirection ;

• L’utilisateur peut augmenter la limite de temps avant la redirection de dix fois, au moins ;

• L’utilisateur est averti de l’imminence de la redirection et dispose de vingt secondes, au moins, pour augmenter la limite de temps avant la prochaine redirection ;

• La limite de temps avant la redirection est de vingt heures, au moins.

Pour chaque page web, chaque procédé limitant le temps d’une session vérifie-t-il une de ces conditions (hors cas particuliers) ?

• L’utilisateur peut supprimer la limite de temps ;

• L’utilisateur peut augmenter la limite de temps ;

• La limite de temps avant la fin de la session est de vingt heures au moins.

Dans chaque page web, chaque fonctionnalité utilisable ou disponible suite à un contact multipoint est-elle également utilisable ou disponible suite à un contact en un point unique de l’écran (hors cas particuliers).

Dans chaque page web, chaque fonctionnalité utilisable ou disponible suite à un geste basé sur le suivi d’une trajectoire sur l’écran est-elle également utilisable ou disponible suite à un contact en un point unique de l’écran (hors cas particuliers).

Dans chaque page web, les actions déclenchées au moyen d’un dispositif de pointage sur un point unique de l’écran vérifient-elles l’une de ces conditions (hors cas particuliers) ?

• L’action est déclenchée au moment où le dispositif de pointage est relâché ou relevé ;

• L’action est déclenchée au moment où le dispositif de pointage est pressé ou posé puis annulée lorsque le dispositif de pointage est relâché ou relevé ;

• Un mécanisme est disponible pour abandonner (avant achèvement de l’action) ou annuler (après achèvement) l’exécution de l’action.

Dans chaque page web, les fonctionnalités disponibles en bougeant l’appareil peuvent-elles être accomplies avec des composants d’interface utilisateur (hors cas particuliers) ?

Dans chaque page web, les fonctionnalités disponibles en faisant un geste en direction de l’appareil peuvent-elles être accomplies avec des composants d’interface utilisateur (hors cas particuliers) ?

L’utilisateur a-t-il la possibilité de désactiver la détection du mouvement pour éviter un déclenchement accidentel de la fonctionnalité (hors cas particuliers) ?

Dans chaque page web, l’ouverture d’une nouvelle fenêtre ne doit pas être déclenchée sans action de l’utilisateur. Cette règle est-elle respectée ?

Dans chaque page web, chaque fonctionnalité de téléchargement d’un document bureautique vérifie-t-elle une de ces conditions ?

• Le document en téléchargement est compatible avec l’accessibilité ;

• Il existe une version alternative du document en téléchargement compatible avec l’accessibilité ;

• Il existe une version alternative du document en téléchargement au format HTML.

Chaque document bureautique ayant une version accessible vérifie-t-il une de ces conditions ?

• La version compatible avec l’accessibilité offre la même information ;

• La version alternative au format HTML est pertinente et offre la même information.

Dans chaque page web, chaque contenu cryptique (art ASCII, émoticône, syntaxe cryptique) vérifie-t-il une de ces conditions ?

• Un attribut title est disponible ;

• Une définition est donnée par le contexte adjacent.

Dans chaque page web, chaque contenu cryptique (art ASCII, émoticône, syntaxe cryptique) vérifie-t-il une de ces conditions ?

• Le contenu de l’attribut title est pertinent ;

• La définition donnée par le contexte adjacent est pertinente.

Dans chaque page web, chaque image ou élément multimédia (balise <video>, balise <img>, balise <svg>, balise <canvas>, balise <embed> ou balise <object>) qui provoque un changement brusque de luminosité ou un effet de flash vérifie-t-il une de ces conditions ?

• La fréquence de l’effet est inférieure à 3 par seconde ;

• La surface totale cumulée des effets est inférieure ou égale à 21824 pixels.

Dans chaque page web, chaque script qui provoque un changement brusque de luminosité ou un effet de flash vérifie-t-il une de ces conditions ?

• La fréquence de l’effet est inférieure à 3 par seconde ;

• La surface totale cumulée des effets est inférieure ou égale à 21824 pixels.

Dans chaque page web, chaque mise en forme CSS qui provoque un changement brusque de luminosité ou un effet de flash vérifie-t-elle une de ces conditions ?

• La fréquence de l’effet est inférieure à 3 par seconde ;

• La surface totale cumulée des effets est inférieure ou égale à 21824 pixels.

Dans chaque page web, chaque contenu en mouvement déclenché automatiquement, vérifie-t-il une de ces conditions ?

• La durée du mouvement est inférieure ou égale à 5 secondes ;

• L’utilisateur peut arrêter et relancer le mouvement ;

• L’utilisateur peut afficher et masquer le contenu en mouvement ;

• L’utilisateur peut afficher la totalité de l’information sans le mouvement.

Dans chaque page web, chaque contenu clignotant déclenché automatiquement, vérifie-t-il une de ces conditions ?

• La durée du clignotement est inférieure ou égale à 5 secondes ;

• L’utilisateur peut arrêter et relancer le clignotement ;

• L’utilisateur peut afficher et masquer le contenu clignotant ;

• L’utilisateur peut afficher la totalité de l’information sans le clignotement.

Dans chaque page web, chaque contenu vérifie-t-il ces conditions (hors cas particuliers) ?

• La consultation est possible quel que soit le mode d’orientation de l’écran ;

• Le contenu proposé reste le même quel que soit le mode d’orientation de l’écran utilisé même si sa présentation et le moyen d’y accéder peut différer.

Dans chaque page web, chaque fonctionnalité utilisable ou disponible suite à un contact multipoint est-elle également utilisable ou disponible suite à un contact en un point unique de l’écran (hors cas particuliers).

Dans chaque page web, chaque fonctionnalité utilisable ou disponible suite à un geste basé sur le suivi d’une trajectoire sur l’écran est-elle également utilisable ou disponible suite à un contact en un point unique de l’écran (hors cas particuliers).

Dans chaque page web, les actions déclenchées au moyen d’un dispositif de pointage sur un point unique de l’écran vérifient-elles l’une de ces conditions (hors cas particuliers) ?

• L’action est déclenchée au moment où le dispositif de pointage est relâché ou relevé ;

• L’action est déclenchée au moment où le dispositif de pointage est pressé ou posé puis annulée lorsque le dispositif de pointage est relâché ou relevé ;

• Un mécanisme est disponible pour abandonner (avant achèvement de l’action) ou annuler (après achèvement) l’exécution de l’action.

Dans chaque page web, les fonctionnalités disponibles en bougeant l’appareil peuvent-elles être accomplies avec des composants d’interface utilisateur (hors cas particuliers) ?

Dans chaque page web, les fonctionnalités disponibles en faisant un geste en direction de l’appareil peuvent-elles être accomplies avec des composants d’interface utilisateur (hors cas particuliers) ?

L’utilisateur a-t-il la possibilité de désactiver la détection du mouvement pour éviter un déclenchement accidentel de la fonctionnalité (hors cas particuliers) ?