Rgaa 3.0 2017 - Grille D'Évaluation: #Page Titre de La Page

RGAA 3.
0 2017 – GRILLE D'ÉVA

Échantillon évalué
Date : 6/12/2019
Auditeur : Maniez Audrey (Access42)
Contexte : Visite initiale
Site : Cité de sciences http://www.cite-sciences.fr/
Niveau évalué : AA
N° page Titre de la page

P01 Accueil
P02 Plan du site
P03 Mentions légales
P04 Nous contacter
Résultat de recherche sur

P05
"cité des enfants"
P06 Page accessibilité

P07 Tout l'agenda
Expos temporaires /
P08 microbiote / Page
approfondir
Expo permanentes /Cité
P09
des enfants
Cité de la santé/Une
P10 question en santé ?/Posez
votre question
Le corps - Cité des enfants
P11
5-12 ans
Ressources/Conférences en
ligne/Saison 2016-2017/Le
P12
cerveau entre raison et
émotion
Ma cité accessible /
déficients visuels/ expo
P13
permanente/ legrand récit
de l’univers
Au programme/Cité de la
santé/Ecouter, Voir,
P14
Jouer/Les vidéos santé en
LSF
Ressources/Autour du jeu
P15
vidéo
P16
P17
P18
P19
P20
RGAA 3.0 2017 – GRILLE D'ÉVALUATION
Échantillon évalué
cess42)
tp://www.cite-sciences.fr/
URL
http://www.cite-sciences.fr/fr/accueil/
http://www.cite-sciences.fr/fr/outils/plan-du-site/
http://www.cite-sciences.fr/fr/outils/mentions-legales/
http://www.cite-sciences.fr/fr/outils/nous-contacter/
http://www.cite-sciences.fr/fr/recherche/?tx_indexedsearch%5Bsword%5D=cite+des+enfants+
http://www.cite-sciences.fr/fr/outils/accessibilite-du-site-internet
http://www.cite-sciences.fr/fr/outils/tout-lagenda/
http://www.cite-sciences.fr/fr/au-programme/expos-temporaires/microbiote/approfondir/
http://www.cite-sciences.fr/fr/au-programme/expos-permanentes/la-cite-des-enfants/
http://www.cite-sciences.fr/fr/au-programme/lieux-ressources/cite-de-la-sante/questions-sante/posez-votre-question/
http://www.cite-sciences.fr/fr/au-programme/expos-permanentes/la-cite-des-enfants/cite-des-enfants-5-12-ans/le-corps
http://www.cite-sciences.fr/fr/ressources/conferences-en-ligne/saison-2016-2017/le-cerveau-entre-raison-et-emotion/
http://www.cite-sciences.fr/fr/ma-cite-accessible/deficients-visuels/expositions-permanentes/le-grand-recit-de-lunivers/
http://www.cite-sciences.fr/fr/au-programme/lieux-ressources/cite-de-la-sante/au-programme/la-sante-en-langue-des-si
http://www.cite-sciences.fr/fr/ressources/autour-du-jeu-video/galerie-photos/galerie-photos-de-jean-guesdon
Commentaire
nouvelle url : http://www.cite-sciences.fr/fr/au-programme/lieux-ressources/cite-de-la-sante/au-p
nouvelle url : http://www.cite-sciences.fr/fr/ressources/autour-du-jeu-video/masterclass/mastercl

rces/cite-de-la-sante/au-programme/la-sante-en-langue-des-signes/les-videos-sante-en-lsf/
deo/masterclass/masterclass-de-jean-guesdon/
Tableau de bord a
N
Conformité RGAA 3
Conformité RGAA 3 C
Conformité RGAA 3
C NC 1
100.00 6
A 84.21 15.79
90.00
.
9
AA (Légal) 83.10 16.90 80.00 0
AAA - - 70.00 %
60.00
Les résultats ci-dessus représentent le niveau
50.00
de conformité global tel qu'il doit être reporté
dans la déclaration de conformité. 40.00
Le niveau de référence est le niveau légal AA. 30.00
Pour qu'un site soit déclaré conforme au 20.00
RGAA, ce niveau doit être de 100%. 10.00 C NC C NC C NC C
83.10%
0.00
Les autres données sont indicatives. A AA AAA
(Légal)
Conformité pour chaque niveau

C NC
Conformité pour chaque Moyenne par page
niveau
A 84.21 15.79
AA 78.57 21.43 100.00
AAA - - 80.00 NC
5.20%
Résultats par niveau 60.00
C NC 40.00
A 48 9
AA 11 3 20.00 C
C NC C NC C NC 94.80%
AAA 0 0 0.00
Total 59 12 A AA AAA
Calcul de la co
La conformité globale (Tableau "Conformité RGAA 3") est calculée de la manière suivante : C /
conformes.
C'est ce nombre qui est la référence légale, il représente le taux de conformité de l'échantillo
Il est normal que le taux de conformité global diffère sensiblement du taux de conformité p
En effet, un critère NC (non conforme) sur une page rend le critère non conforme sur l'ensemble
Pour qu'un site soit conforme (100% des critères applicables sont conformes au niveau AA) il est
Un critère peut prendre 4 statuts différents :

- C : CONFORME. Le critère est conforme pour l'ensemble des éléments de la page
- NC : NON CONFORME. Au moins un des éléments de la page concernée par le critère n'est pas
- NA : NON APPLICABLE. Aucun élément dans la page ne concerne le critère.
- NT : NON TESTÉ. Le critère n'est pas testé.
Tableau de bord audit RGAA 3
N
Résultats par page C
C
Conformité RGAA 3
1 P01 Accueil 46
6
. P02 Plan du site 21
9
0 P03 Mentions légales 16
% P04 Nous contacter 19
P05 Résultat de recherche sur "cité des enfants" 28
P06 Page accessibilité 17
P07 Tout l'agenda 28
P08 Expos temporaires / microbiote / Page approfondir 31
C
83.10% P09 Expo permanentes /Cité des enfants 21
P10 Cité de la santé/Une question en santé ?/Posez votre question 31
P11 Le corps - Cité des enfants 5-12 ans 30
P12 Ressources/Conférences en ligne/Saison 2016-2017/Le cerveau entre r 27
P13 Ma cité accessible / déficients visuels/ expo permanente/ legrand récit d 19
Moyenne par page P14 Au programme/Cité de la santé/Ecouter, Voir, Jouer/Les vidéos santé e 28
P15 Ressources/Autour du jeu vidéo 14
P16 0
NC P17 0
5.20%
P18 0
P19 0
P20 0
Résultats : moyennes
C Moyenne
94.80%
Meilleure page
Plus mauvaise page
Calcul de la conformité
e la manière suivante : C / (C+NC) où C est le nombre de critères conformes et NC le nombre de critères n
onformité de l'échantillon.
du taux de conformité par page.

n conforme sur l'ensemble de l'échantillon.
ormes au niveau AA) il est donc nécessaire que le taux de conformité par page soit égale à 100 %.
ts de la page
née par le critère n'est pas conforme.
critère.
NC NA %C
1 53 97.87%
0 81 100.00% # # # # #= 100%
0 86 100.00%
0 83 100.00%
1 73 96.55%
1 84 94.44%
1 73 96.55%
6 65 83.78%
1 80 95.45%
2 69 93.94%
3 69 90.91%
3 72 90.00%
1 82 95.00%
4 70 87.50%
0 88 100.00%
0 0
0 0
0 0
0 0
0 0
Moyenne 94.80%
Meilleure page 100.00% # # # # #= 100%
us mauvaise page 83.78%
nombre de critères non
e à 100 %.
Synthèse
P
Thématique Critère Intitulé Nvx P01 P02 P03 P04 P05 P06 P07 P08 P09 P10 P11 P12 P13 P14 P15 1Global
6
Chaque image a-t-elle une alternative

IMAGES 1.1 A
textuelle ? N
C NA NA NA C NA C C C NA C C C NA C T C
Pour chaque image de décoration ayant
IMAGES 1.2 une alternative textuelle, cette alternative A N
est-elle vide ? NA NA NA NA c NA C NA C NA NA C C NA NA T C
Pour chaque image porteuse d'information
ayant une alternative textuelle, cette
IMAGES 1.3 A
alternative est-elle pertinente (hors cas N
particuliers) ? C NA NA NA NA NA NA C C NA NA NA NA NA NA T C
Pour chaque image utilisée comme
CAPTCHA ou comme image-test, ayant une
IMAGES 1.4 alternative textuelle, cette alternative A
permet-elle d'identifier la nature et la N
fonction de l'image ? NA NA NA NA NA NA NA NA NA NA NA NA NA NA NA T NA
Pour chaque image utilisée comme
CAPTCHA, une solution d'accès alternatif
IMAGES 1.5 A
au contenu ou à la fonction du CAPTCHA N
est-elle présente ? NA NA NA NA NA NA NA NA NA NA NA NA NA NA NA T NA
Chaque image porteuse d'information a-t-

IMAGES 1.6 elle, si nécessaire, une description A
détaillée ? N
NA NA NA NA NA NA NA NA NA NA NA NA NA NA NA T NA
Pour chaque image porteuse d'information

IMAGES 1.7 ayant une description détaillée, cette A
description est-elle pertinente ? N
Chaque image texte porteuse
d'information, en l'absence d'un
mécanisme de remplacement, doit si
IMAGES 1.8 AA
possible être remplacée par du texte stylé.
Cette règle est-elle respectée (hors cas N
particuliers) ? NC NA NA NA NA NA NA NA NA NA NA NA NA NA NA T NC
Chaque légende d'image est-elle, si

IMAGES 1.10 nécessaire, correctement reliée à l'image A
correspondante ? N
NA NA NA NA NA NA NA c NA NA c NA NA NA NA T C
Chaque cadre en ligne a-t-il un titre de

CADRES 2.1 A
cadre ? N
C NA NA NA NA NA NA c NA C NA c NA C NA T C
Pour chaque cadre en ligne ayant un titre

CADRES 2.2 de cadre, ce titre de cadre est-il A
pertinent ? N
C NA NA NA NA NA NA NA NA C NA NA NA NA NA T C
Dans chaque page Web, l'information ne

COULEURS 3.1 doit pas être donnée uniquement par la A
couleur. Cette règle est-elle respectée ? N
NA NA NA NA c NA NA C NA C C C NA C NA T C
doit pas être donnée uniquement par la
COULEURS 3.2 A
couleur. Cette règle est-elle implémentée N
de façon pertinente ? NA NA NA NA NA NA NA C NA C C C NA C NA T C
Dans chaque page Web, le contraste entre
la couleur du texte et la couleur de son
COULEURS 3.3 AA
arrière-plan est-il suffisamment élevé N
(hors cas particuliers) ? C C C C C C c C C C C NA NA NA NA T C
Chaque média temporel pré-enregistré a-t-
il, si nécessaire, une transcription textuelle
MULTIMÉDIA 4.1 A
ou une audio-description (hors cas N
particuliers) ? NA NA NA NA NA NA NA NC NA NA NC C NA NC NA T NC
Pour chaque média temporel pré-
enregistré ayant une transcription textuelle
MULTIMÉDIA 4.2 ou une audio-description synchronisée, A
celles-ci sont-elles pertinentes (hors cas N
particuliers) ? NA NA NA NA NA NA NA NA NA NA NA c NA NC NA T NC
Chaque média temporel synchronisé pré-

MULTIMÉDIA 4.3 enregistré a-t-il, si nécessaire, des sous- A
titres synchronisés (hors cas particuliers) ? N
NA NA NA NA NA NA NA C NA NA NA NC NA NC NA T NC
Pour chaque média temporel synchronisé
pré-enregistré ayant des sous-titres
MULTIMÉDIA 4.4 A
synchronisés, ces sous-titres sont-ils N
pertinents ? NA NA NA NA NA NA NA NC NA NA NA NA NA NA NA T NC
Chaque média temporel en direct a-t-il, si
nécessaire, des sous-titres synchronisés ou
MULTIMÉDIA 4.5 AA
une transcription textuelle (hors cas N
particuliers) ? NA NA NA NA NA NA NA NA NA NA NA NA NA NA NA T NA
Pour chaque média temporel en direct
ayant des sous-titres synchronisés ou une
MULTIMÉDIA 4.6 AA
transcription textuelle, ceux-ci sont-ils N
pertinents ? NA NA NA NA NA NA NA NA NA NA NA NA NA NA NA T NA
Chaque média temporel pré-enregistré a-t-

MULTIMÉDIA 4.7 il, si nécessaire, une audio-description AA
synchronisée (hors cas particuliers) ? N
NA NA NA NA NA NA NA NC NA NA NA NA NA NA NA T NC
Pour chaque média temporel pré-

MULTIMÉDIA 4.8 enregistré ayant une audio-description AA
synchronisée, celle-ci est-elle pertinente ? N
Chaque média temporel est-il clairement

