Accessibilité

Ce qui est tenu

• Clavier

  Menu, rendez-vous et visionneuse se parcourent au clavier. La tabulation reste dans la fenêtre ouverte. Échap referme et rend le focus.

• Images

  Les cartes sont décoratives. La galerie décrit l’écran. Un logo ne répète pas un nom déjà écrit à côté.

• Structure

  Un titre par page, un lien d’évitement, des zones nommées, un plan du site qui couvre les pages publiques.

• Contraste du texte

  Le texte courant va de 8:1 à 15:1 sur le fond. Le seuil du référentiel est 4,5:1.

• Formulaires

  Chaque champ du dossier a son étiquette. Les réponses de même nature sont groupées. Le résultat est annoncé.

• Consultation

  Pas de fenêtre ouverte seule, pas de PDF, pas de limite de temps. À 200 % et en fenêtre étroite, le texte reste en place.

Les treize thématiques

Ouvrir une thématique affiche chaque critère et l’élément du site. Utile pour voir ce qui reste à reprendre.

• 01Images4 conformes · 5 non concernés

  • 1.1ConformeAlternative textuelle

    Galerie des fiches : le bouton « Agrandir » porte la description, l’image reste vide. Article RGAA : les deux schémas ont une alternative qui décrit le dessin. Article sur les sites publics : le visuel du chiffre 67 % et le schéma des causes et des leviers ont une alternative qui décrit le dessin.

  • 1.2ConformeImage de décoration

    Cartes des projets, et logos dont le nom est déjà écrit à côté : alternative vide. Les schémas des articles sont informatifs.

  • 1.3ConformeAlternative pertinente

    La description de la galerie dit ce que l’écran montre. Les alternatives des schémas décrivent la loi, le décret, les deux formulaires, le chiffre de 67 % et les deux colonnes de causes et de leviers.

  • 1.4Non concernéCAPTCHA ou image-test

    Pas de CAPTCHA, pas d’image-test.

  • 1.5Non concernéAccès alternatif au CAPTCHA

    Pas de CAPTCHA.

  • 1.6Non concernéDescription détaillée

    Les alternatives des schémas portent déjà toute l’information. Pas de description longue séparée.

  • 1.7Non concernéPertinence de la description détaillée

    Pas de description détaillée.

  • 1.8ConformeImage texte

    Captures, logos et les schémas : le texte utile est déjà écrit à côté, et dans l’alternative. Cas particulier du référentiel.

  • 1.9Non concernéLégende d’image

    Pas de légende à relier. Les schémas de l’article n’ont pas de figcaption.

• 02Cadres2 conformes

  • 2.1ConformeTitre de cadre

    L’iframe du rendez-vous reçoit le titre « Réservation Cal.com » dès qu’elle est prête.

  • 2.2ConformeTitre pertinent

    Ce titre nomme le calendrier.

• 03Couleurs2 conformes · 1 ouvert

  • 3.1ConformeInformation par la couleur

    Pas de graphique, de consigne ou de statut dont la seule différence serait une couleur. Les barres de cette page sont masquées aux aides techniques : le compte est écrit.

  • 3.2ConformeContraste du texte

    Texte #ede4d4 sur #161410 : 14,6:1. Texte atténué #b7aa94 : 8,1:1. Le vert #8ec07c des liens : 8,7:1 sur #161410, 7,9:1 sur #221e18, 7,3:1 sur #2a241c, 5,7:1 sur #3d352b. Le seuil du petit texte est 4,5:1. Mesuré le 24 octobre 2026, liste du blog incluse.

  • 3.3OuvertContraste des composants

    Dans le dossier de conformité, le champ du lien et les champs chiffrés ont une bordure #3d352b sur le fond #161410. Le rapport est 1,5:1. Le seuil d’un composant d’interface est 3:1. Le texte de ces champs est, lui, au-dessus de 4,5:1.

