# Questions pour le compte rendu du rapport d'accessibilité

> **Analyse détaillée des éléments globaux et transversaux**
> **7 - Visibilité de la prise du focus clavier:**
> **10.7 - Majeur :** Pour chaque élément recevant le focus, la prise du focus clavier doit être
> visible. Ce n’est pas le cas pour des éléments interactifs du site (bouton, lien, élément de
> formulaire)

`Question : C’est des éléments du DS donc que doit-on faire ? De plus, l’icône mise en surbrillance dans l’image est juste décorative, ce n’est pas un bouton : ce sont les trois “sous-champs” de date qui reçoivent le focus et ils semblent bien fonctionner.`

> title des pages (page 21 du rapport)
> 8.6 - Majeur : Présence de contenu non pertinent dans la balise title

`Question : Sur la page de Résultats de recherche les combinaisons de filtres sont plutôt infinies. Si on personnalise le title avec "Résultat de la recherche de" et l'intégralité d'une recherche complexe, le title est potentiellement très long et pas très compréhensible. Que préconiser?`

> 12.1 - Majeur : Absence d’au moins deux systèmes de navigation (page 22)

Question : Peut-on expliquer ce point? Dans quelle mesure toutes les pages doivent-elle être listées au même endroit? Si une page est listée dans le menu utilisateur connecté mais pas dans la barre de navigation principale est-ce un problème?

Question 2 : Faut-il à la fois un plan du site et une barre de navigation principale avec toutes les pages du site y compris celles qui ne concernent que les utilisateurs connectés?

> 9.1 - Majeur : Présence d’un titre de hiérarchie simulé

Question : Ce code est issu d'un snippet du design système. Si on passe les paragraphes avec des classes de titres en hx ces éléments vont apparaîtres dans la hiérarchie des titres; est-ce pertinent. Est-ce que utiliser une classe qui simule visuellement un titre mais qui n'en porte pas le nom est valable? ex : fr-text--md au lieu de fr-h5? Est-ce que le problème est visuelle ou vient du nom de la class?

> 6.1 - Majeur : Présence de l’intitulé des liens peu explicite

`Question : Faut-il réélement supprimer l'attribut alt de la balisel'image et mettre un title dans la balise a? ça sera valable?`

> Liens icônes “Ouvrir une nouvelle fenêtre”
> 6.1 - Majeur : Présence de l’intitulé des liens peu explicite

`Remarque : Ce span sr-only n'existe pas dans les snippets du design system :) `

> 13.3 - Bloquant : Les fichiers bureautiques (ici PDF) doivent eux-mêmes être
accessibles, c'est-à-dire posséder toutes les propriétés permettant leur perception et
leur compréhension (structuration des contenus, alternative aux images, etc.) ou
alors posséder une version accessible, par exemple au format page HTML. Les
documents que nous avons examinés sur le site ne respectent pas tous ces critères.

`Question : ces fichiers ne sont pas hébergés chez nous et ce sont des contenus tiers sur lesquels nous n'avons aucune prise : ces PDFs ne devraient-ils pas être exemptés ? Peut-on également demander une telle exemption pour les PDF versés par nos utilisateurs ? De plus, comment contrôler l'accessibilité d'un document PDF ?`

> Page d'accueil, Section “Aides territoires aujourd’hui” (page 28)
> 9.1 - Majeur : Présence d’un titre de hiérarchie simulé

`Question : le paragraphe mis en valeur n'est pas un titre. Est-ce vraiment pertinent de le convertir en hx? Pourquoi n'y a t-il pas le même problème de texte simulé sur la page 20 (Statistiques) alors que le code est le suivant:
<div class="fr-card__body">
<h4 class="fr-card__title">Aides disponibles</h4>
<p class="fr-mb-0 fr-xs">Aides publiées et toujours ouvertes aux candidatures</p>
<p class="fr-card__desc fr-h1">{{ nb_live_aids|intcomma }}</p>
</div>
`

> Page 6 - Article de blog
> 1.3 - Majeur : Présence d’une alternative peu pertinente sur l’image porteuse
d’information

`Question : Cette image est a priori une image décorative. Qu'est ce qui serait selon vous un attribut alt pertinent dans le cas de cette image qui est littéralement une reprise du titre de la page ?`

> Page 8 - Cartographie d'un département (Cher) (page 44 du rapport)
> Mineur : Présence d’un role=”status” inapproprié

`Question : Il me semblait qu'il était justement pertinent de mettre un rôle status ici du fait que le rechargement ajuste la valeur du champ (le nombre de résultats présents)`

> Page 8 - Cartographie d'un département (Cher) (page 44 du rapport)
> 10.11 - Bloquant : Présence d’éléments tronqués sur le tableau

`Question : on n'arrive pa sà reproduire le problème de tronquage`

> 7.1 - Majeur : Présence d’un l’élément <th> qui ne devrait pas fonctionner comme un
élément bouton

`Question : Ces boutons de tableau sont générés par DataTables. Quelles modules/plugins accessibles conseillez-vous?`

> Champ select “Votre territoire” icône croix de suppression - Formulaire (page 50)

Question : cet autocomplete select vient d'un module select2. Pourquoi n'exempt-on pas ce contenu? Connaissez-vous un module alternatif plus accessible que select2

> 10.8 - Bloquant : Présence de contenus cachés n’ayant pas vocation à être ignorés par les aides techniques (page61)

`Question : ce bouton ne peut pas être passé en display:none car perdrait sa possibilité d'être utilisé par django. La class hidden est nécessaire. Que préconisez vous?`

> 27. Page 14 - Porteurs des aides > Liste ordonnée - Section “Pourquoi diffuser vos dispositifs sur Aides-territoires ?” (page 80)

`Normal d'avoir des balises p dans une balise ol ? l'outil de vérification du W3C dit "Element p not allowed as child of element ol in this context."`

> 10.1 - Majeur : Présence d’un attribut de présentation (frameborder, width et height) est interdit

`Question l'iframe n'est pas exempté?`

> ● 4.1 - Bloquant : Absence de transcription textuelle sur le média temporel
● 4.3 - Majeur : Absence de sous-titres synchronisés sur le média temporel

`Question: la vidéo youtube n'est pas exemptée?`

> 10.12 - Majeur : Du texte est tronqué avec un espacement de caractère plus important que celui par défaut

Question : nous n'arrivons pas à reproduire le problème

> 11.1 - Bloquant : Présence d’une étiquette label ayant un attribut for avec l’existence d’un id qui est identifié dans un élément textarea, cependant l’élément textarea à un attribut tabindex=-1" donc il ne peut pas être vocalisé par les technologies d'assistance (page 108)

Question : l'éditeur de texte Trumbowyg n'est pas exempté?

Bouton : ajouter un aria-hidden true et focus=False