MULTIMÉDIA 4.15 A
identifiable (hors cas particuliers) ? N
NA NA NA NA NA NA NA C NA NA C C NA C NA T C
Chaque média non temporel a-t-il, si

MULTIMÉDIA 4.16 nécessaire, une alternative (hors cas A
particuliers) ? N
Pour chaque média non temporel ayant

MULTIMÉDIA 4.17 une alternative, cette alternative est-elle A
pertinente ? N
Chaque son déclenché automatiquement

MULTIMÉDIA 4.18 A
est-il contrôlable par l'utilisateur ? N
La consultation de chaque média temporel

MULTIMÉDIA 4.20 est-elle, si nécessaire, contrôlable par le A
clavier et la souris ? N
NA NA NA NA NA NA NA C NA NA C C NA C NA T C
La consultation de chaque média non

MULTIMÉDIA 4.21 temporel est-elle contrôlable par le clavier A
et la souris ? N
Chaque média temporel et non temporel

MULTIMÉDIA 4.22 est-il compatible avec les technologies A
d'assistance (hors cas particuliers) ? N
NA NA NA NA NA NA NA C NA NA C c NA C NA T C
Chaque tableau de données complexe a-t-

TABLEAUX 5.1 A
il un résumé ? N
Pour chaque tableau de données complexe
TABLEAUX 5.2 A
ayant un résumé, celui-ci est-il pertinent ? N
Pour chaque tableau de mise en forme, le

TABLEAUX 5.3 contenu linéarisé reste-t-il compréhensible A
(hors cas particuliers) ? N
TABLEAUX 5.4 Chaque tableau de données a-t-il un titre ? A

N
NA NA NA NA NA NA C NA NA NA NA NA NA NA NA T C
Pour chaque tableau de données ayant un

TABLEAUX 5.5 A
titre, celui-ci est-il pertinent ? N
Pour chaque tableau de données, chaque

TABLEAUX 5.6 en-tête de colonnes et chaque en-tête de A
lignes sont-ils correctement déclarés ? N
Pour chaque tableau de données, la
technique appropriée permettant
TABLEAUX 5.7 A
d'associer chaque cellule avec ses en-têtes N
est-elle utilisée ? NA NA NA NA NA NA NA NA NA NA NA NA NA NA NA T NA
Chaque tableau de mise en forme ne doit
pas utiliser d'éléments propres aux
TABLEAUX 5.8 A
tableaux de données. Cette règle est-elle N
respectée ? NA NA NA NA c NA NA NA NA NA NA NA NA NA NA T C
Chaque lien est-il explicite (hors cas

LIENS 6.1 A
particuliers) ? N
C C NA C C C C C C C C C NA C NA T C
Pour chaque lien ayant un titre de lien,

LIENS 6.2 A
celui-ci est-il pertinent ? N
C NA NA C NA C NA C C C c NA NA c NA T C
Pour chaque page web, chaque lien

LIENS 6.4 identique a-t-il les mêmes fonction et A
destination ? N
C C NA NA Na NA NA NA NA NA NA NA NA NA NA T C
Dans chaque page Web, chaque lien, à

LIENS 6.5 A
l'exception des ancres, a-t-il un intitulé ? N
C C NA C C NA C C C C C C NA C NA T C
Chaque script est-il, si nécessaire,

SCRIPT 7.1 compatible avec les technologies A
d'assistance ? N
C NA NA NA c NA C c NA NA C c NA NA c T C
Pour chaque script ayant une alternative,

SCRIPT 7.2 A
cette alternative est-elle pertinente ? N
Chaque script est-il contrôlable par le

SCRIPT 7.3 A
clavier et la souris (hors cas particuliers) ? N
C NA NA NA NA NA C C NA NA C C NA NA C T C
Pour chaque script qui initie un

SCRIPT 7.4 changement de contexte, l'utilisateur est-il A
averti ou en a-t-il le contrôle ? N
ÉLÉMENTS Chaque page Web est-elle définie par un

8.1 A
OBLIGATOIRES type de document ? N
C C C C C C C C C C C C C C C T C
Pour chaque page Web, le code source est-
ÉLÉMENTS
8.2 il valide selon le type de document spécifié A
OBLIGATOIRES N
(hors cas particuliers) ?
C C C C C C C NC C C C C C C C T NC
ÉLÉMENTS Dans chaque page Web, la langue par

8.3 A
OBLIGATOIRES défaut est-elle présente ? N
Pour chaque page Web ayant une langue

ÉLÉMENTS
8.4 par défaut, le code de langue est-il A
OBLIGATOIRES N
pertinent ?
ÉLÉMENTS Chaque page Web a-t-elle un titre de

8.5 A
OBLIGATOIRES page ? N
ÉLÉMENTS Pour chaque page Web ayant un titre de

8.6 A
OBLIGATOIRES page, ce titre est-il pertinent ? N
Dans chaque page Web, chaque

ÉLÉMENTS
8.7 changement de langue est-il indiqué dans AA
OBLIGATOIRES N
le code source (hors cas particuliers) ?
c c NA NA NA NA NA C NA NA NA NA NA NA NA T C
ÉLÉMENTS Dans chaque page Web, chaque

8.8 AA
OBLIGATOIRES changement de langue est-il pertinent ? N
C NA NA NA NA NA NA NA NA NA NA NA NA NA NA T C
Dans chaque page Web, les balises ne
ÉLÉMENTS doivent pas être utilisées uniquement à
8.9 A
OBLIGATOIRES des fins de présentation. Cette règle est- N
elle respectée ? C C c C C C C c C C C C C c C T C
ÉLÉMENTS Dans chaque page Web, les changements

8.10 A
OBLIGATOIRES du sens de lecture sont-ils signalés ? N
Dans chaque page Web, l'information est-

STRUCTURATION 9.1 elle structurée par l'utilisation appropriée A
de titres ?
N
C C C C C C C NC C C NC NC NC C C T NC
Dans chaque page Web, la structure du

STRUCTURATION 9.2 A
document est-elle cohérente ? N
C C NA NA C NA C C NA NA NA NA NA NA NA T C
Dans chaque page Web, chaque liste est-

STRUCTURATION 9.3 A
elle correctement structurée ? N
C C C C C C C C C NA C NA C c C T C
Dans chaque page Web, chaque citation

STRUCTURATION 9.6 A
est-elle correctement indiquée ? N
NA NA NA NA NA NA NA NA NA NA NA NA C NA NA T C
Dans le site Web, des feuilles de styles

PRÉSENTATION 10.1 sont-elles utilisées pour contrôler la A
présentation de l'information ? N
### C C C C C C C C C C C C c NA T C
Dans chaque page Web, le contenu visible
PRÉSENTATION 10.2 reste-t-il présent lorsque les feuilles de A
styles sont désactivées ? N
C C C C C C C C C C C C C C NA T C
Dans chaque page Web, l'information

PRÉSENTATION 10.3 reste-t-elle compréhensible lorsque les A
feuilles de styles sont désactivées ? N
C C C C C C C C C C C C C C NA T C
Dans chaque page Web, le texte reste-t-il

PRÉSENTATION 10.4 lisible lorsque la taille des caractères est AA
augmentée jusqu'à 200%, au moins ?
N
c C C C NC NC NC NC NC NC C C C C NA T NC
Dans chaque page Web, les déclarations

PRÉSENTATION 10.5 CSS de couleurs de fond d'élément et de AA
police sont-elles correctement utilisées? N
Dans chaque page Web, chaque lien dont

PRÉSENTATION 10.6 la nature n'est pas évidente est-il visible A
par rapport au texte environnant ? N
NA NA NA NA NA NA C C NA NA NA NA NA NA NA T C
Dans chaque page Web, pour chaque

PRÉSENTATION 10.7 élément recevant le focus, la prise de A
focus est-elle visible ? N
c NA NA NA NA NA C NA NA NA NA NA NA NA NA T C
Pour chaque page Web, les textes cachés
sont-ils correctement affichés pour être
PRÉSENTATION 10.13 A
restitués par les technologies N
d'assistance ? C NA NA NA NA NA C NA NA NA NA NA NA NA NA T C
doit pas être donnée uniquement par la
forme, taille ou position. Cette règle est- N
elle respectée ? NA NA NA NA NA NA NA NA NA C C NA C C NA T C
doit pas être donnée par la forme, taille ou
position uniquement. Cette règle est-elle N
implémentée de façon pertinente ? NA NA NA NA NA NA NA NA NA C C NA C C NA T C
Chaque champ de formulaire a-t-il une

FORMULAIRES 11.1 A
étiquette ? N
C NA NA NA C NA NA NA NA C NA NA NA NA NA T C
Chaque étiquette associée à un champ de

FORMULAIRES 11.2 A
formulaire est-elle pertinente ? N
Dans chaque formulaire, chaque étiquette
associée à un champ de formulaire ayant
FORMULAIRES 11.3 la même fonction et répétée plusieurs fois AA
dans une même page ou dans un
N
ensemble de pages est-elle cohérente ?

FORMULAIRES 11.4 de champ et son champ associé sont-ils A
accolés ? N
Dans chaque formulaire, les informations
FORMULAIRES 11.5 de même nature sont-elles regroupées, si A
nécessaire ? N
NA NA NA NA NA NA NA NA NA C NA NA NA NA NA T C
Dans chaque formulaire, chaque

FORMULAIRES 11.6 regroupement de champs de formulaire a- A
t-il une légende ? N
Dans chaque formulaire, chaque légende

FORMULAIRES 11.7 associée à un groupement de champs de A
formulaire est-elle pertinente ? N
Dans chaque formulaire, chaque liste de

FORMULAIRES 11.8 choix est-elle structurée de manière A
pertinente ? N
Dans chaque formulaire, l'intitulé de

FORMULAIRES 11.9 A
chaque bouton est-il pertinent ? N
Dans chaque formulaire, le contrôle de

FORMULAIRES 11.10 A
saisie est-il utilisé de manière pertinente ? N
Dans chaque formulaire, le contrôle de
saisie est-il accompagné, si nécessaire, de
FORMULAIRES 11.11 AA
suggestions facilitant la correction des N
erreurs de saisie ? C NA NA NA NA NA NA NA NA C NA NA NA NA NA T C
Pour chaque formulaire, les données à
caractère financier, juridique ou personnel
peuvent-elles être modifiées, mises à jour N
ou récupérées par l'utilisateur ? C NA NA NA NA NA NA NA NA C NA NA NA NA NA T C
Chaque ensemble de pages dispose-t-il de

NAVIGATION 12.1 deux systèmes de navigation différents, au AA
moins (hors cas particuliers) ? N
Dans chaque ensemble de pages, le menu
ou les barres de navigation sont-ils
NAVIGATION 12.2 AA
toujours à la même place (hors cas N
particuliers) ? C NA NA NA NA NA NA NA NA NA NA NA NA NA NA T C
Dans chaque ensemble de pages, le menu
et les barres de navigation ont-ils une
NAVIGATION 12.3 AA
présentation cohérente (hors cas N
particuliers) ? C NA NA NA NA NA NA NA NA NA NA NA NA NA NA T C
NAVIGATION 12.4 La page "plan du site" est-elle pertinente ? AA

N
na c NA NA NA NA NA NA NA NA NA NA NA NA NA T c
Dans chaque ensemble de pages, la page

NAVIGATION 12.5 "plan du site" est-elle atteignable de AA
manière identique ? N
Dans chaque ensemble de pages, le

NAVIGATION 12.6 moteur de recherche est-il atteignable de AA
manière identique ? N
Dans chaque page d'une collection de

NAVIGATION 12.7 pages, des liens facilitant la navigation AA
sont-ils présents ? N
Dans chaque page Web, les groupes de
liens importants (menu, barre de
NAVIGATION 12.10 A
navigation...) et la zone de contenu sont- N
ils identifiés hors cas particuliers ? C NA NA NA c NA NA NA NA NA NA NA NA NA NA T C
Dans chaque page Web, des liens
d'évitement ou d'accès rapide aux groupes
NAVIGATION 12.11 A
de liens importants et à la zone de contenu
sont-ils présents hors cas particuliers ? N
C NA NA NA c NA NA NA NA NA NA NA NA NA NA T C
Dans chaque page Web, l'ordre de

NAVIGATION 12.13 A
tabulation est-il cohérent ? N
C C C C C C C C C NC C C C C C T NC
Dans chaque page Web, la navigation ne

NAVIGATION 12.14 doit pas contenir de piège au clavier. Cette A
règle est-elle respectée ? N
Pour chaque page Web, l'utilisateur a-t-il le
contrôle de chaque limite de temps
CONSULTATION 13.1 A
modifiant le contenu (hors cas particuliers) N
? NA NA NA NA NA NA NA NA NA NA NA NA NA NA NA T NA

