Correction #545 [Accessibilité] Quelques corrections
Le point de la ligne 3 n'a pas été corrigé :
Excel | Thématique | Critère | Intitulé | Page | Contenu | Remarques | Corrections |
---|---|---|---|---|---|---|---|
Ligne 3 | TABLEAUX | 5.5 | Pour chaque tableau de données ayant un titre, celui-ci est-il pertinent ? | Tableau de bord utilisateur | Titre Tableaux | Pour le tableau de journalisation, le titre "Journalisation 5 derniers" doit être rendu plus compréhensible en ajoutant la précision de ce qu'il qualifie (Actions) | <h3 class="box-title">Journalisation <small>5 dernières actions</small></h3> |
Le point de la ligne 4 de l'Excel a parfaitement été intégré sauf pour la liste des référentiels qui n'a pas été faite. Le tableau de la liste des référentiels n'est pas associé à ses cellules, il faut ajouter un attribut scope.
<thead>
<tr>
<th scope="col" rowspan="1" colspan="1">...</th>
<th scope="col" rowspan="1" colspan="1">...</th>
<th scope="col" rowspan="1" colspan="1">...</th>
</tr>
</thead>
Le point de la ligne 5 de l'Excel a parfaitement été intégré dans le menu sauf pour les éléments "Rapports" du menu (Indice de maturité / Gérer les référentiels / Générer un bilan). Ajouter un intitulé :
<li><a href="/indice-de-maturite/liste" aria-label="Indice de maturité"> <i class="fa fa-list"
</i><span>Indice de maturité</span></a></li>
Le point de la ligne 6 de l'Excel n'a pas été fait pour la pagination et le message de chargement d'un tableau :
Excel | Thématique | Critère | Intitulé | Page | Contenu | Remarques | Corrections |
---|---|---|---|---|---|---|---|
Ligne 6 | SCRIPTS | 7.5 | Dans chaque page web, les messages de statut sont-ils correctement restitués par les technologies d’assistance ? | Listes avec table et pagination | Messages d'alertes | L'indication du traitement en cours du tableau n'utilise pas d'attribut WAI-ARIA indiquant la progression du processus. | Enlever aria-live="polite" à la pagination : <div class="dataTables_info" id="table_info" role="status" aria-live="polite">Affichage de l'élément 1 à 15 sur 58 éléments</div> Ajouter role="status" au message de chargement : <div role="status" id="table_processing" class="dataTables_processing panel panel-default">Traitement en cours...</div>
|
Le point de la ligne 8 de l'Excel n'a pas été fait pour la pagination :
Excel | Thématique | Critère | Intitulé | Page | Contenu | Remarques | Corrections |
---|---|---|---|---|---|---|---|
Ligne 8 | STRUCTURATION | 9.2 | Dans chaque page web, la structure du document est-elle cohérente (hors cas particuliers) ? | Listes avec pagination | Pagination | La zone de navigation secondaire (pagination) n'est pas structurée via une balise . | Remplacer la balise div par nav <nav class="dataTables_paginate paging_simple_numbers" id="table_paginate"><ul class="pagination"></ul></nav>
|
Le point de la ligne 9 de l'Excel n'est pas tout à fait conforme pour le menu. Les <ul>
des sous-menus doivent être placés dans les <li>
des éléments principaux (Registres, Preuves, etc).
Actuellement :
<li class="header">Registres</li>
<ul><li>Traitements</li><li>Sous-traitants</li><li>Demandes</li><li>Violations</li></ul>
Souhaité:
<li class="header">Registres
<ul><li>Traitements</li><li>Sous-traitants</li><li>Demandes</li><li>Violations</li></ul>
</li>
PS : Cela va surement nécessiter quelques modifs CSS pour avoir le même rendu qu'actuellement, notamment pour le fonctionnement du menu réduit/agrandit).
Le point de la ligne 11 de l'Excel qui demande de remettre l'outline par défaut ajoute une couleur rouge. Dans certains cas (exemple avec des éléments foncés comme pour un fond bleu), cette couleur n'est pas assez contrastée pour valider le critère. Le code rajoutant cet outline semble être le suivant :
a:focus {
outline:1px dashed red
}
Il suffit donc de supprimer l'argument de couleur pour que celui-ci soit adapté automatiquement par le navigateur de façon contrasté en fonction du fond. Cela doit donc donner le code suivant :
a:focus {
outline:1px dashed;
}
Le point de la ligne 13 de l'Excel n'a pas été fait pour les éléments suivants :
- Créer un traitement : Le bouton "Enregistrer" doit être "Créer le traitement".
- Modifier un traitement : Le bouton "Enregistrer" doit être "Modifier le traitement".
- Créer un logiciel ou support : Le bouton "Sauvegarder" doit être "Créer le logiciel ou support".
- Modifier un logiciel ou support : Le bouton "Enregistrer" doit être "Modifier le logiciel ou support".
- Créer une violation : Le bouton "Enregistrer" doit être "Créer la violation".
- Modifier une violation : Le bouton "Enregistrer" doit être "Modifier la violation".
- Créer un modèle d'analyse : Le bouton "Enregistrer" doit être "Créer le modèle".
- Modifier un modèle d'analyse : Le bouton "Enregistrer" doit être "Modifier le modèle".
- Créer une mesure de protection : Le bouton "Enregistrer" doit être "Créer la mesure".
- Modifier une mesure de protection : Le bouton "Enregistrer" doit être "Modifier la mesure".
- Créer un référentiel : Le bouton "Enregistrer" doit être "Créer le référentiel".
- Modifier un modèle d'analyse : Le bouton "Enregistrer" doit être "Modifier le référentiel".
- Créer une évaluation (conformité du traitement) : Le bouton "Enregistrer" doit être "Créer l'évaluation du traitement".
- Modifier une évaluation (conformité du traitement) : Le bouton "Enregistrer" doit être "Modifier l'évaluation du traitement".
- Créer une action depuis l'évaluation d'un traitement et de la structure : Le bouton "Créer" doit être "Créer l'action de protection". De plus, adapter le nom de la fenêtre "Ajouter une action de protection" en "Créer une action de protection"
- Configurer les traitements (Registre public) : Le bouton "Enregistrer" doit être "Modifier la configuration".
- Créer une structure : Le bouton "Enregistrer" doit être "Créer la structure".
- Modifier une structure : Le bouton "Enregistrer" doit être "Modifier la structure".
- Créer un utilisateur : Le bouton "Enregistrer" doit être "Créer l'utilisateur".
- Modifier un utilisateur : Le bouton "Enregistrer" doit être "Modifier l'utilisateur".
Le point de la ligne 14 de l'Excel pour le bouton des multi-sélecteurs a encore un rôle en trop, supprimer le rôle role="button". De plus, certain multi-sélecteur n'ont pas été fait pour les formulaires suivants :
- Logiciels et support : Le champ "Sous-traitants"
- Violations : Le champ "Sous-traitants"
Le point de la ligne 16 n'est pas tout à fait conforme pour le plan du site. Les <ul>
des sous-éléments doivent être placés dans les <li>
des éléments supérieurs.
Actuellement :
<ul>
[...]
<li><a aria-label="Traitements" href=""><span>Liste des traitements (Actif)</span></a></li>
<ul>
<li><a aria-label="Traitements" href=""><span>Liste des traitements (Inactif)</span></a></li>
<li><a aria-label="Configuration des traitements" href=""><span>Configuration des traitements</span></a></li>
</ul>
[...]
</ul>
Souhaité :
<ul>
[...]
<li>
<a aria-label="Traitements" href=""><span>Liste des traitements (Actif)</span></a>
<ul>
<li><a aria-label="Traitements" href=""><span>Liste des traitements (Inactif)</span></a></li>
<li><a aria-label="Configuration des traitements" href=""><span>Configuration des traitements</span></a></li>
</ul>
</li>
[...]
</ul>
De plus, certains éléments doivent être adaptés selon le contexte ou corrigés :
- "Centre de notifications" doit apparaitre que si le module est actif
- "Logiciels et supports" doit apparaitre que si le module est actif ou si l'utilisateur a le rôle (admin) permettant d'y accéder
- "Liste des modèles d'analyse" doit être placé avant les mesures de protection (comme dans l'ordre du menu)
- "Mesures de protection" doit être renommé en "Liste des mesures de protection"
- "Analyse d'impacts" est en double
- Ajouter quand l'utilisateur a accès "Gérer les référentiels" après les indices
- Renommer "Conformité de l'organisation" en "Conformité de la structure"
- Ajouter "Ma structure" en sous-élément des structures pour l'admin
- Ajouter "Mon compte" en sous-élément des utilisateurs pour l'admin. En gestionnaire, l'icône de mon compte est présente, la retirer