• 04MultimédiaNon concerné

  • 4.1Non concernéTranscription ou audiodescription

    Pas de son ni de vidéo.

  • 4.2Non concernéPertinence de la transcription

    Pas de transcription.

  • 4.3Non concernéSous-titres synchronisés

    Pas de média synchronisé.

  • 4.4Non concernéPertinence des sous-titres

    Pas de sous-titres.

  • 4.5Non concernéAudiodescription synchronisée

    Pas de vidéo.

  • 4.6Non concernéPertinence de l’audiodescription

    Pas d’audiodescription.

  • 4.7Non concernéMédia identifiable

    Pas de média temporel.

  • 4.8Non concernéAlternative d’un média non temporel

    Pas de diaporama ni d’animation à transcrire.

  • 4.9Non concernéPertinence de cette alternative

    Pas de média non temporel.

  • 4.10Non concernéSon automatique

    Aucun son ne démarre seul.

  • 4.11Non concernéContrôle clavier d’un média temporel

    Pas de lecteur.

  • 4.12Non concernéContrôle clavier d’un média non temporel

    Pas de média non temporel.

  • 4.13Non concernéCompatibilité du média

    Pas de média.

• 05Tableaux4 conformes · 4 non concernés

  • 5.1Non concernéRésumé d’un tableau complexe

    Le tableau des sources de l’article RGAA et le tableau des communes de l’article sur les sites publics sont simples. Pas de tableau complexe à résumer.

  • 5.2Non concernéPertinence du résumé

    Pas de résumé de tableau complexe.

  • 5.3Non concernéTableau de mise en forme

    Pas de tableau utilisé pour la mise en page.

  • 5.4ConformeTitre de tableau

    Le tableau des sources de l’article RGAA est associé au titre « Sources (consultées le 25 octobre 2026) » par aria-labelledby. Le tableau des communes est associé au titre « Les communes, en retrait » par aria-labelledby.

  • 5.5ConformePertinence du titre

    Le tableau des sources a pour titre « Sources (consultées le 25 octobre 2026) ». Le tableau des communes a pour titre « Les communes, en retrait ». Ces titres disent ce que les tableaux contiennent.

  • 5.6ConformeEn-têtes de colonnes et de lignes

    Le tableau des sources a une ligne d’en-têtes : Source, URL, Consultée. Le tableau des communes a une ligne d’en-têtes : l’intitulé des sites et Nombre.

  • 5.7ConformeAssociation des cellules et des en-têtes

    Les en-têtes des deux tableaux portent scope="col". Chaque cellule est sous sa colonne.

  • 5.8Non concernéMise en forme sans balises de données

    Pas de tableau de mise en forme.

• 06Liens2 conformes

  • 6.1ConformeLien explicite

    Les trois liens « En savoir plus » de la grille portent ensuite le titre du projet, masqué visuellement. Le nom accessible commence par le texte visible. La carte phare inclut déjà le titre dans le lien.

  • 6.2ConformeIntitulé de lien

    Chaque lien a un nom : le texte visible, ou le nom du bouton « Agrandir ».

• 07Scripts4 conformes · 1 non concerné

  • 7.1ConformeCompatibilité des scripts

    Menu, rendez-vous et visionneuse ont un nom, un rôle et un état. NVDA, JAWS, VoiceOver et TalkBack n’ont pas servi à ce passage. Relecture prévue avant le 31 décembre 2026.

  • 7.2Non concernéAlternative à un script

    Aucun script ne propose une alternative à évaluer.

  • 7.3ConformeContrôle clavier

    Tabulation, Échap et pointeur. Le focus reste dans la fenêtre ouverte.

  • 7.4ConformeChangement de contexte

    Ouvrir le menu, le rendez-vous ou la visionneuse déplace le focus. C’est l’action de la personne qui le déclenche.

  • 7.5ConformeMessages de statut

    Le chargement du calendrier et le changement d’image de la galerie sont annoncés.

• 08Éléments obligatoires9 conformes · 1 non concerné

  • 8.1ConformeType de document

    Chaque page est un document HTML.

  • 8.2ConformeValidité du code

    Aucune balise mal fermée ni attribut inconnu relevé sur l’échantillon.

  • 8.3ConformeLangue par défaut

    L’attribut lang est présent sur la page.

  • 8.4ConformeCode de langue

    La langue par défaut est le français : fr.

  • 8.5ConformeTitre de page

    Chaque page a un titre.

  • 8.6ConformeTitre pertinent

    Le titre nomme la page : accueil, fiche, mentions, cette page.

  • 8.7ConformeChangements de langue

    Article RGAA : « European Accessibility Act » et « Web Content Accessibility Guidelines » portent lang="en". Les sigles (WCAG, W3C, URL, DINUM, JORF) et les emprunts lexicalisés (intranet, extranet, e-mail, internet) ne sont pas balisés. Ailleurs : Brief, remote, ghosting, one-shot, full-stack, hardware-adjacent, desktop, hard+soft, Ultrasonics, Heat Transfer Engineering. Article sur les sites publics non conformes : aucun mot anglais à baliser. Les sigles (RGAA, Arcom, PDF, HTML, CMS, INSEE), les emprunts lexicalisés (internet, web) et les noms propres (WordPress, DesignGouv) ne le sont pas.

  • 8.8ConformeCode de langue des changements

    Le code utilisé pour ces mots est en.

  • 8.9ConformeBalises de présentation

    La présentation est dans la feuille de styles.

  • 8.10Non concernéSens de lecture

    Pas de passage écrit de droite à gauche.