CONSULTATION 13.2 ouverture de nouvelle fenêtre, l'utilisateur A
est-il averti ?
N
C NA NA NA NA NA NA NA NA C NA NC NA C NA T NC
Dans chaque page Web, l'ouverture d'une
nouvelle fenêtre ne doit pas être
CONSULTATION 13.3 A
déclenchée sans action de l'utilisateur. N
Cette règle est-elle respectée ? NA NA NA NA NA NA NA NA NA NA NA NA NA NA NA T NA
fichier en téléchargement, des
CONSULTATION 13.6 informations relatives à sa consultation A
sont-elles présentes (hors cas N
particuliers) ? NA NA NA NA NA NA NA NA NA NA C NA NA C NA T C
Dans chaque page Web, chaque document

CONSULTATION 13.7 bureautique en téléchargement possède-t- A
il, si nécessaire, une version accessible? N
NA NA NA NA NA NA NA NA NA NA NC NA NA NC NA T NC
Pour chaque document bureautique ayant

CONSULTATION 13.8 une version accessible, cette version offre- A
t-elle la même information ? N
Dans chaque page Web, chaque contenu

CONSULTATION 13.11 cryptique (art ascii, émoticon, syntaxe A
cryptique) a-t-il une alternative ? N
contenu cryptique (art ascii, émoticon,
CONSULTATION 13.12 A
syntaxe cryptique) ayant une alternative, N
cette alternative est-elle pertinente ? NA NA NA NA NA NA NA NA NA NA NA NA NA NA NA T NA
Dans chaque page Web, les changements

CONSULTATION 13.15 brusques de luminosité ou les effets de A
flash sont-ils correctement utilisés ? N

CONSULTATION 13.17 en mouvement ou clignotant est-il A
contrôlable par l'utilisateur ? N
Page Accueil
Url http://www.cite-sciences.fr/fr/accueil/
Thématique
Dérogation
Niveau
Critère
Statut
WCAG
Recommandation
Chaque image texte porteuse d'information, en

l'absence d'un mécanisme de remplacement,
IMAGES 1.8 AA doit si possible être remplacée par du texte NC
stylé. Cette règle est-elle respectée (hors cas
particuliers) ?
Dans chaque page Web, le contraste entre la

couleur du texte et la couleur de son arrière-plan
COULEURS 3.3 AA
est-il suffisamment élevé (hors cas
C
particuliers) ?
Chaque script est-il, si nécessaire, compatible

SCRIPT 7.1 A
avec les technologies d'assistance ?
C
Dans chaque page Web, chaque changement de

ÉLÉMENTS
OBLIGATOIRES
8.7 AA langue est-il indiqué dans le code source (hors c
cas particuliers) ?
Dans chaque page Web, les balises ne doivent
ÉLÉMENTS
OBLIGATOIRES
8.9 A pas être utilisées uniquement à des fins de C
présentation. Cette règle est-elle respectée ?
Dans chaque page Web, l'information est-elle

STRUCTURATION 9.1 A
structurée par l'utilisation appropriée de titres ?
C

STRUCTURATION 9.2 A
document est-elle cohérente ?
C
Dans chaque page Web, chaque liste est-elle

STRUCTURATION 9.3 A
correctement structurée ?
C
Dans le site Web, des feuilles de styles sont-elles

PRÉSENTATION 10.1 A utilisées pour contrôler la présentation de c
l'information ?
Dans chaque page Web, le texte reste-t-il lisible
PRÉSENTATION 10.4 AA lorsque la taille des caractères est augmentée NC
jusqu'à 200%, au moins ?
Dans chaque page Web, pour chaque élément

PRÉSENTATION 10.7 A recevant le focus, la prise de focus est-elle c
visible ?
Dans chaque formulaire, l'intitulé de chaque

FORMULAIRES 11.9 A
bouton est-il pertinent ?
C
Dans chaque formulaire, le contrôle de saisie

FORMULAIRES 11.10 A
est-il utilisé de manière pertinente ?
C

FORMULAIRES 11.11 AA est-il accompagné, si nécessaire, de suggestions C
facilitant la correction des erreurs de saisie ?
ueil/
Modifications à apporter Commentaires en cas de dérogations
- L'image "Sciences et découverte en accès illimité pendant 1 an…" est reproductible

en texte stylé
- On trouve des contrastes insuffisants. Par exemple le rose (#F75C9A) avec le blanc
donne un ratio de 3.02 , ce qui est insuffisant pour les textes en taille normale. Le
orange (#E57713) avec le blanc également a un ratio insuffisant pour les textes en
taille normale (3.01). Ainsi que le vert (#7EA100) ou le second vert (#26A698).
- Remplacer les liens <a href="javascript:void(0);"> par des éléments button. On en

rencontre de nombreux dans la page, notamment pour gérer le menu (les sous-
menu, fermer le menu etc..)
- Pour les éléments du menu qui gère l'affichage d'un sous-menu, en plus d'employer
un élément button, ajouter la propriété aria-expanded dont la valeur est à false
lorsque le sous-menu est masqué et à true lorsque le sous-menu est affiché (et
supprimer les titles "... menu avec sous-pages") :
<button aria-expanded="true">Ressources en ligne</button>
- Ajouter un changement de langue sur le lien "english version" :<a

href="en/home/" title="EN : English version" lang="en">EN</a>
- Implémenter le message des cookies "En poursuivant votre navigation vous
acceptez l'utilisation de cookies pour..." dans un p
- Implémenter les texte en majuscule dans les vignettes (par ex. <span
class="titre">ROBOTS</span>) dans des titres h2.
De plus, il faudra veiller à positionne ce h2 dans le code source avant le tag
("exposition permanente" par exemple). Vous pourrez ensuite le repositionner
visuellement au dessus du titre (notamment grâce aux propriétés flexbox).
- Remplacer la balise nav avec le role navigation du #topMenu par une div :
<div id="topMenu" class="menu-top">
- Utiliser une liste ul.li (ou ARIA) pour structurer le contenu principal de la
page d'accueil
- Utiliser une liste ul.li pour structurer les liens des réseaux sociaux dans le
pied de page (possibilité d'utiliser ARIA role="list" et role="listitem" pour limiter les
régressions CSS).
- Supprimer les propriétés width et allowtransparency de l'iframe de la

newsletter
- Remplacer toutes les tailles de polices fixe par des tailles relatives (em par
exemple). On trouve des tailles de police définies en px, par exemple font-size:18px
sur la balise body.
- A l'agrandissement des caractères de nombreux textes débordent de leur
container et ne sont plus lisibles.
- Supprimer les déclarations CSS visant à supprimer l'outline natif du navigateur

(outline:0/none), par exemple
.menu-desktop a:focus {
/*box*/
outline : 0;
/*border */
/*background*/
/*fonts*/
/* autres */
}
- Ajouter un title sur le bouton "valider" sur le modèle : m'inscrire à la newsletter
- Spécifier le format attendu par le champ de saisie, dans le label du champ ;

"Entrez votre email pour vous inscrire à la lettre d'information (nom@domain.fr")"
- Repositionner le focus de l'utilisateur sur le champ lorsque l'utilisateur commet une
erreur
- Spécifier un exemple réel de saisie dans le message d'erreur "Adresse

invalide. Exemple: audrey@cite-sciences.fr".
Suivi des correctifs
ce bloc est charté par la

Communication
Page Plan du site
Url http://www.cite-sciences.fr/fr/outils/plan-du-site/
Thématique
Dérogation
Niveau
Critère
Statut
WCAG
Recommandation

ÉLÉMENTS
OBLIGATOIRES
8.7 AA langue est-il indiqué dans le code source (hors c
cas particuliers) ?

STRUCTURATION 9.2 A
C

STRUCTURATION 9.3 A
C
NAVIGATION 12.4 AA La page "plan du site" est-elle pertinente ? c
Dans chaque page Web, pour chaque ouverture

CONSULTATION 13.2 A
de nouvelle fenêtre, l'utilisateur est-il averti ?
NA
ils/plan-du-site/
Modifications à apporter
- Ajouter un changement de langue sur chacun des liens de la section "All

languages" (celui-ci compris). Le code de langue de chacun des liens doit
correspondre à la langue du lien
- Ajouter une balise nav avec le role navigation sur le fil d'Ariane :
<nav role="navigation" aria-label="position dans le site"><ul
id="breadcrumbTop" class="breadcrumb"><li><a
href="fr/accueil/">Accueil</a></li><li class="isCurrent">Plan du
site</li></ul></nav>
- Structurer avec une liste ul/li (ou ARIA list/listitem) les 3 liens du bloc de
droite (arteum eboutique/accès illimité/my cité)
- Il y a un lien mort dans le plan du site. Le lien "Presse" http://www.cite-

sciences.fr/fr/cite-jeu-videofr/presse/ mène vers un 404
- Ajouter un title sur les liens "billetterie" et "presse" : "Billetterie (nouvelle

fenêtre)
Commentaires en cas de dérogations Suivi des correctifs
Page Mentions légales
Url http://www.cite-sciences.fr/fr/outils/mentions-legales/
Thématique
Dérogation
Niveau
Critère
WCAG
statut
Recommandation
IMAGES 1.1 A Chaque image a-t-elle une alternative textuelle ? NA

COULEURS 3.3 AA
C
particuliers) ?

COULEURS 3.4 AAA couleur du texte et la couleur de son arrière-plan NT
est-il amélioré (hors cas particuliers) ?
Chaque média temporel pré-enregistré a-t-il, si

MULTIMÉDIA 4.1 A nécessaire, une transcription textuelle ou une NA
audio-description (hors cas particuliers) ?
Pour chaque média temporel pré-enregistré

ayant une transcription textuelle ou une audio-
MULTIMÉDIA 4.2 A
description synchronisée, celles-ci sont-elles
NA
pertinentes (hors cas particuliers) ?

MULTIMÉDIA 4.3 A enregistré a-t-il, si nécessaire, des sous-titres NA
synchronisés (hors cas particuliers) ?
Pour chaque média temporel synchronisé pré-

MULTIMÉDIA 4.4 A enregistré ayant des sous-titres synchronisés, NA
ces sous-titres sont-ils pertinents ?

MULTIMÉDIA 4.5 AA nécessaire, des sous-titres synchronisés ou une NA
transcription textuelle (hors cas particuliers) ?
Pour chaque média temporel en direct ayant des

MULTIMÉDIA 4.6 AA sous-titres synchronisés ou une transcription NA
textuelle, ceux-ci sont-ils pertinents ?

MULTIMÉDIA 4.7 AA nécessaire, une audio-description synchronisée NA

MULTIMÉDIA 4.8 AA ayant une audio-description synchronisée, celle- NA
ci est-elle pertinente ?
MULTIMÉDIA 4.9 AAA nécessaire, une interprétation en langue des NT
signes (hors cas particuliers) ?

MULTIMÉDIA 4.10 AAA ayant une interprétation en langue des signes, NT
celle-ci est-elle pertinente ?

MULTIMÉDIA 4.11 AAA nécessaire, une audio-description étendue NT
synchronisée (hors cas particuliers) ?

MULTIMÉDIA 4.12 AAA ayant une audio-description étendue NT
synchronisée, celle-ci est-elle pertinente ?
Chaque média temporel synchronisé ou

MULTIMÉDIA 4.13 AAA seulement vidéo a-t-il, si nécessaire, une NT
Pour chaque média temporel synchronisé ou

MULTIMÉDIA 4.14 AAA seulement vidéo, ayant une transcription NT
textuelle, celle-ci est-elle pertinente ?

MULTIMÉDIA 4.15 A
identifiable (hors cas particuliers) ?
NA
Chaque média non temporel a-t-il, si nécessaire,

MULTIMÉDIA 4.16 A
une alternative (hors cas particuliers) ?
NA
Pour chaque média non temporel ayant une

MULTIMÉDIA 4.17 A
alternative, cette alternative est-elle pertinente ?
NA
Chaque son déclenché automatiquement est-il

MULTIMÉDIA 4.18 A
contrôlable par l'utilisateur ?
NA
Pour chaque média temporel seulement audio

MULTIMÉDIA 4.19 AAA pré-enregistré, les dialogues sont-ils NT
suffisamment audibles (hors cas particuliers) ?
La consultation de chaque média temporel est-

MULTIMÉDIA 4.20 A elle, si nécessaire, contrôlable par le clavier et la NA
souris ?
La consultation de chaque média non temporel
MULTIMÉDIA 4.21 A
est-elle contrôlable par le clavier et la souris ?
NA
Chaque média temporel et non temporel est-il

MULTIMÉDIA 4.22 A compatible avec les technologies d'assistance NA
Chaque tableau de données complexe a-t-il un

TABLEAUX 5.1 A
résumé ?
NA
Pour chaque tableau de données complexe ayant

