← Retour à la page projet

Audit Accessibilité pour Contributions Indirectes En Ligne (CIEL)

Scores - 106 critères

Accéder à la déclaration

Conformité globale selon les critères

Conformité détaillée de répartition

Contexte

Version du référentiel : RGAA 4.1
Technologies utilisées sur le site : HTML, CSS
Outils pour réaliser l’audit : Wave, AXE, MOZ DevTools, Usability Hike
Environnement de test : MacOS, Chrome, VoiceOver

Liste des pages auditées

Par ordre des critères du référentiel

Anomalies présentes sur toutes les pages

Test 1.3.1

Commentaire(s) : L’image ”pour une relation de confiance” présente un alt et un title non pertinent

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) ?

1. S’il est présent, le contenu de l’attribut alt est pertinent ;
2. S’il est présent, le contenu de l’attribut title est pertinent ;
3. S’il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent ;
4. S’il est présent, le passage de texte associé via l’attribut WAI-ARIA aria-labelledby est pertinent.

Test 2.1.1

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

Test 8.2.1

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

1. Les balises, attributs et valeurs d’attributs respectent les règles d’écriture ;
2. L’imbrication des balises est conforme ;
3. L’ouverture et la fermeture des balises sont conformes ;
4. Les valeurs d’attribut id sont uniques dans la page ;
5. Les attributs ne sont pas doublés sur un même élément.

Test 9.2.1

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

1. La zone d’en-tête de la page est structurée via une balise <header> ;
2. Les zones de navigation principale et secondaire sont structurées via une balise <nav> ;
3. La balise <nav> est réservée à la structuration des zones de navigation principales et secondaires ;
4. La zone de contenu principal est structurée via une balise <main> ;
5. La structure du document utilise une balise <main> visible unique ;
6. La zone de pied de page est structurée via une balise <footer>.

Test 10.7.1

Commentaire(s)

• Menu mobile
• Tabulations

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

1. Le style du focus natif du navigateur n’est pas supprimé ou dégradé ;
2. Un style du focus défini par l’auteur est visible.

Test 10.12.1

Commentaire(s) : Le bandeau supérieur prend trop de place

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

1. L’espacement entre les lignes (line-height) est augmenté jusqu’à 1,5 fois la taille de la police ;
2. L’espacement suivant les paragraphes (balise <p>) est augmenté jusqu’à 2 fois la taille de la police ;
3. L’espacement des lettres (letter-spacing) est augmenté jusqu’à 0,12 fois la taille de la police ;
4. L’espacement des mots (word-spacing) est augmenté jusqu’à 0,16 fois la taille de la police.

Test 13.2.1

Commentaire(s) : Manque un aria-label ou title sur les liens menus principal

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 ?

Anomalies présentes sur les pages spécifiques

Page : Accueil

Page : Tableau de bord

Test 5.1.1

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

Test 10.11.1

Commentaire(s) : Tableau principal

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) ?

Test 10.11.2

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) ?

Page : Saisie de la déclaration

Test 7.1.1

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

1. 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é ;
2. Un composant d’interface accessible permettant d’accéder aux mêmes fonctionnalités est présent dans la page ;
3. Une alternative accessible permet d’accéder aux mêmes fonctionnalités.

Test 7.1.2

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

1. Le composant d’interface est correctement restitué par les technologies d’assistance ;
2. Une alternative accessible permet d’accéder aux mêmes fonctionnalités.

Test 7.1.3

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

1. Le composant possède un nom pertinent ;
2. Le nom accessible du composant contient au moins l’ intitulé visible ;
3. Le composant possède un rôle pertinent.

Test 7.4.1

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

1. L’utilisateur est averti par un texte de l’action du script et du type de changement avant son déclenchement ;
2. Le changement de contexte est initié par un bouton (input de type submit, button ou image ou balise <button>) explicite ;
3. Le changement de contexte est initié par un lien explicite.

Test 7.5.1

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" ?

Test 7.5.2

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" ?

Test 10.11.1

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) ?

Test 10.11.2

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) ?

Test 11.2.1

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

Test 11.9.1

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

1. S’il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent ;
2. S’il est présent, le passage de texte lié au bouton via un attribut WAI-ARIA aria-labelledby est pertinent ;
3. S’il est présent, le contenu de l’attribut value d’une balise <input> de type submit, reset ou button est pertinent ;
4. S’il est présent, le contenu de la balise <button> est pertinent ;
5. S’il est présent, le contenu de l’attribut alt d’une balise <input> de type image est pertinent ;
6. S’il est présent, le contenu de l’attribut title est pertinent.

Test 11.9.2

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

1. S’il est présent, le contenu de l’attribut WAI-ARIA aria-label contient au moins l’ intitulé visible ;
2. 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 ;
3. 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 ;
4. S’il est présent, le contenu de la balise <button> contient au moins l’ intitulé visible ;
5. S’il est présent, le contenu de l’attribut alt d’une balise <input> de type image contient au moins l’ intitulé visible ;
6. S’il est présent, le contenu de l’attribut title contient au moins l’ intitulé visible .

Test 11.10.1

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

1. Une indication de champ obligatoire est visible et permet d’identifier nommément le champ concerné préalablement à la validation du formulaire ;
2. Le champ obligatoire dispose de l’attribut aria-required="true" ou required préalablement à la validation du formulaire.

Test 11.10.6

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 ?

1. 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é ;
2. Le champ dispose de l’attribut aria-invalid="true".

Tous les critères non conformes du site

Critère 1.3
Certaines images porteuses d’information ayant une alternative textuelle, ont une alternative non pertinente.

Critère 2.1
Certains cadres n’ont pas de titre de cadre.

Critère 5.1
Certains tableaux de données complexe n’ont pas de résumé.

Critère 7.1
Certains scripts ne sont pas compatibles avec les technologies d’assistance.

Critère 7.4
Pour certains scripts qui initient un changement de contexte, l’utilisateur n’est pas averti ou en n’a pas le contrôle.

Critère 7.5
Pour certaines pages web, les messages de statut ne sont pas correctement restitués par les technologies d’assistance.

Critère 8.2
Pour certaines pages web, le code source généré n’est pas valide selon le type de document spécifié.

Critère 9.2
Pour certaines pages web, la structure du document n’est pas cohérente.

Critère 10.7
Pour certaines pages web, pour certains éléments recevant le focus, la prise de focus n’est pas visible.

Critère 10.11
Pour certaines pages web, les contenus sont présentés en ayant recours à la fois à un défilement vertical pour une fenêtre ayant une hauteur de 256px ou une largeur de 320px.

Critère 10.12
Pour certaines pages web, les propriétés d’espacement du texte ne peuvent pas être redéfinies par l’utilisateur sans perte de contenu ou de fonctionnalité.

Critère 11.2
Certaines étiquettes associées à un champ de formulaire ne sont pas pertinentes.

Critère 11.9
Pour certains formulaires, certains intitulés de certains boutons ne sont pas pertinents.

Critère 11.10
Pour certains formulaires, certains contrôles de saisie ne sont pas utilisés de manière pertinente.

Critère 13.2
Pour certaines pages web, l’ouverture d’une nouvelle fenêtre est déclenchée sans action de l’utilisateur.