• 09Structure3 conformes · 1 ouvert

  • 9.1ConformeTitres

    Un titre de niveau 1 par page. Sur les articles RGAA et sites publics, le h1 est celui du corps ; le titre SEO reste dans la balise title.

  • 9.2ConformeStructure du document

    En-tête, navigation, contenu principal, pied. Les zones sont nommées.

  • 9.3ConformeListes

    Les énumérations (atouts, recours, plan du site) sont de vraies listes.

  • 9.4OuvertCitations

    Les citations courtes de l’article RGAA sont dans q. Les guillemets « » et l’espace fine de ces citations viennent de la feuille de styles. L’article sur les sites publics non conformes écrit ses citations courtes entre guillemets français, dans le texte, sans balise q. Le critère demande une balise q pour chaque citation courte. Le tableau de cet article est un tableau de données, pas une citation.

• 10Présentation12 conformes · 2 non concernés

  • 10.1ConformeFeuilles de styles

    La présentation est en CSS.

  • 10.2ConformeContenu sans styles

    Le texte, les liens et les titres restent dans le HTML.

  • 10.3ConformeOrdre sans styles

    L’ordre du code suit la lecture de la page.

  • 10.4ConformeTexte à 200 %

    À 640 px de large, le texte ne se chevauche pas.

  • 10.5ConformeCouleurs de fond et de texte

    Le fond #161410 et le texte #ede4d4 sont déclarés ensemble.

  • 10.6ConformeLiens dans le texte

    Les liens dans un texte sont soulignés. Le survol épaissit le trait. Le focus a un contour de 2 px. Le vert reste #8ec07c : 8,7:1 sur le fond #161410. La distinction ne repose pas sur la seule couleur.

  • 10.7ConformePrise de focus visible

    Contour de 2 px. Le dialogue de rendez-vous retire le contour de son cadre, pas celui du bouton Fermer.

  • 10.8ConformeContenus cachés

    Menu fermé, œuf de Pâques « -- NORMAL -- » et barres décoratives : masqués aux aides techniques.

  • 10.9ConformeForme, taille ou position

    Une consigne n’est pas donnée seulement par une forme ou une place.

  • 10.10ConformePertinence de cette règle

    Le texte porte l’information, à côté du signe visuel.

  • 10.11ConformeFenêtre de 320 px

    Pas de défilement horizontal à 320 px sur l’accueil, les fiches, la liste du blog, ni l’article RGAA. Les blocs de code défilent dans leur cadre.

  • 10.12ConformeEspacement du texte

    Les tailles sont relatives. Aucun bloc à hauteur fixe ne coupe une ligne.

  • 10.13Non concernéContenu au survol ou au focus

    Pas de bulle ni de panneau qui apparaît au survol.

  • 10.14Non concernéContenu ajouté par le seul CSS

    Pas de contenu informatif injecté par le seul CSS.

• 11Formulaires8 conformes · 5 non concernés

  • 11.1ConformeÉtiquette

    Chaque champ du dossier a son étiquette.

  • 11.2ConformeÉtiquette pertinente

    L’étiquette nomme la question posée.

  • 11.3ConformeÉtiquettes cohérentes

    La même question garde le même intitulé.

  • 11.4ConformeÉtiquette accolée

    L’étiquette est liée au champ, ou l’englobe.

  • 11.5ConformeChamps de même nature

    Les réponses de même nature sont groupées.

  • 11.6ConformeLégende de regroupement

    Chaque groupe a une légende.

  • 11.7ConformeLégende pertinente

    La légende dit le sujet du groupe.

  • 11.8Non concernéListe de choix

    Pas de liste déroulante dont les items seraient à regrouper.

  • 11.9ConformeIntitulé des boutons

    Le bouton du dossier dit « Copier le lien de cette lecture ».

  • 11.10Non concernéContrôle de saisie

    Le dossier se lit dans la page. Il n’est pas envoyé, il n’y a pas de contrôle de saisie.

  • 11.11Non concernéSuggestions de correction

    Pas de contrôle de saisie à accompagner.

  • 11.12Non concernéModification des données

    Pas d’envoi, pas de conséquence financière ou juridique.

  • 11.13Non concernéAutocomplétion

    Pas de champ d’identité à préremplir.