TABLEAUX 5.2 A
un résumé, celui-ci est-il pertinent ?
NA

TABLEAUX 5.3 A contenu linéarisé reste-t-il compréhensible NA
TABLEAUX 5.4 A Chaque tableau de données a-t-il un titre ? NA
Pour chaque tableau de données ayant un titre,

TABLEAUX 5.5 A
celui-ci est-il pertinent ?
NA
Pour chaque tableau de données, chaque en-tête

TABLEAUX 5.6 A de colonnes et chaque en-tête de lignes sont-ils NA
correctement déclarés ?
Pour chaque tableau de données, la technique

TABLEAUX 5.7 A appropriée permettant d'associer chaque cellule NA
avec ses en-têtes est-elle utilisée ?
Chaque tableau de mise en forme ne doit pas

TABLEAUX 5.8 A utiliser d'éléments propres aux tableaux de NA
données. Cette règle est-elle respectée ?
Chaque lien est-il explicite (hors cas particuliers)

LIENS 6.1 A
?
NA
Pour chaque lien ayant un titre de lien, celui-ci

LIENS 6.2 A
est-il pertinent ?
NA
Chaque intitulé de lien seul est-il explicite hors
LIENS 6.3 AAA
contexte (hors cas particuliers) ?
NT
Pour chaque page web, chaque lien identique a-

LIENS 6.4 A
t-il les mêmes fonction et destination ?
NA

LIENS 6.5 A
l'exception des ancres, a-t-il un intitulé ?
NA

SCRIPT 7.1 A
NA
Pour chaque script ayant une alternative, cette

SCRIPT 7.2 A
alternative est-elle pertinente ?
NA
Chaque script est-il contrôlable par le clavier et

SCRIPT 7.3 A
la souris (hors cas particuliers) ?
NA
Pour chaque script qui initie un changement de

SCRIPT 7.4 A contexte, l'utilisateur est-il averti ou en a-t-il le NA
contrôle ?
Chaque script qui provoque une alerte non

SCRIPT 7.5 AAA sollicitée est-il contrôlable par l'utilisateur (hors NT
cas particuliers) ?
ÉLÉMENTS Chaque page Web est-elle définie par un type de

OBLIGATOIRES
8.1 A
document ?
C
Pour chaque page Web, le code source est-il

ÉLÉMENTS
OBLIGATOIRES
8.2 A valide selon le type de document spécifié (hors C
cas particuliers) ?
ÉLÉMENTS Dans chaque page Web, la langue par défaut

OBLIGATOIRES
8.3 A
est-elle présente ?
C
ÉLÉMENTS Pour chaque page Web ayant une langue par

OBLIGATOIRES
8.4 A
défaut, le code de langue est-il pertinent ?
C
ÉLÉMENTS
OBLIGATOIRES
8.5 A Chaque page Web a-t-elle un titre de page ? C
ÉLÉMENTS Pour chaque page Web ayant un titre de page,

OBLIGATOIRES
8.6 A
ce titre est-il pertinent ?
C

ÉLÉMENTS
OBLIGATOIRES
8.7 AA langue est-il indiqué dans le code source (hors NA
cas particuliers) ?
ÉLÉMENTS Dans chaque page Web, chaque changement de

OBLIGATOIRES
8.8 AA
langue est-il pertinent ?
NA

ÉLÉMENTS
OBLIGATOIRES
8.9 A pas être utilisées uniquement à des fins de c
ÉLÉMENTS Dans chaque page Web, les changements du

OBLIGATOIRES
8.10 A
sens de lecture sont-ils signalés ?
NA

STRUCTURATION 9.1 A
C

STRUCTURATION 9.2 A
NA

STRUCTURATION 9.3 A
C
Dans chaque page Web, la première occurrence

STRUCTURATION 9.4 AAA de chaque abréviation permet-elle d'en connaître NT
la signification ?
Dans chaque page Web, la signification de

STRUCTURATION 9.5 AAA
chaque abréviation est-elle pertinente ?
NT
Dans chaque page Web, chaque citation est-elle
STRUCTURATION 9.6 A
correctement indiquée ?
NA

PRÉSENTATION 10.1 A utilisées pour contrôler la présentation de C
l'information ?
Dans chaque page Web, le contenu visible reste-

PRÉSENTATION 10.2 A t-il présent lorsque les feuilles de styles sont C
désactivées ?
Dans chaque page Web, l'information reste-t-elle

PRÉSENTATION 10.3 A compréhensible lorsque les feuilles de styles C
sont désactivées ?

PRÉSENTATION 10.4 AA lorsque la taille des caractères est augmentée C
Dans chaque page Web, les déclarations CSS de

PRÉSENTATION 10.5 AA couleurs de fond d'élément et de police sont- NA
elles correctement utilisées?
Dans chaque page Web, chaque lien dont la

PRÉSENTATION 10.6 A nature n'est pas évidente est-il visible par NA
rapport au texte environnant ?

PRÉSENTATION 10.7 A recevant le focus, la prise de focus est-elle NA
visible ?
Dans chaque page Web, le choix de la couleur de

PRÉSENTATION 10.8 AAA fond et de police du texte est-il contrôlable par NT
l'utilisateur ?
Pour chaque page Web, le texte ne doit pas être

PRÉSENTATION 10.9 AAA
justifié. Cette règle est-elle respectée ?
NT
Pour chaque page Web, en affichage plein écran

et avec une taille de police à 200%, chaque bloc
de texte reste-t-il lisible sans l'utilisation de la
NT
barre de défilement horizontal ?
Pour chaque page Web, les blocs de texte ont-ils

PRÉSENTATION 10.11 AAA une largeur inférieure ou égale à 80 caractères NT
Pour chaque page Web, l'espace entre les lignes
et les paragraphes est-il suffisant ?
NT
Pour chaque page Web, les textes cachés sont-

PRÉSENTATION 10.13 A ils correctement affichés pour être restitués par NA
les technologies d'assistance ?
Dans chaque page Web, l'information ne doit pas

PRÉSENTATION 10.14 A être donnée uniquement par la forme, taille ou NA
position. Cette règle est-elle respectée ?

être donnée par la forme, taille ou position
uniquement. Cette règle est-elle implémentée de
NA
façon pertinente ?

FORMULAIRES 11.1 A
étiquette ?
NA

FORMULAIRES 11.2 A
formulaire est-elle pertinente ?
NA

associée à un champ de formulaire ayant la
FORMULAIRES 11.3 AA même fonction et répétée plusieurs fois dans NA
une même page ou dans un ensemble de pages
est-elle cohérente ?
Dans chaque formulaire, chaque étiquette de

FORMULAIRES 11.4 A
champ et son champ associé sont-ils accolés ?
NA
Dans chaque formulaire, les informations de

FORMULAIRES 11.5 A même nature sont-elles regroupées, si NA
nécessaire ?
Dans chaque formulaire, chaque regroupement

FORMULAIRES 11.6 A
de champs de formulaire a-t-il une légende ?
NA

FORMULAIRES 11.7 A associée à un groupement de champs de NA
Dans chaque formulaire, chaque liste de choix

FORMULAIRES 11.8 A
est-elle structurée de manière pertinente ?
NA
FORMULAIRES 11.9 A
NA

FORMULAIRES 11.10 A
NA

FORMULAIRES 11.11 AA est-il accompagné, si nécessaire, de suggestions NA
Pour chaque formulaire, les données à caractère

financier, juridique ou personnel peuvent-elles
être modifiées, mises à jour ou récupérées par
NA
l'utilisateur ?
Pour chaque formulaire, toutes les données

FORMULAIRES 11.13 AAA peuvent-elles être modifiées, mises à jour ou NT
récupérées par l'utilisateur ?
Pour chaque formulaire, des aides à la saisie

FORMULAIRES 11.14 AAA
sont-elles présentes ?
NT
Pour chaque formulaire, chaque aide à la saisie

est-elle pertinente ?
NT
Chaque ensemble de pages dispose-t-il de deux

NAVIGATION 12.1 AA systèmes de navigation différents, au moins NA
Dans chaque ensemble de pages, le menu ou les

NAVIGATION 12.2 AA barres de navigation sont-ils toujours à la même NA
place (hors cas particuliers) ?
Dans chaque ensemble de pages, le menu et les

NAVIGATION 12.3 AA barres de navigation ont-ils une présentation NA
cohérente (hors cas particuliers) ?
NAVIGATION 12.4 AA La page "plan du site" est-elle pertinente ? NA
Dans chaque ensemble de pages, la page "plan

NAVIGATION 12.5 AA du site" est-elle atteignable de manière NA
identique ?
Dans chaque ensemble de pages, le moteur de
NAVIGATION 12.6 AA recherche est-il atteignable de manière identique NA
?
Dans chaque page d'une collection de pages, des

NAVIGATION 12.7 AA
liens facilitant la navigation sont-ils présents ?
NA
Dans chaque page web, un fil d'Ariane est-il

NAVIGATION 12.8 AAA
présent (hors cas particuliers) ?
NT
Dans chaque page Web, le fil d'Ariane est-il

NAVIGATION 12.9 AAA
pertinent ?
NT
Dans chaque page Web, les groupes de liens

importants (menu, barre de navigation...) et la
NAVIGATION 12.10 A
zone de contenu sont-ils identifiés hors cas
NA
particuliers ?
Dans chaque page Web, des liens d'évitement ou

d'accès rapide aux groupes de liens importants
NAVIGATION 12.11 A
et à la zone de contenu sont-ils présents hors
NA
cas particuliers ?
Dans chaque page Web, la page en cours de

NAVIGATION 12.12 AAA consultation est-elle indiquée dans le menu de NT
navigation ?
Dans chaque page Web, l'ordre de tabulation

NAVIGATION 12.13 A
est-il cohérent ?
C
Dans chaque page Web, la navigation ne doit

NAVIGATION 12.14 A pas contenir de piège au clavier. Cette règle est- C
elle respectée ?

CONSULTATION 13.1 A contrôle de chaque limite de temps modifiant le NA
contenu (hors cas particuliers) ?

CONSULTATION 13.2 A
NA

nouvelle fenêtre ne doit pas être déclenchée
CONSULTATION 13.3 A
sans action de l'utilisateur. Cette règle est-elle
NA
respectée ?
Dans chaque page Web, une tâche ne doit pas
requérir de limite de temps pour être réalisée,
CONSULTATION 13.4 AAA sauf si elle se déroule en temps réel ou si cette NT
limite de temps est essentielle. Cette règle est-
elle respectée ?
Dans chaque page Web, lors d'une interruption

de session authentifiée, les données saisies par
CONSULTATION 13.5 AAA
l'utilisateur sont-elles récupérées après ré-
NT
authentification ?
Dans chaque page Web, pour chaque fichier en

téléchargement, des informations relatives à sa
CONSULTATION 13.6 A
consultation sont-elles présentes (hors cas
NA
particuliers) ?

CONSULTATION 13.7 A bureautique en téléchargement possède-t-il, si NA
nécessaire, une version accessible?
Pour chaque document bureautique ayant une

CONSULTATION 13.8 A version accessible, cette version offre-t-elle la NA
même information ?
Dans chaque page Web, les expressions

CONSULTATION 13.9 AAA inhabituelles, les expressions idiomatiques ou le NT
jargon sont-ils explicités ?
Dans chaque page Web, pour chaque expression

inhabituelle ou limitée, idiomatique ou de jargon
ayant une définition, cette définition est-elle
NT
pertinente
Dans chaque ? page Web, chaque contenu en
CONSULTATION 13.17 A mouvement ou clignotant est-il contrôlable par NA
l'utilisateur ?
/mentions-legales/
- Dans la section "Editeur", le nom du lieu "cité des sciences .. " "palais de la
découverte" est chacun dans un élément de liste, modifier pour utiliser des titres.
<h3>Cité des sciences et de l'industrie</h3>
id 633
Commentaires en cas de dérogations Suivi des correctifs Corrections

TODO
repérer sur le site s'il y a des SG j'ai corrigé sur :
éléments de ce type cité
faire les corrections attendues en
verifié sur
editon sur tous les sites et en
Palais : ras
anglais aussi
us : ras
demander aux contributeurs
reponsables avant ? ok
remarques
Passage du cs = c
Page Nous contacter
Url http://www.cite-sciences.fr/fr/outils/nous-contacter/
Thématique
Dérogation
Niveau
Critère
Statut
WCAG
Recommandation

LIENS 6.2 A
est-il pertinent ?
C

STRUCTURATION 9.1 A
C
ils/nous-contacter/
- Supprimer les title "ouvre une fenêtre d'envoi de courrier électronique" sur
les liens
- Ajouter l'intitulé du lien dans les titles qui indiquent une nouvelle fenêtre :
"Nos propositions d'emplois et de stages nouvelle fenêtre" "Nous rejoindre nouvelle
fenêtre"
- Les titres h3 devraient être de niveau 2 (sinon il y a un saut dans la hiérarchie)