• 12Navigation8 conformes · 3 non concernés

  • 12.1ConformeDeux systèmes de navigation

    Le menu des sections, et la page Plan du site.

  • 12.2ConformePlace du menu

    Le menu est dans l’en-tête, à la même place d’une page à l’autre.

  • 12.3ConformePlan du site pertinent

    Le plan couvre les pages publiques, y compris les fiches indexées.

  • 12.4ConformeAccès au plan du site

    Le lien est dans le pied, sur chaque page.

  • 12.5Non concernéMoteur de recherche

    Pas de moteur de recherche interne.

  • 12.6ConformeAtteindre ou éviter les zones

    Lien d’évitement vers le contenu. En-tête, navigation et pied sont des zones.

  • 12.7ConformeLien d’évitement

    « Aller au contenu » est le premier élément atteint au clavier.

  • 12.8ConformeOrdre de tabulation

    L’ordre suit la page. Dans une fenêtre ouverte, la tabulation y reste.

  • 12.9ConformePas de piège au clavier

    On sort du menu, du rendez-vous et de la visionneuse par Échap ou par le bouton Fermer.

  • 12.10Non concernéRaccourci d’une seule touche

    Pas de raccourci lettre, chiffre ou signe.

  • 12.11Non concernéContenu additionnel au clavier

    Pas de panneau au survol à atteindre au clavier.

• 13Consultation3 conformes · 1 ouvert · 8 non concernés

  • 13.1Non concernéLimite de temps

    Pas de limite de temps dans la page.

  • 13.2ConformeNouvelle fenêtre

    Aucune fenêtre ne s’ouvre au chargement.

  • 13.3Non concernéDocument bureautique

    Pas de PDF ni de fichier à télécharger.

  • 13.4Non concernéVersion accessible d’un document

    Pas de document bureautique.

  • 13.5Non concernéContenu cryptique

    Pas d’art ASCII, d’émoticône ni de syntaxe à expliquer.

  • 13.6Non concernéAlternative d’un contenu cryptique

    Pas de contenu cryptique.

  • 13.7Non concernéFlash

    Pas de flash ni de changement brusque de luminosité.

  • 13.8OuvertMouvement en boucle

    L’indicateur de défilement de l’accueil boucle sans bouton pour l’arrêter. La préférence du système « réduire les animations » le coupe. Le critère demande un contrôle dans la page.

  • 13.9ConformeOrientation

    Le texte se lit en largeur et à 390 px de large.

  • 13.10Non concernéGeste complexe

    Pas de geste à plusieurs doigts. Le clic et le clavier suffisent.

  • 13.11ConformeAnnulation du pointeur

    L’action d’un bouton ou d’un lien part au relâchement. Sortir du contrôle avant de relâcher l’annule.

  • 13.12Non concernéMouvement de l’appareil

    Pas de fonction liée à l’inclinaison ou au secouement.

Trois critères ouverts

• 3.3

  Bordure des champs

  Dans le dossier de conformité, le champ du lien et les champs chiffrés ont une bordure #3d352b sur le fond #161410. Le rapport est 1,5:1. Le seuil d’un composant d’interface est 3:1. Le texte de ces champs est, lui, au-dessus de 4,5:1.

• 9.4

  Citations

  Les citations courtes de l’article RGAA sont dans q. Les guillemets « » et l’espace fine de ces citations viennent de la feuille de styles. L’article sur les sites publics non conformes écrit ses citations courtes entre guillemets français, dans le texte, sans balise q. Le critère demande une balise q pour chaque citation courte. Le tableau de cet article est un tableau de données, pas une citation.

• 13.8

  Mouvement en boucle

  L’indicateur de défilement de l’accueil boucle sans bouton pour l’arrêter. La préférence du système « réduire les animations » le coupe. Le critère demande un contrôle dans la page.

Dossier