<h2 data-element-id="hmap-1" class="">Certains services peuvent être joints
directement </h2>
Page Résultat de recherche sur "cité des enfants"
Url http://www.cite-sciences.fr/fr/recherche/?tx_indexedsearch%5Bsword
Thématique
Dérogation
Niveau
Critère
Statut
WCAG
Recommandation
Pour chaque image de décoration ayant une

IMAGES 1.2 A alternative textuelle, cette alternative est-elle c
vide ?

COULEURS 3.1 A être donnée uniquement par la couleur. Cette c
règle est-elle respectée ?

TABLEAUX 5.8 A utiliser d'éléments propres aux tableaux de c

LIENS 6.4 A
Na

SCRIPT 7.1 A
c

OBLIGATOIRES
8.6 A
C
ÉLÉMENTS
OBLIGATOIRES

STRUCTURATION 9.1 A
C

STRUCTURATION 9.2 A
C

l'information ?


NAVIGATION 12.10 A
c
particuliers ?

NAVIGATION 12.11 A
c
cas particuliers ?
nfants"
erche/?tx_indexedsearch%5Bsword%5D=cite+des+enfants+
- Supprimer les attributs title des images : <img

src="typo3/sysext/indexed_search/pi/res/pages.gif" title="" alt="" width="18"
height="16">
- Ajouter un title sur le lien de pagination actif : "Page 1 active"
- Supprimer l'attribut summary des tableaux des résultats et du tableau

contenant le formulaire de recherche et ajouter le role=presentation
<table role="presentation">
- On trouve plusieurs liens " cité des enfants", avec le même chemin, mais qui mène
vers des pages différentes. Dans ces cas, vous devez afficher des informations
complémentaires permettant de différencier les deux liens. En l'occurrence ici il s'agit
d'une version anglaise et française.
- Le composant permettant d'afficher la recherche est un lien vide <a

href="javascript:void(0);"></a>. Utiliser le même composant que sur la page
d'accueil <button title="Débuter la recherche"><i class="sprite
sprite-loupe_2"></i> <span class="access-label">Rechercher</span></button>
- Attention à appliquer les mêmes correctifs concernant les boutons et les éléments
affiché/masqué décrit en page 1.
- Le bouton de droite permettant, dans les autres pages, d'ouvrir le menu et

d'accéder au champ de recherche n'a plus ce fonctionnement dans cette page, en
effet le moteur de recherche est déporté dans le contenu principal. De fait, le bouton
"démarrer la recherche" devrait repositionner le focus dans ce champ
<input type="text" name="tx_indexedsearch[sword]" id="tx-indexedsearch-
searchbox-sword" value="cite des enfants " class="tx-indexedsearch-searchbox-
sword sword" title="Rechercher" autocomplete="on">
- Le titre de la page devrait reprendre tout ou partie des termes de la

recherche et la pagination : "Recherche "cité des enfants" page 3"
- Mettre le texte "Recherche de "cite" et "des" et "enfants"" dans un p
- Mettre les "chemins" dans des p :
<td class="tx-indexedsearch-info info" colspan="3" >
<p>Chemin : <span class="tx-indexedsearch-path path
Jo"><a href="fr/au-programme/expos-permanentes/la-cite-des-enfants/">/Au
programme/Expos permanentes/La Cité des enfants</a></span></p></td>
- Implémenter chacun des titres de résultats de recherche dans un h2, vous

pouvez utiliser ARIA role=heading avec aria-level=2 si l'utilisation du H2 est
problématique :
<td class="tx-indexedsearch-title title">
<h2><a href="fr/au-programme/expos-permanentes/la-cite-des-enfants/">La Cité
des enfants</a></h2></td>
ou
<td class="tx-indexedsearch-title title" role="heading" aria-level="2">

<a href="fr/au-programme/expos-permanentes/la-cite-des-enfants/">La Cité des
enfants</a></td>
- Ajouter une balise nav avec le role navigation sur les éléments de pagination
<nav role="navigation" aria-label="navigation dans les pages de résultats"><ul
class="browsebox"></ul></nav>
- Cette page a un gabarit différent des autres pages. Il manque la balise nav role
navigation pour le menu principal
<nav role="navigation" id="liteMenu" class="menu-mobile" style="display: block;">
- Ajouter le fil d'Ariane dans une balise nav avec le role navigation
- Ajouter la balise main avec le role main comme container du contenu principal :
<main id="main" role="main">
- Supprimer les attributs width des balises td, et les attributs cellpading,
cellspacing, border des balises table
- A l'agrandissement des caractères les intitulés de lien de pagination débordent et

ne sont plus lisibles.
- Ajouter le role="contentinfo" sur la balise footer du pied de page (voir la page

d'accueil pour l'implémentation à suivre)
- Ajouter le role=search sur un des container du formulaire de recherche
<div class="tx-indexedsearch-searchbox" role="search">
- Reprendre les mêmes liens d'accès rapide que ceux présents dans les autres pages
du site
Page Page accessibilité
Url http://www.cite-sciences.fr/fr/outils/accessibilite-du-site-internet
Thématique
Dérogation
Niveau
Critère
Statut
WCAG
Recommandation

LIENS 6.2 A
est-il pertinent ?
C

ÉLÉMENTS
OBLIGATOIRES

STRUCTURATION 9.1 A
C

ils/accessibilite-du-site-internet
- Supprimer les title "ouvre une fenêtre d'envoi de courrier électronique" sur
le lien "nous contacter"
- On trouve un paragraphe vide à la fin du contenu, supprimer le :

<p>Pour faire nos tests nous utilisons le <a
href="http://references.modernisation.gouv.fr/rgaa/" title="RGAA (Nouvelle
fenêtre)" target="_blank" class="external-link-new-window">RGAA
</a>version 3 2017.
</p>
<p></p>
- On trouve un titre vide (h3) à la fin du contenu. Supprimer le
<h3 data-element-id="hmap-8" class=""> </h3>
- Le texte "Ma cité accessible" bu bloc rouge de droite déborde et n'est plus lisible.
Page Tout l'agenda
Url http://www.cite-sciences.fr/fr/outils/tout-lagenda/
Thématique
Dérogation
Niveau
Critère
Statut
WCAG
Recommandation

IMAGES 1.2 A alternative textuelle, cette alternative est-elle C
vide ?

COULEURS 3.3 AA
c
particuliers) ?

SCRIPT 7.1 A
C

OBLIGATOIRES
8.6 A
C

ÉLÉMENTS
OBLIGATOIRES
STRUCTURATION 9.1 A
C

STRUCTURATION 9.3 A
C

l'information ?


PRÉSENTATION 10.7 A recevant le focus, la prise de focus est-elle C
visible ?
ils/tout-lagenda/
- Pour l'image du fauteuil roulant, préciser l'alternative "mobilité réduite" par "accessible aux
personnes à mobilité réduite"
- On retrouve les mêmes couleurs problématiques de la page d'accueil
-Dans le bloc "MiniCalendar" :

1. Implémenter les composants de jour dans des buttons (ou lien avec role button), et
ajouter un title sur le jour sélectionné
<a role="button" class="day current" data-ref="javascript:ajaxCallAgenda(18, 5, 2019);"
title="jour sélectionné mar 18 juin"> mar<br><strong>18</strong><br>juin</a>
2. Implémenter les composants semaine suivante/précédente dans boutons
<a role="button" id="parseDateBack" href="javascript:ajaxCallAgenda(16, 5, 2019);"
title="Charger l'agenda de la semaine passée"><img
src="http://www.cite-sciences.fr/typo3conf/ext/sdl_gabarits/Resources/Public/Icons/
agenda/arr-black-gauche.png" alt="Charger l'agenda de la semaine passée"
border="0"></a>
3. Lorsque l'utilisateur choisi un jour, insérer un texte positionné hors écran avec le role
alert pour avertir du chargement de nouveaux résultats : <span role="alert" aria-
live="polite" aria-atomic="true">Chargement des résultats en cours</span> et lorsque
les éléments sont chargé ajouté, modifier le texte <span role="alert" aria-alive="polite"
aria-atomic="true">Résultats chargés</span> (même comportement attendu pour le mini
calendrier et le calendrier complet sur la droite).
4. Lorsque les résultats ont fini de charger, repositionner le focus de l'utilisateur sur le
premier élément focusable de la liste des résultats.
A noter qu'il semble il y a voir un problème avec le bouton "ressources", des événements
sont ajoutés AVANT Et APRES le bouton lorsque l'on clique dessus ? Si c'est le
comportement vraiment attendu pour ce bouton particulier, alors il faudra prévoir de gérer
une reprise du focus sur le premier élément ajouté avant le bouton.
- Ajouter le jour sélectionné dans le titre de la page.
- Implémenter le texte "Au programme du JOUR" dans un p

<p> Au programme du samedi 29 juin 2019</p>
- Implémenter le bouton affiché/masqué des catégories d'événements dans un titre de niveau 2
<h2><button href="javascript:void(0);" class="typeOffre isNotCollapse" id="offreExpoTempo" aria-
expanded="true" aria-controls="blocExpoTemporaire">EXPOSITIONS
TEMPORAIRES</button></h2>
- Implémenter les noms des événements dans des titres h3
<h3 class="offreCol1"><span class="titre">MICROBIOTE</span><span class="sousTitre">Explora-
Niveau 1</span></h3>
- Implémenter les jours de la liste des jours du minicalendrier dans une liste ul/li <div
class="bgLight" id="miniCalendar">
- Supprimer les attributs border sur les images des composants "semaine suivante/précédente"
- A l'agrandissement des caractères, certains titres des événements chevauchent leur description sur
la droite.
- Le lien "alerte attentat du plan vigipirate" est signalé uniquement par la couleur. AU survol et prise
de focus, ajouter un soulignement.
Page Expos temporaires / microbiote / Page approfondir
Url http://www.cite-sciences.fr/fr/au-programme/expos-temporaires/mic
Thématique
Dérogation
Niveau
Critère
Statut
WCAG
Recommandation
Chaque légende d'image est-elle, si nécessaire,

IMAGES 1.10 A
correctement reliée à l'image correspondante ?
c
CADRES 2.1 A Chaque cadre en ligne a-t-il un titre de cadre ? c

MULTIMÉDIA 4.1 A nécessaire, une transcription textuelle ou une NC

MULTIMÉDIA 4.4 A enregistré ayant des sous-titres synchronisés, NC

MULTIMÉDIA 4.7 AA nécessaire, une audio-description synchronisée NC
LIENS 6.2 A
est-il pertinent ?
C

SCRIPT 7.1 A
c

ÉLÉMENTS
OBLIGATOIRES
8.2 A valide selon le type de document spécifié (hors NC
cas particuliers) ?

ÉLÉMENTS
OBLIGATOIRES
8.7 AA langue est-il indiqué dans le code source (hors C
cas particuliers) ?
ÉLÉMENTS
OBLIGATOIRES

STRUCTURATION 9.1 A
NC

STRUCTURATION 9.3 A
C

l'information ?

age approfondir
programme/expos-temporaires/microbiote/approfondir/
- Les images avec copyright emploient bien le pattern figure/figcaption. Manque une
liaison sémantique entre l'image et sa légende :
<figure role="group" class="csc-textpic-image csc-textpic-last"><img

src="fileadmin/fileadmin_CSI/fichiers/au-programme/expos-temporaires/Microbiote/
Images/bandeau-Ressources2.jpg" alt="illustration 1" width="980"
height="392"><figcaption class="csc-textpic-caption"><span class="sr-
only">illustration 1</span> ©Sophie Chivet /
Universcience</figcaption></figure>
- Ajouter un title sur les iframes des vidéos contenues dans les fenêtres
modales.
<iframe class="mfp-iframe" src="//www.youtube.com/embed/Ri6kLOBjumQ?
autoplay=1" title="La grande histoire des petits coins"></iframe>
- Pour chaque vidéo, fournir une transcription textuelle
- Attention, certaines des vidéos ont des sous titres générés

automatiquement. Ces sous-titres sont très souvent problématiques (comme
dans la vidéo "le microbiote se met à table")
- La plupart des vidéos contient des textes incrustés et des scènes porteuses
d'informations, une audiodescription est nécessaire dans ces cas là.
- Dans le menu contextuel, retirer le title "menu avec sous pages" sur le lien
"L'exposition"
- Dans la section "Flore intestinale" on a un lien "S" qui semble être en fait le même
lien que "anté en question" : sans doute une simple erreur de contribution : réparer
pour n'avoir qu'un seul lien ici
- Les fenêtres modales (qui embarquent les vidéos) ne respectent pas le motif ARIA
dialog .
- Les liens qui déclenchent l'ouverture des modales avec les vidéos (section "des
vidéos à regarder sur universcience tv) devraient être des boutons.
- Erreurs d'imbrications d'éléments (une div dans un span).

- Dans le bloc "informations pratiques" structurer les textes avec des balises p
- Ajouter un changement de langue ou traduire l'intitulé du bouton de

fermeture des fenêtres modales des vidéos qui est en anglais "Close Esc"
- Les textes "D'après "Le charme discret de l'intestin"
Du 4 décembre 2018 au 4 août 2019" sont à mettre dans des balises p
- Le titre de l'expo devrait être un titre. Implémenter dans un h1 :

<h1>Microbiote</h1>
- Implémenter les titres des vidéos dans des titres h3
<h3 class="titre">Le microbiote se met à table</h3>
- Implémenter "Informations pratiques" dans un h2
- Structurer avec une liste ul/li (ou ARIA list/listitem) les liens du bloc de
droite (infos pratiques/enseignants/arteum eboutique/accès illimité/my cité)
- Retirer les attributs frameborder et allowfullscreen des iframes des vidéos.

<iframe class="mfp-iframe" src="//www.youtube.com/embed/Ri6kLOBjumQ?
autoplay=1" allowfullscreen="" frameborder="0"></iframe>
- Des textes des blocs de la colonne de droite débordent ("enseignants" chevauche

les informations pratiques par exemple), ou des contenus sont tronqués (le contenu
de "enseignants" par exemple déborde sous le cadre suivant et n'est plus lisible).
Page Expo permanentes /Cité des enfants
Url http://www.cite-sciences.fr/fr/au-programme/expos-permanentes/la
Thématique
Dérogation
Niveau
Critère
Statut
WCAG
Recommandation

LIENS 6.2 A
est-il pertinent ?
C

STRUCTURATION 9.3 A
C

s
programme/expos-permanentes/la-cite-des-enfants/
- Retirer les title avec les mentions "menu avec sous page" (menu
contextuel)
- Le contenu principal (l'ensemble des liens avec les images de fond) devrait
être structuré dans une liste ul/li (ou ARIA)
- Les textes des blocs d'images du contenu principal débordent de leur

contenu et ne sont plus lisibles.
Page Cité de la santé/Une question en santé ?/Posez votre question
Url http://www.cite-sciences.fr/fr/au-programme/lieux-ressources/cite-d
Thématique
Dérogation
Niveau
Critère
Statut
WCAG
Recommandation


FORMULAIRES 11.1 A
étiquette ?
C

FORMULAIRES 11.5 A même nature sont-elles regroupées, si C
nécessaire ?

FORMULAIRES 11.9 A
C
FORMULAIRES 11.10 A
C

FORMULAIRES 11.11 AA est-il accompagné, si nécessaire, de suggestions C

NAVIGATION 12.13 A
est-il cohérent ?
NC

CONSULTATION 13.2 A
C
sez votre question
me/lieux-ressources/cite-de-la-sante/questions-sante/posez-votre-question/
- Le contenu du lien "agendaBloc" sur la droite déborde et n'est plus lisible
- Ajouter l'id="mail" sur le premier input du formulaire :

<input type="text" name="tx_equestionreponse_pi1[newQuestion][mail]"
autocomplete="on" id="mail">
- Modifier l'id du select pays pour id="pays" sur le select du pays : <select
id="pays" name="tx_equestionreponse_pi1[newQuestion][pays]"
autocomplete="on">
- Ajouter l'id="cp" sur le champ du code postal
<input id="cp" type="text" name="tx_equestionreponse_pi1[newQuestion][cp]"
autocomplete="on">
... etc pour TOUS les champs de ce formulaire. Aucun des champs n'est relié à son
label, il manque toujours l'id sur le input, ou la valeur de l'id n'est pas correcte.
Pour les boutons radios, il n'y a pas de balise label, juste un texte. Pour les radios,
ajouter donc en plus la balise label avec l'attribut for actuellement manquante :
<input type="radio" name="tx_equestionreponse_pi1[newQuestion][sexe]"
checked="" value="M" autocomplete="on" id="masculin"><label
for="masculin">M</label>
Ces correctifs sont valables pour tous les champs textes, select, les boutons
radio et les textarea de ce formulaire. Contrôler tous vos champs et réparer.
- Utiliser un regroupement pour les radios "Sexe" et l'autorisation de

publication.
Utiliser soit fieldset/legend soit le role=group avec la propriété aria-label ou aria-
labelledby
<div role="group" aria-labelledby="legendAutorisation">

<label for="autoris" id="legendAutorisation">
J’autorise la publication de ma question sans mon e-mail :
</label>
<input type="radio" name="tx_equestionreponse_pi1[newQuestion][autoris]"
value="0" autocomplete="on" id="non">
<label for="non">non</label>
....
</div>
- Ajouter un title sur "envoyer" : "envoyer ma question"

- Ajouter un texte qui décrive le symbole "*" avant le formulaire : "les
champs précédés d'une étoile sont obligatoires"
- Ajouter un format de saisie dans le label "mail" : "Mail (nom@domaine.fr)*"
- Dans le message d'erreur pour le mail, donner un exemple réel de saisie :

"Adresse mail invalide. Exemple: audrey@cite-sciences.fr"
- Le message d'erreur pour la confirmation de l'email n'est pas pertinent :
"Veuillez saisir une adresse e-mail de confirmation valide" . Modifier selon le modèle
"La confirmation de l'email et l'email sont différents"
- On tabule dans l'iframe recaptcha, sur liens "confidentialité" et "conditions" et les

autres liens contenus dedans. Compte tenu de la présentation, ce déplacement du
focus sur cet élément en bas à droite est imperceptible. Si possible, soit rendre cet
élément invisible (display:none), soit positionner cet élément dans le flux visuel,
donc juste après les radios OUI/NON
- Ajouter un title sur le lien "lien vers la charte" : "lien vers la charte
nouvelle fenêtre"
uestion/

RGAA 3.0 - Relevé pour le site : wwww.site.fr 104/178 - P11
Page Le corps - Cité des enfants 5-12 ans
Thématique Url http://www.cite-sciences.fr/fr/au-programme/expos-permanentes/la-cite-des-enfants/cite-des-enfants-5-12
Dérogation
Niveau
Critère
Statut
WCAG
Recommandation
IMAGES 1.1 A Chaque image a-t-elle une alternative textuelle ? C

IMAGES 1.2 A alternative textuelle, cette alternative est-elle NA
vide ?
Pour chaque image porteuse d'information ayant

IMAGES 1.3 A une alternative textuelle, cette alternative est- NA
elle pertinente (hors cas particuliers) ?
Pour chaque image utilisée comme CAPTCHA ou

comme image-test, ayant une alternative
IMAGES 1.4 A
textuelle, cette alternative permet-elle
NA
d'identifier la nature et la fonction de l'image ?
Pour chaque image utilisée comme CAPTCHA,

IMAGES 1.5 A une solution d'accès alternatif au contenu ou à la NA
fonction du CAPTCHA est-elle présente ?
Chaque image porteuse d'information a-t-elle, si

IMAGES 1.6 A
nécessaire, une description détaillée ?
NA

IMAGES 1.7 A une description détaillée, cette description est- NA
elle pertinente ?
Chaque image texte porteuse d'information, en

l'absence d'un mécanisme de remplacement,
IMAGES 1.8 AA doit si possible être remplacée par du texte NA
stylé. Cette règle est-elle respectée (hors cas
particuliers) ?
Chaque image texte porteuse d'information, doit

si possible être remplacée par du texte stylé.
IMAGES 1.9 AAA
Cette règle est-elle respectée (hors cas
NT
particuliers) ?
Chaque légende d'image est-elle, si nécessaire,

IMAGES 1.10 A
correctement reliée à l'image correspondante ?
c
CADRES 2.1 A Chaque cadre en ligne a-t-il un titre de cadre ? NA
Pour chaque cadre en ligne ayant un titre de

CADRES 2.2 A
cadre, ce titre de cadre est-il pertinent ?
NA

COULEURS 3.1 A être donnée uniquement par la couleur. Cette C
règle est-elle respectée ?

COULEURS 3.2 A être donnée uniquement par la couleur. Cette C
règle est-elle implémentée de façon pertinente ?
Thématique
Dérogation
Niveau
Critère
Statut
WCAG
Recommandation

COULEURS 3.3 AA
C
particuliers) ?

COULEURS 3.4 AAA couleur du texte et la couleur de son arrière-plan NT
est-il amélioré (hors cas particuliers) ?
Thématique
Dérogation
Niveau
Critère
Statut
WCAG
Recommandation


MULTIMÉDIA 4.2 A
NA

MULTIMÉDIA 4.3 A enregistré a-t-il, si nécessaire, des sous-titres NA

MULTIMÉDIA 4.4 A enregistré ayant des sous-titres synchronisés, NA

MULTIMÉDIA 4.5 AA nécessaire, des sous-titres synchronisés ou une NA
Pour chaque média temporel en direct ayant des

MULTIMÉDIA 4.6 AA sous-titres synchronisés ou une transcription NA
textuelle, ceux-ci sont-ils pertinents ?

MULTIMÉDIA 4.7 AA nécessaire, une audio-description synchronisée NA

MULTIMÉDIA 4.8 AA ayant une audio-description synchronisée, celle- NA
ci est-elle pertinente ?

MULTIMÉDIA 4.9 AAA nécessaire, une interprétation en langue des NT
signes (hors cas particuliers) ?

MULTIMÉDIA 4.10 AAA ayant une interprétation en langue des signes, NT
celle-ci est-elle pertinente ?

MULTIMÉDIA 4.11 AAA nécessaire, une audio-description étendue NT
synchronisée (hors cas particuliers) ?

MULTIMÉDIA 4.12 AAA ayant une audio-description étendue NT
synchronisée, celle-ci est-elle pertinente ?
Chaque média temporel synchronisé ou

MULTIMÉDIA 4.13 AAA seulement vidéo a-t-il, si nécessaire, une NT
Pour chaque média temporel synchronisé ou

MULTIMÉDIA 4.14 AAA seulement vidéo, ayant une transcription NT
textuelle, celle-ci est-elle pertinente ?

MULTIMÉDIA 4.15 A
identifiable (hors cas particuliers) ?
C
Chaque média non temporel a-t-il, si nécessaire,

MULTIMÉDIA 4.16 A
une alternative (hors cas particuliers) ?
NA
Pour chaque média non temporel ayant une

MULTIMÉDIA 4.17 A
alternative, cette alternative est-elle pertinente ?
NA
Thématique
Dérogation
Niveau
Critère
Statut
WCAG
Recommandation
Chaque son déclenché automatiquement est-il

MULTIMÉDIA 4.18 A
contrôlable par l'utilisateur ?
NA
Pour chaque média temporel seulement audio

MULTIMÉDIA 4.19 AAA pré-enregistré, les dialogues sont-ils NT
suffisamment audibles (hors cas particuliers) ?
La consultation de chaque média temporel est-

MULTIMÉDIA 4.20 A elle, si nécessaire, contrôlable par le clavier et la C
souris ?
La consultation de chaque média non temporel

MULTIMÉDIA 4.21 A
est-elle contrôlable par le clavier et la souris ?
NA

MULTIMÉDIA 4.22 A compatible avec les technologies d'assistance C
Thématique
Dérogation
Niveau
Critère
Statut
WCAG
Recommandation
Chaque tableau de données complexe a-t-il un

TABLEAUX 5.1 A
résumé ?
NA
Pour chaque tableau de données complexe ayant

TABLEAUX 5.2 A
un résumé, celui-ci est-il pertinent ?
NA

TABLEAUX 5.3 A contenu linéarisé reste-t-il compréhensible NA
TABLEAUX 5.4 A Chaque tableau de données a-t-il un titre ? NA
Pour chaque tableau de données ayant un titre,

TABLEAUX 5.5 A
celui-ci est-il pertinent ?
NA
Pour chaque tableau de données, chaque en-tête

TABLEAUX 5.6 A de colonnes et chaque en-tête de lignes sont-ils NA
correctement déclarés ?
Pour chaque tableau de données, la technique

TABLEAUX 5.7 A appropriée permettant d'associer chaque cellule NA
avec ses en-têtes est-elle utilisée ?

TABLEAUX 5.8 A utiliser d'éléments propres aux tableaux de NA
Chaque lien est-il explicite (hors cas particuliers)

LIENS 6.1 A
?
C

LIENS 6.2 A
est-il pertinent ?
c
Chaque intitulé de lien seul est-il explicite hors

LIENS 6.3 AAA
contexte (hors cas particuliers) ?
NT

LIENS 6.4 A
NA

LIENS 6.5 A
l'exception des ancres, a-t-il un intitulé ?
C
Thématique
Dérogation
Niveau
Critère
Statut
WCAG
Recommandation

SCRIPT 7.1 A
C
Pour chaque script ayant une alternative, cette

SCRIPT 7.2 A
NA
Chaque script est-il contrôlable par le clavier et

SCRIPT 7.3 A
la souris (hors cas particuliers) ?
C
Pour chaque script qui initie un changement de

SCRIPT 7.4 A contexte, l'utilisateur est-il averti ou en a-t-il le NA
contrôle ?
Chaque script qui provoque une alerte non

SCRIPT 7.5 AAA sollicitée est-il contrôlable par l'utilisateur (hors NT
cas particuliers) ?
ÉLÉMENTS Chaque page Web est-elle définie par un type de

OBLIGATOIRES
8.1 A
document ?
C

ÉLÉMENTS
OBLIGATOIRES
8.2 A valide selon le type de document spécifié (hors C
cas particuliers) ?
ÉLÉMENTS Dans chaque page Web, la langue par défaut

OBLIGATOIRES
8.3 A
est-elle présente ?
C
ÉLÉMENTS Pour chaque page Web ayant une langue par

OBLIGATOIRES
8.4 A
défaut, le code de langue est-il pertinent ?
C
ÉLÉMENTS
OBLIGATOIRES
8.5 A Chaque page Web a-t-elle un titre de page ? C

OBLIGATOIRES
8.6 A
C

ÉLÉMENTS
OBLIGATOIRES
8.7 AA langue est-il indiqué dans le code source (hors NA
cas particuliers) ?
ÉLÉMENTS Dans chaque page Web, chaque changement de

OBLIGATOIRES
8.8 AA
langue est-il pertinent ?
NA

ÉLÉMENTS
OBLIGATOIRES
Thématique
Dérogation
Niveau
Critère
Statut
WCAG
Recommandation
ÉLÉMENTS Dans chaque page Web, les changements du

OBLIGATOIRES
8.10 A
sens de lecture sont-ils signalés ?
NA

STRUCTURATION 9.1 A
NC

STRUCTURATION 9.2 A
NA

STRUCTURATION 9.3 A
C
Dans chaque page Web, la première occurrence

STRUCTURATION 9.4 AAA de chaque abréviation permet-elle d'en connaître NT
la signification ?
Dans chaque page Web, la signification de

STRUCTURATION 9.5 AAA
chaque abréviation est-elle pertinente ?
NT
Dans chaque page Web, chaque citation est-elle

STRUCTURATION 9.6 A
correctement indiquée ?
NA
Thématique
Dérogation
Niveau
Critère
Statut
WCAG
Recommandation

l'information ?
Dans chaque page Web, le contenu visible reste-

PRÉSENTATION 10.2 A t-il présent lorsque les feuilles de styles sont C
désactivées ?
Dans chaque page Web, l'information reste-t-elle

PRÉSENTATION 10.3 A compréhensible lorsque les feuilles de styles C
sont désactivées ?

PRÉSENTATION 10.4 AA lorsque la taille des caractères est augmentée C
Dans chaque page Web, les déclarations CSS de

PRÉSENTATION 10.5 AA couleurs de fond d'élément et de police sont- NA
elles correctement utilisées?
Dans chaque page Web, chaque lien dont la

PRÉSENTATION 10.6 A nature n'est pas évidente est-il visible par NA
rapport au texte environnant ?

PRÉSENTATION 10.7 A recevant le focus, la prise de focus est-elle NA
visible ?
Dans chaque page Web, le choix de la couleur de

PRÉSENTATION 10.8 AAA fond et de police du texte est-il contrôlable par NT
l'utilisateur ?
Pour chaque page Web, le texte ne doit pas être

justifié. Cette règle est-elle respectée ?
NT
Pour chaque page Web, en affichage plein écran

et avec une taille de police à 200%, chaque bloc
de texte reste-t-il lisible sans l'utilisation de la
NT
barre de défilement horizontal ?
Pour chaque page Web, les blocs de texte ont-ils

PRÉSENTATION 10.11 AAA une largeur inférieure ou égale à 80 caractères NT
Pour chaque page Web, l'espace entre les lignes

et les paragraphes est-il suffisant ?
NT
Pour chaque page Web, les textes cachés sont-

PRÉSENTATION 10.13 A ils correctement affichés pour être restitués par NA
les technologies d'assistance ?

PRÉSENTATION 10.14 A être donnée uniquement par la forme, taille ou C
position. Cette règle est-elle respectée ?

être donnée par la forme, taille ou position
uniquement. Cette règle est-elle implémentée de
C
façon pertinente ?

FORMULAIRES 11.1 A
étiquette ?
NA

FORMULAIRES 11.2 A
NA
Thématique
Dérogation
Niveau
Critère
Statut
WCAG
Recommandation

associée à un champ de formulaire ayant la
FORMULAIRES 11.3 AA même fonction et répétée plusieurs fois dans NA
une même page ou dans un ensemble de pages
est-elle cohérente ?
Dans chaque formulaire, chaque étiquette de

FORMULAIRES 11.4 A
champ et son champ associé sont-ils accolés ?
NA

FORMULAIRES 11.5 A même nature sont-elles regroupées, si NA
nécessaire ?
Dans chaque formulaire, chaque regroupement

FORMULAIRES 11.6 A
de champs de formulaire a-t-il une légende ?
NA

FORMULAIRES 11.7 A associée à un groupement de champs de NA
Dans chaque formulaire, chaque liste de choix

FORMULAIRES 11.8 A
est-elle structurée de manière pertinente ?
NA

FORMULAIRES 11.9 A
NA

FORMULAIRES 11.10 A
NA

FORMULAIRES 11.11 AA est-il accompagné, si nécessaire, de suggestions NA
Pour chaque formulaire, les données à caractère

financier, juridique ou personnel peuvent-elles
être modifiées, mises à jour ou récupérées par
NA
l'utilisateur ?
Pour chaque formulaire, toutes les données

FORMULAIRES 11.13 AAA peuvent-elles être modifiées, mises à jour ou NT
récupérées par l'utilisateur ?
Pour chaque formulaire, des aides à la saisie

sont-elles présentes ?
NT
Pour chaque formulaire, chaque aide à la saisie

est-elle pertinente ?
NT
Thématique
Dérogation
Niveau
Critère
Statut
WCAG
Recommandation
Chaque ensemble de pages dispose-t-il de deux

NAVIGATION 12.1 AA systèmes de navigation différents, au moins NA
Dans chaque ensemble de pages, le menu ou les

NAVIGATION 12.2 AA barres de navigation sont-ils toujours à la même NA
place (hors cas particuliers) ?
Dans chaque ensemble de pages, le menu et les

NAVIGATION 12.3 AA barres de navigation ont-ils une présentation NA
cohérente (hors cas particuliers) ?
NAVIGATION 12.4 AA La page "plan du site" est-elle pertinente ? NA
Dans chaque ensemble de pages, la page "plan

NAVIGATION 12.5 AA du site" est-elle atteignable de manière NA
identique ?
Dans chaque ensemble de pages, le moteur de

NAVIGATION 12.6 AA recherche est-il atteignable de manière identique NA
?
Dans chaque page d'une collection de pages, des

NAVIGATION 12.7 AA
liens facilitant la navigation sont-ils présents ?
NA
Dans chaque page web, un fil d'Ariane est-il

NAVIGATION 12.8 AAA
présent (hors cas particuliers) ?
NT
Dans chaque page Web, le fil d'Ariane est-il

NAVIGATION 12.9 AAA
pertinent ?
NT

NAVIGATION 12.10 A
NA
particuliers ?

NAVIGATION 12.11 A
NA
cas particuliers ?
Dans chaque page Web, la page en cours de

NAVIGATION 12.12 AAA consultation est-elle indiquée dans le menu de NT
navigation ?

NAVIGATION 12.13 A
est-il cohérent ?
C
Dans chaque page Web, la navigation ne doit

NAVIGATION 12.14 A pas contenir de piège au clavier. Cette règle est- C
elle respectée ?

CONSULTATION 13.1 A contrôle de chaque limite de temps modifiant le NA
contenu (hors cas particuliers) ?

CONSULTATION 13.2 A
NA

nouvelle fenêtre ne doit pas être déclenchée
CONSULTATION 13.3 A
sans action de l'utilisateur. Cette règle est-elle
NA
respectée ?
Thématique
Dérogation
Niveau
Critère
Statut
WCAG
Recommandation
Dans chaque page Web, une tâche ne doit pas

requérir de limite de temps pour être réalisée,
CONSULTATION 13.4 AAA sauf si elle se déroule en temps réel ou si cette NT
limite de temps est essentielle. Cette règle est-
elle respectée ?
Dans chaque page Web, lors d'une interruption

de session authentifiée, les données saisies par
l'utilisateur sont-elles récupérées après ré-
NT
authentification ?
Dans chaque page Web, pour chaque fichier en

téléchargement, des informations relatives à sa
CONSULTATION 13.6 A
consultation sont-elles présentes (hors cas
C
particuliers) ?

CONSULTATION 13.7 A bureautique en téléchargement possède-t-il, si NC
Pour chaque document bureautique ayant une

CONSULTATION 13.8 A version accessible, cette version offre-t-elle la NA
même information ?
Dans chaque page Web, les expressions

CONSULTATION 13.9 AAA inhabituelles, les expressions idiomatiques ou le NT
jargon sont-ils explicités ?
Dans chaque page Web, pour chaque expression

inhabituelle ou limitée, idiomatique ou de jargon
ayant une définition, cette définition est-elle
NT
pertinente ?

CONSULTATION 13.11 A cryptique (art ascii, émoticon, syntaxe NA
cryptique) a-t-il une alternative ?
Dans chaque page Web, pour chaque contenu

cryptique (art ascii, émoticon, syntaxe
CONSULTATION 13.12 A
cryptique) ayant une alternative, cette
NA
Dans chaque page Web, pour chaque mot dont

CONSULTATION 13.13 AAA le sens ne peut être compris sans en connaître la NT
prononciation, celle-ci est-elle indiquée ?
Dans chaque page Web, chaque texte qui

nécessite un niveau de lecture plus avancé que
le premier cycle de l'enseignement secondaire a-
NT
t-il une version alternative ?

CONSULTATION 13.15 A brusques de luminosité ou les effets de flash NA
sont-ils correctement utilisés ?

brusques de luminosité ou les effets de flash
ont-ils une fréquence inférieure ou égale à 3 par
NT
seconde ?
Dans chaque page Web, chaque contenu en

CONSULTATION 13.17 A mouvement ou clignotant est-il contrôlable par NA
l'utilisateur ?
mme/expos-permanentes/la-cite-des-enfants/cite-des-enfants-5-12-ans/le-corps
- Dans le diaporama, toutes les images ont une légende (copyright), il faut utiliser la
structure figure/figcaption sur le modèle suivant (en reprenant le alt de l'image dans
le figcaption) :
<figure role="group" class="mfp-img-container"><img class="mfp-img" alt="Vue

générale de l'espace "
src="../../fileadmin/fileadmin_CSI/fichiers/au-programme/expos-permanentes/cite-
des-enfants/5-12/_images/le_corps/vue-generale-V-Castro---EPPDCSI-_57_.jpg"
style="max-height: 456px;">
<figcaption class="mfp-imgLegend"><span class="sr-only">Vue générale de

l'espace</span>© V. Castro / EPPDCSI</figcaption>
</figure>
PB erreur dans l'audit ce n'est pas

le critère 3,1 mais 3,3 modifier
dans synthèse et sur la grille = c
corrigé
- Le rose (lien de téléchargement du plan) a un contraste insuffisant.

- Cette vidéo présente les activités de l'exposition, elle devrait avoir une
audiodescription

- Ajouter le texte "visite +" dans le alt de l'image du lien dans le bloc de
droite "retrouvez vos photos".
- Ajouter le texte "MAIF" dans le alt de l'image du lien "avec le soutien de"
- Supprimer le title "démarre le téléchargement du fichier nouvelle fenêtre"

sur le lien" plan de la cité des sciences …"
- Le composant qui déclenche le lancement de la modale avec le diaporama doit être

un bouton
<a role="button"
href="../../fileadmin/fileadmin_CSI/fichiers/au-programme/expos-permanentes/cite-
des-enfants/5-12/_images/le_corps/entree-espace-n-breton.jpg" data-legend="© N.
Breton / EPPDCSI" data-type="image" title="Entrée de l'espace (ouverture du
diaporama)" class="item-grid-62858 imgGalerie" style="position: absolute; left:
0px; top: 0px;"><div class="imageCaptionGalerie" style="display:none !
important;"></div><img src="../../fileadmin/fileadmin_CSI/fichiers/au-
programme/expos-permanentes/cite-des-enfants/5-12/_images/le_corps/entree-
espace-n-breton.jpg" alt="Entrée de l'espace (ouverture du diaporama)"
oncontextmenu="return false;"></a>
- La modale du diaporama ne respecte pas le DP ARIA dialog
- Le second paragraphe du contenu devrait être scindé en plusieurs paragraphes (ici

un seul "gros" paragraphe et des paragraphes simulés avec de multiples br)
- Le titre de l'expo devrait être un titre. Implémenter dans un h1 : <h1>La

cité des enfants</h1>



- Le plan pdf n'est pas accessible (pas de structure comme des titres, et ordre de
lecture incohérent avec un lecteur d'écran). Ici il est possible de créer une alternative
au format .doc par exemple, qui reprenne le détail de la composition décrite dans ce
pdf.











Page Ressources/Conférences en ligne/Saison 2016-2017/Le cerveau entre raison et émotion
Thématique Url http://www.cite-sciences.fr/fr/ressources/conferences-en-ligne/saison-2016-2017/le-cerveau-entre-raison-
Dérogation
Niveau
Critère
Statut
WCAG
Recommandation

IMAGES 1.2 A alternative textuelle, cette alternative est-elle C
vide ?
CADRES 2.1 A Chaque cadre en ligne a-t-il un titre de cadre ? c

Thématique
Dérogation
Niveau
Critère
Statut
WCAG
Recommandation

MULTIMÉDIA 4.2 A
c

MULTIMÉDIA 4.3 A enregistré a-t-il, si nécessaire, des sous-titres NC

MULTIMÉDIA 4.22 A compatible avec les technologies d'assistance c
Thématique
Dérogation
Niveau
Critère
Statut
WCAG
Recommandation

SCRIPT 7.1 A
c

STRUCTURATION 9.1 A
NC
Thématique
Dérogation
Niveau
Critère
Statut
WCAG
Recommandation

l'information ?
Thématique
Dérogation
Niveau
Critère
Statut
WCAG
Recommandation

CONSULTATION 13.2 A
NC
son 2016-2017/Le cerveau entre raison et émotion
urces/conferences-en-ligne/saison-2016-2017/le-cerveau-entre-raison-et-emotion/
- Ajouter la propriété aria-hidden="true" sur les svg contenus dans les

boutons du player audio.
- Ajouter un title à toutes les iframes qui embarquent des vidéos. Par exemple
:
<iframe src="//www.dailymotion.com/embed/video/x5ez5q1?
autoPlay=0&subtitles-default=&queue-enable=false" title="vidéo matière
à décider"></iframe>
- Les transcriptions textuelles, bien que possédant apriori tout le texte et

informations importante de la vidéo, manquent de structuration.
Il s'agit d'un unique paragraphe qui contient toute la transcription. Les
transcriptions doivent être structurées (autant de paragraphes que nécessaire,
titres, listes etc...)
- Par exemple, la vidéo "matière à décider" il n'y a pas de sous-titres
- voir 7.1
- Sur les input=range du lecteur audio il y a un problème de gestions des

comportements claviers. Quelque soit la position du focus (sur le range de la timeline
ou celui du volume) : les flèches droite/gauche modifie toujours la valeur du range
de la timeline et les flèches haut/bas celle du volume/. Normalement, un range ne
doit pouvoir être modifié que lorsqu'il reçoit le focus, et, dans le cas des range, les 4
flèches sont actives : haut/droit permettent d'augmenter la valeur, bas/gauche de
diminuer.
- Le label du range de la timeline n'est pas pertinent: "Seek". Changer par exemple
pour : "position de lecture"
- Le label pour le bouton du son n'est pas pertinent "activer/désactiver le son", il
n'est pas possible de déterminer son état. Modifier l'intitulé en fonction de l'état du
bouton et de l'action à venir (activer OU désactiver le son)
- Les modales qui intègrent les transcriptions textuelles ne sont pas complètement
conformes au DP ARIA Dialog (il manque un titre sur le container , ajouter la
propriété aria-label, avec par exemple, "transcription textuelle de la vidéo "quand la
pensée magique s'impose".
Rqe: il a été très difficile d'inspecter ces modales, le site cessant de répondre
lorsqu'on les lance.
- Mettre les "à écouter" dans des titres 3

- Supprimer le titre "Février/Mars 2017"
- Retirer les frameborder/allowtranspency des iframe

- Ajouter un title sur le lien "semaine du cerveau" : Semaine du cerveau

nouvelle fenêtre





Page Ma cité accessible / déficients visuels/ expo permanente/ legrand récit de l’univers
Thématique Url http://www.cite-sciences.fr/fr/ma-cite-accessible/deficients-visuels/expositions-permanentes/le-grand-reci
Dérogation
Niveau
Critère
Statut
WCAG
Recommandation
Thématique
Dérogation
Niveau
Critère
Statut
WCAG
Recommandation

STRUCTURATION 9.1 A
NC
/ expo permanente/ legrand récit de l’univers
te-accessible/deficients-visuels/expositions-permanentes/le-grand-recit-de-lunivers/

- Mettre le titre de l'expo dans un H1 "déficients visuels"

- Les textes en gras du type "les roches volcaniques" doivent être dans des
titres h4


Page Au programme/Cité de la santé/Ecouter, Voir, Jouer/Les vidéos santé en LSF
Url http://www.cite-sciences.fr/fr/au-programme/lieux-ressources/cite-de-la-sante/au-programme/la-sante-en
en-lsf/
Niveau WCAG
Thématique
Dérogation
Critère
Statut
Recommandation
CADRES 2.1 A Chaque cadre en ligne a-t-il un titre de cadre ? C

Niveau WCAG
Thématique
Dérogation
Critère
Statut
Recommandation


MULTIMÉDIA 4.2 A
NC

MULTIMÉDIA 4.3 A enregistré a-t-il, si nécessaire, des sous-titres NC
Niveau WCAG
Thématique
Dérogation
Critère
Statut
Recommandation

LIENS 6.2 A
est-il pertinent ?
c

ÉLÉMENTS
OBLIGATOIRES

STRUCTURATION 9.3 A
c
Niveau WCAG
Thématique
Dérogation
Critère
Statut
Recommandation

PRÉSENTATION 10.1 A utilisées pour contrôler la présentation de c
l'information ?
Niveau WCAG
Thématique
Dérogation
Critère
Statut
Recommandation

CONSULTATION 13.2 A
C

CONSULTATION 13.7 A bureautique en téléchargement possède-t-il, si NC
ter, Voir, Jouer/Les vidéos santé en LSF
ogramme/lieux-ressources/cite-de-la-sante/au-programme/la-sante-en-langue-des-signes/les-videos-sante-
- Ajouter un title à toutes les iframes qui embarquent des vidéos. Par exemple
:
<iframe src="//www.dailymotion.com/embed/video/x5ez5q1?
autoPlay=0&subtitles-default=&queue-enable=false" title="vidéo matière
à décider"></iframe>
- une seule vidéo possède une transcription textuelle. Il faut une TT pour toutes
les autres vidéos.
- voir 1.37
- les vidéos n'ont pas de sous-titres

- Ajouter l'intitulé du lien dans le title pour le lien "voir le film sur le site France 5" :
"voir le film sur le site France 5 nouvelle fenêtre". Idem pour le lien "voir el Er
épisode le corps de la femme"
- Supprimer le titre sur le lien "Transcription écrite de la conférence La souffrance
des sourds au travail (PDF, 156ko, français)"
- Tous les textes avec la classes "titleMedia" (ex. "Art-thérapie pour

personnes âgées sourdes (1h37min)") doivent être dans un paragraphe
- Utiliser une liste ul/li dans la section "Conférence "La souffrance des sourds au
travail" en LSF " pour la liste "Vous pouvez :
- lire la transcription écrite de cette conférence en lien ci-dessous :
Transcription écrite de la conférence La souffrance des sourds au travail (PDF, 156ko,
français)
- voir la retransmission en langue des signes réalisée par Claire Garguier, médiatrice
sourde à la Bibliothèque des sciences et de l'indus...."
- Retirer les frameborder/allowtranspency des iframe

- Ajouter la mention "nouvelle fenêtre" dans le title sur les liens "loeil et la
main", "Pisourd" et tous les autres liens du contenu qui ouvrent une
nouvelle fenêtre, sur le modèle : "Pisourd nouvelle fenêtre"
- Le document "la souffrances des sourds au travail" manque de structure :

absence de titre, de listes, de table des matières
cette page est située

maintenant :
AccueilAu
Suivi des correctifs Corrections programmeCité de la
santéEcouter / Voir /
JouerLes vidéos santé
en LSF

maintenant :
AccueilAu
en LSF

maintenant :
AccueilAu
en LSF

maintenant :
AccueilAu
en LSF

maintenant :
AccueilAu
en LSF
Page Ressources/Autour du jeu vidéo
http://www.cite-sciences.fr/fr/ressources/autour-du-jeu-video/galerie-photos/galerie-photos-de-jean-guesd
Url
Niveau WCAG
Thématique
Dérogation
Critère
Statut
Recommandation

IMAGES 1.3 A une alternative textuelle, cette alternative est- NA
elle pertinente (hors cas particuliers) ?
Niveau WCAG
Thématique
Dérogation
Critère
Statut
Recommandation

SCRIPT 7.1 A
c

STRUCTURATION 9.3 A
C
urces/autour-du-jeu-video/galerie-photos/galerie-photos-de-jean-guesdon
- Dans le diaporama, les images étant le seul contenu, elles doivent avoir
une alternative (au moins pour les identifier et les différencier photo 1 de face de
xxx, photo 2 de face de xxx etc…).
- Faire de même avec les images qui constituent les boutons de déclenchement de la
modale.
- Les composants déclenchant l'ouverture de la modale du diaporama

devraient être boutons.
- Le contenu central devrait être structuré dans une liste, utilisez role=list et listitem
pour éviter les régressions CSS dues à la mise en forme particulière


Rgaa 3.0 2017 - Grille D'Évaluation: #Page Titre de La Page

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Rgaa 3.0 2017 - Grille D'Évaluation: #Page Titre de La Page

Transféré par

Droits d'auteur :

Formats disponibles

RGAA 3.

0 2017 – GRILLE D'ÉVA

N° page Titre de la page

Résultat de recherche sur

P06 Page accessibilité

nouvelle url : http://www.cite-sciences.fr/fr/au-programme/lieux-ressources/cite-de-la-sante/au-p

nouvelle url : http://www.cite-sciences.fr/fr/ressources/autour-du-jeu-video/masterclass/mastercl

Conformité pour chaque niveau

Résultats par niveau 60.00

Un critère peut prendre 4 statuts différents :

e la manière suivante : C / (C+NC) où C est le nombre de critères conformes et NC le nombre de critères n

du taux de conformité par page.

nombre de critères non

Chaque image a-t-elle une alternative

Chaque image porteuse d'information a-t-

Pour chaque image porteuse d'information

Chaque légende d'image est-elle, si

Chaque cadre en ligne a-t-il un titre de

Pour chaque cadre en ligne ayant un titre

Dans chaque page Web, l'information ne

Chaque média temporel synchronisé pré-

Chaque média temporel pré-enregistré a-t-

Pour chaque média temporel pré-

Chaque média temporel est-il clairement

Chaque média non temporel a-t-il, si

Pour chaque média non temporel ayant

Chaque son déclenché automatiquement

La consultation de chaque média temporel

La consultation de chaque média non

Chaque média temporel et non temporel

Chaque tableau de données complexe a-t-

Pour chaque tableau de mise en forme, le

TABLEAUX 5.4 Chaque tableau de données a-t-il un titre ? A

Pour chaque tableau de données ayant un

Pour chaque tableau de données, chaque

Chaque lien est-il explicite (hors cas

Pour chaque lien ayant un titre de lien,

Pour chaque page web, chaque lien

Dans chaque page Web, chaque lien, à

Chaque script est-il, si nécessaire,

Pour chaque script ayant une alternative,

Chaque script est-il contrôlable par le

Pour chaque script qui initie un

ÉLÉMENTS Chaque page Web est-elle définie par un

ÉLÉMENTS Dans chaque page Web, la langue par

Pour chaque page Web ayant une langue

ÉLÉMENTS Chaque page Web a-t-elle un titre de

ÉLÉMENTS Pour chaque page Web ayant un titre de

Dans chaque page Web, chaque

ÉLÉMENTS Dans chaque page Web, chaque

ÉLÉMENTS Dans chaque page Web, les changements

Dans chaque page Web, l'information est-

Dans chaque page Web, la structure du

Dans chaque page Web, chaque liste est-

Dans chaque page Web, chaque citation

Dans le site Web, des feuilles de styles

Dans chaque page Web, l'information

Dans chaque page Web, le texte reste-t-il

Dans chaque page Web, les déclarations

Dans chaque page Web, chaque lien dont

Dans chaque page Web, pour chaque

Chaque champ de formulaire a-t-il une

Chaque étiquette associée à un champ de