Déclaration d'accessibilité
Julien Dudek s'engage à rendre Runornot accessible conformément à l'article 47 de la loi n° 2005-102 du 11 février 2005. Cette déclaration s'applique au site runornot.byj6n.fr.
État de conformité
Runornot est totalement conforme avec le référentiel général d'amélioration de l'accessibilité (RGAA 4.1.2), qui reprend les critères des WCAG 2.1 niveaux A et AA.
- Taux de conformité
- 100 %
- Critères conformes
- 63
- Critères non conformes
- 0
- Critères non applicables
- 43
Résultats des tests
L'audit de conformité réalisé le et mis à jour le (ajout des guides, du menu principal et du plan du site) révèle que 100 % des critères applicables du RGAA 4.1.2 sont respectés : 63 critères conformes sur 63 applicables, parmi les 106 que compte le référentiel. Le taux est calculé en divisant le nombre de critères conformes par le nombre de critères applicables.
| Thématique | Conformes | Non conformes | Non applicables | Taux |
|---|---|---|---|---|
| 1. Images | 3 | 0 | 6 | 100 % |
| 2. Cadres | 0 | 0 | 2 | — |
| 3. Couleurs | 3 | 0 | 0 | 100 % |
| 4. Multimédia | 0 | 0 | 13 | — |
| 5. Tableaux | 4 | 0 | 4 | 100 % |
| 6. Liens | 2 | 0 | 0 | 100 % |
| 7. Scripts | 4 | 0 | 1 | 100 % |
| 8. Éléments obligatoires | 9 | 0 | 1 | 100 % |
| 9. Structuration de l’information | 3 | 0 | 1 | 100 % |
| 10. Présentation de l’information | 13 | 0 | 1 | 100 % |
| 11. Formulaires | 7 | 0 | 6 | 100 % |
| 12. Navigation | 9 | 0 | 2 | 100 % |
| 13. Consultation | 6 | 0 | 6 | 100 % |
Contenus non accessibles
Aucun critère non conforme n'a été relevé lors de l'audit.
À savoir : l'image du dossard générée par le bouton « Partager » est une image sans texte alternatif, envoyée hors du site. Pense à écrire la réponse dans ton message si tes destinataires utilisent un lecteur d'écran.
Ce que le site prend en charge
- Menu principal sur chaque page, plan du site et fil d’Ariane.
- Navigation complète au clavier, avec un lien « Aller au contenu » et un indicateur de focus visible, y compris en mode contraste élevé.
- Contrastes d'au moins 4,5:1 pour le texte, en thème clair comme en thème sombre.
- Thème clair, sombre ou automatique, au choix.
- Annonce aux lecteurs d'écran de la réponse mise à jour (météo, nouveau créneau) et du résultat du partage.
- Réponse stable pendant tout un créneau horaire : le texte ne change pas en cours de lecture.
- Respect du réglage « réduire les animations » du système.
- La réponse n'est jamais donnée par la couleur seule : OUI, NON ou ÇA PATINE est toujours écrit.
- Une réponse de repli reste lisible quand JavaScript est désactivé.
Établissement de cette déclaration
Cette déclaration a été établie le , à partir d'un audit interne, et mise à jour le .
Technologies utilisées
- HTML5
- CSS
- JavaScript
- SVG
Environnement de test
- Google Chrome (Linux), piloté par Playwright
- Navigation au clavier
- Mode contraste élevé (émulé)
Outils et méthode
- Revue manuelle du code source, critère par critère
- html-validate (validité du code source)
- axe-core (tests automatiques WCAG 2.1 A et AA), en thème clair et sombre
- Calcul des contrastes des textes, boutons et indicateurs de focus, en thème clair et sombre
- Chrome piloté par Playwright : ordre de tabulation, lien d'évitement, choix du thème aux flèches, boutons à Entrée et Espace, conservation du focus, accordéons
- Inspection de l'arbre d'accessibilité (rôles, noms, régions) et des messages annoncés par les régions live
- Captures : affichage à 320 px, écran court, thème sombre, contraste élevé
L'audit n'a pas encore été complété par une écoute avec un lecteur d'écran (NVDA, VoiceOver, Orca).
Grille d'audit détaillée
Statut de chacun des 106 critères, regroupés par thématique.
1. Images · 3 C, 0 NC, 6 NA
| N° | Critère | Statut |
|---|---|---|
| 1.1 | Chaque image porteuse d’information a-t-elle une alternative textuelle ?Logo SVG dans un lien : SVG masqué (aria-hidden), lien nommé « j6n, site de Julien Dudek (nouvelle fenêtre) » par aria-label. | Conforme |
| 1.2 | Chaque image de décoration est-elle correctement ignorée par les technologies d’assistance ?Œillets du dossard, ligne de piste, icônes du bouton de partage et emojis masqués par aria-hidden. | Conforme |
| 1.3 | Pour chaque image porteuse d’information ayant une alternative textuelle, cette alternative est-elle pertinente ? | Conforme |
| 1.4 | Pour chaque image utilisée comme CAPTCHA ou comme image-test, l’alternative permet-elle d’identifier la nature et la fonction de l’image ?Aucun CAPTCHA. | Non applicable |
| 1.5 | Pour chaque image utilisée comme CAPTCHA, une solution d’accès alternatif est-elle présente ? | Non applicable |
| 1.6 | Chaque image porteuse d’information a-t-elle, si nécessaire, une description détaillée ? | Non applicable |
| 1.7 | Pour chaque image porteuse d’information ayant une description détaillée, cette description est-elle pertinente ? | Non applicable |
| 1.8 | Chaque image texte porteuse d’information doit si possible être remplacée par du texte stylé. Cette règle est-elle respectée ?Seule image texte : le logo, cas particulier. | Non applicable |
| 1.9 | Chaque légende d’image est-elle, si nécessaire, correctement reliée à l’image correspondante ? | Non applicable |
2. Cadres · 0 C, 0 NC, 2 NA
| N° | Critère | Statut |
|---|---|---|
| 2.1 | Chaque cadre a-t-il un titre de cadre ?Aucun cadre (iframe). | Non applicable |
| 2.2 | Pour chaque cadre ayant un titre de cadre, ce titre de cadre est-il pertinent ? | Non applicable |
3. Couleurs · 3 C, 0 NC, 0 NA
| N° | Critère | Statut |
|---|---|---|
| 3.1 | Dans chaque page web, l’information ne doit pas être donnée uniquement par la couleur. Cette règle est-elle respectée ?La réponse est toujours écrite (OUI, NON, ÇA PATINE), la couleur ne fait que la doubler. Option active du thème : graisse et liseré. | Conforme |
| 3.2 | Le contraste entre la couleur du texte et la couleur de son arrière-plan est-il suffisamment élevé ?Vérifié en thème clair et sombre : texte ≥ 4,5:1, grande réponse colorée ≥ 3,5:1. | Conforme |
| 3.3 | Les couleurs utilisées dans les composants d’interface ou les éléments graphiques porteurs d’informations sont-elles suffisamment contrastées ?Anneau de focus ≥ 6,9:1, liseré de l’option active du thème ≥ 3,3:1. | Conforme |
4. Multimédia · 0 C, 0 NC, 13 NA
| N° | Critère | Statut |
|---|---|---|
| 4.1 | Chaque média temporel pré-enregistré a-t-il, si nécessaire, une transcription textuelle ou une audiodescription ?Aucun média sur le site. | Non applicable |
| 4.2 | Pour chaque média temporel pré-enregistré ayant une transcription textuelle ou une audiodescription synchronisée, celles-ci sont-elles pertinentes ? | Non applicable |
| 4.3 | Chaque média temporel synchronisé pré-enregistré a-t-il, si nécessaire, des sous-titres synchronisés ? | Non applicable |
| 4.4 | Pour chaque média temporel synchronisé pré-enregistré ayant des sous-titres synchronisés, ces sous-titres sont-ils pertinents ? | Non applicable |
| 4.5 | Chaque média temporel pré-enregistré a-t-il, si nécessaire, une audiodescription synchronisée ? | Non applicable |
| 4.6 | Pour chaque média temporel pré-enregistré ayant une audiodescription synchronisée, celle-ci est-elle pertinente ? | Non applicable |
| 4.7 | Chaque média temporel est-il clairement identifiable ? | Non applicable |
| 4.8 | Chaque média non temporel a-t-il, si nécessaire, une alternative ? | Non applicable |
| 4.9 | Pour chaque média non temporel ayant une alternative, cette alternative est-elle pertinente ? | Non applicable |
| 4.10 | Chaque son déclenché automatiquement est-il contrôlable par l’utilisateur ? | Non applicable |
| 4.11 | La consultation de chaque média temporel est-elle, si nécessaire, contrôlable par le clavier et tout dispositif de pointage ? | Non applicable |
| 4.12 | La consultation de chaque média non temporel est-elle contrôlable par le clavier et tout dispositif de pointage ? | Non applicable |
| 4.13 | Chaque média temporel et non temporel est-il compatible avec les technologies d’assistance ? | Non applicable |
5. Tableaux · 4 C, 0 NC, 4 NA
| N° | Critère | Statut |
|---|---|---|
| 5.1 | Chaque tableau de données complexe a-t-il un résumé ?Les tableaux de cette page sont simples. | Non applicable |
| 5.2 | Pour chaque tableau de données complexe ayant un résumé, celui-ci est-il pertinent ? | Non applicable |
| 5.3 | Pour chaque tableau de mise en forme, le contenu linéarisé reste-t-il compréhensible ?Aucun tableau de mise en forme. | Non applicable |
| 5.4 | Pour chaque tableau de données ayant un titre, le titre est-il correctement associé au tableau de données ?Élément caption (page Accessibilité). | Conforme |
| 5.5 | Pour chaque tableau de données ayant un titre, celui-ci est-il pertinent ? | Conforme |
| 5.6 | Pour chaque tableau de données, chaque en-tête de colonne et chaque en-tête de ligne sont-ils correctement déclarés ? | Conforme |
| 5.7 | Pour chaque tableau de données, la technique appropriée permettant d’associer chaque cellule avec ses en-têtes est-elle utilisée ?Attribut scope sur les en-têtes. | Conforme |
| 5.8 | Chaque tableau de mise en forme ne doit pas utiliser d’éléments propres aux tableaux de données. Cette règle est-elle respectée ? | Non applicable |
6. Liens · 2 C, 0 NC, 0 NA
| N° | Critère | Statut |
|---|---|---|
| 6.1 | Chaque lien est-il explicite ?Liens : « Aller au contenu », « Retour à l’accueil », « Accessibilité : totalement conforme », « page de contact », logo « j6n, site de Julien Dudek (nouvelle fenêtre) », « Julien Dudek » (site de l’auteur, même fenêtre). | Conforme |
| 6.2 | Dans chaque page web, chaque lien a-t-il un intitulé ? | Conforme |
7. Scripts · 4 C, 0 NC, 1 NA
| N° | Critère | Statut |
|---|---|---|
| 7.1 | Chaque script est-il, si nécessaire, compatible avec les technologies d’assistance ?Boutons et boutons radio natifs ; pendant un traitement, aria-disabled garde le focus sur le bouton. | Conforme |
| 7.2 | Pour chaque script ayant une alternative, cette alternative est-elle pertinente ?Sans JavaScript, une réponse de repli donne la règle des bons créneaux. | Conforme |
| 7.3 | Chaque script est-il contrôlable par le clavier et par tout dispositif de pointage ?Météo, partage, choix du thème et questions fréquentes (details/summary natifs) utilisables au clavier et à la souris. | Conforme |
| 7.4 | Pour chaque script qui initie un changement de contexte, l’utilisateur est-il averti ou en a-t-il le contrôle ?Aucun changement de contexte déclenché par script. | Non applicable |
| 7.5 | Dans chaque page web, les messages de statut sont-ils correctement restitués par les technologies d’assistance ?Statut de la géolocalisation, réponse mise à jour, changement de créneau et résultat du partage annoncés via role="status". | Conforme |
8. Éléments obligatoires · 9 C, 0 NC, 1 NA
| N° | Critère | Statut |
|---|---|---|
| 8.1 | Chaque page web est-elle définie par un type de document ? | Conforme |
| 8.2 | Pour chaque page web, le code source généré est-il valide selon le type de document spécifié ?Vérifié avec html-validate (seules remarques : style d’écriture du doctype et des balises meta, sans effet sur la validité). | Conforme |
| 8.3 | Dans chaque page web, la langue par défaut est-elle présente ? | Conforme |
| 8.4 | Pour chaque page web ayant une langue par défaut, le code de langue est-il pertinent ? | Conforme |
| 8.5 | Chaque page web a-t-elle un titre de page ? | Conforme |
| 8.6 | Pour chaque page web ayant un titre de page, ce titre est-il pertinent ? | Conforme |
| 8.7 | Dans chaque page web, chaque changement de langue est-il indiqué dans le code source ?« WCAG » balisé lang="en" ; les autres mots anglais (GO, OK, start…) sont passés dans l’usage courant. | Conforme |
| 8.8 | Dans chaque page web, le code de langue de chaque changement de langue est-il valide et pertinent ? | Conforme |
| 8.9 | Dans chaque page web, les balises ne doivent pas être utilisées uniquement à des fins de présentation. Cette règle est-elle respectée ? | Conforme |
| 8.10 | Dans chaque page web, les changements du sens de lecture sont-ils signalés ? | Non applicable |
9. Structuration de l’information · 3 C, 0 NC, 1 NA
| N° | Critère | Statut |
|---|---|---|
| 9.1 | Dans chaque page web, l’information est-elle structurée par l’utilisation appropriée de titres ?Un h1 par page, sections titrées en h2 (« Comment ça marche ? », « Questions fréquentes » et « Pour aller plus loin » sur l’accueil, sections de cette page). | Conforme |
| 9.2 | Dans chaque page web, la structure du document est-elle cohérente ?En-tête, contenu principal et pied de page balisés. | Conforme |
| 9.3 | Dans chaque page web, chaque liste est-elle correctement structurée ?Listes ul et listes de définitions dl (détail météo, chiffres de l’audit). | Conforme |
| 9.4 | Dans chaque page web, chaque citation est-elle correctement indiquée ? | Non applicable |
10. Présentation de l’information · 13 C, 0 NC, 1 NA
| N° | Critère | Statut |
|---|---|---|
| 10.1 | Dans le site web, des feuilles de styles sont-elles utilisées pour contrôler la présentation de l’information ? | Conforme |
| 10.2 | Dans chaque page web, le contenu visible porteur d’information reste-t-il présent lorsque les feuilles de styles sont désactivées ?Sans styles, le contenu reste présent : la réponse, la phrase et les boutons. | Conforme |
| 10.3 | Dans chaque page web, l’information reste-t-elle compréhensible lorsque les feuilles de styles sont désactivées ? | Conforme |
| 10.4 | Dans chaque page web, le texte reste-t-il lisible lorsque la taille des caractères est augmentée jusqu’à 200 % au moins ?Tailles en rem ; texte agrandi à 200 % sans perte. | Conforme |
| 10.5 | Dans chaque page web, les déclarations CSS de couleurs de fond d’élément et de police sont-elles correctement utilisées ? | Conforme |
| 10.6 | Dans chaque page web, chaque lien dont la nature n’est pas évidente est-il visible par rapport au texte environnant ? | Conforme |
| 10.7 | Dans chaque page web, pour chaque élément recevant le focus, la prise de focus est-elle visible ?Anneau de focus visible, doublé d’un outline transparent rendu en mode contraste élevé. | Conforme |
| 10.8 | Pour chaque page web, les contenus cachés ont-ils vocation à être ignorés par les technologies d’assistance ?L’en-tête et le pied de l’image de partage sont masqués à l’écran et aux technologies d’assistance (display: none). | Conforme |
| 10.9 | Dans chaque page web, l’information ne doit pas être donnée uniquement par la forme, taille ou position. Cette règle est-elle respectée ? | Conforme |
| 10.10 | Dans chaque page web, l’information ne doit pas être donnée par la forme, taille ou position uniquement. Cette règle est-elle implémentée de façon pertinente ? | Conforme |
| 10.11 | Pour chaque page web, les contenus peuvent-ils être présentés sans perte d’information ni de fonctionnalité et sans défilement horizontal à 320 px ?Aucun débordement à 320 px sur toutes les pages. | Conforme |
| 10.12 | Dans chaque page web, les propriétés d’espacement du texte peuvent-elles être redéfinies par l’utilisateur sans perte de contenu ou de fonctionnalité ? | Conforme |
| 10.13 | Dans chaque page web, les contenus additionnels apparaissant à la prise de focus ou au survol d’un composant d’interface sont-ils contrôlables par l’utilisateur ? | Non applicable |
| 10.14 | Dans chaque page web, les contenus additionnels apparaissant via les styles CSS uniquement peuvent-ils être rendus visibles au clavier et par tout dispositif de pointage ?Lien « Aller au contenu » révélé à la prise de focus. | Conforme |
11. Formulaires · 7 C, 0 NC, 6 NA
| N° | Critère | Statut |
|---|---|---|
| 11.1 | Chaque champ de formulaire a-t-il une étiquette ?Choix du thème : boutons radio avec label. | Conforme |
| 11.2 | Chaque étiquette associée à un champ de formulaire est-elle pertinente ? | Conforme |
| 11.3 | Dans chaque formulaire, chaque étiquette associée à un champ ayant la même fonction et répété plusieurs fois est-elle cohérente ? | Non applicable |
| 11.4 | Dans chaque formulaire, chaque étiquette de champ et son champ associé sont-ils accolés ? | Conforme |
| 11.5 | Dans chaque formulaire, les champs de même nature sont-ils regroupés, si nécessaire ?Les trois options du thème regroupées par role="radiogroup". | Conforme |
| 11.6 | Dans chaque formulaire, chaque regroupement de champs de même nature a-t-il une légende ?Légende du groupe : aria-label « Thème du site ». | Conforme |
| 11.7 | Dans chaque formulaire, chaque légende associée à un regroupement de champs de même nature est-elle pertinente ? | Conforme |
| 11.8 | Dans chaque formulaire, les items de même nature d’une liste de choix sont-ils regroupés de manière pertinente ? | Non applicable |
| 11.9 | Dans chaque formulaire, l’intitulé de chaque bouton est-il pertinent ? | Conforme |
| 11.10 | Dans chaque formulaire, le contrôle de saisie est-il utilisé de manière pertinente ? | Non applicable |
| 11.11 | Dans chaque formulaire, le contrôle de saisie est-il accompagné, si nécessaire, de suggestions facilitant la correction des erreurs ? | Non applicable |
| 11.12 | Pour chaque formulaire qui modifie ou supprime des données, ou qui transmet des réponses à un test ou à un examen, ou dont la validation a des conséquences financières ou juridiques, les données saisies peuvent-elles être modifiées, mises à jour ou récupérées ? | Non applicable |
| 11.13 | La finalité d’un champ de saisie peut-elle être déduite pour faciliter le remplissage automatique des champs avec les données de l’utilisateur ?Aucun champ de saisie de données personnelles. | Non applicable |
12. Navigation · 9 C, 0 NC, 2 NA
| N° | Critère | Statut |
|---|---|---|
| 12.1 | Chaque ensemble de pages dispose-t-il de deux systèmes de navigation différents, au moins ?Menu principal dans l’en-tête de chaque page, et page « Plan du site ». Les pages secondaires ont aussi un fil d’Ariane. | Conforme |
| 12.2 | Dans chaque ensemble de pages, le menu et les barres de navigation sont-ils toujours à la même place ?Menu principal toujours dans l’en-tête, liens « Plan du site » et « Accessibilité » toujours dans le pied de page, dans le même ordre. | Conforme |
| 12.3 | La page « plan du site » est-elle pertinente ?Elle liste toutes les pages du site, regroupées par rubrique, avec des liens fonctionnels. | Conforme |
| 12.4 | Dans chaque ensemble de pages, la page « plan du site » est-elle accessible à partir d’une fonctionnalité identique ?Lien « Plan du site » du pied de page, au même endroit sur toutes les pages. | Conforme |
| 12.5 | Dans chaque ensemble de pages, le moteur de recherche est-il atteignable de manière identique ? | Non applicable |
| 12.6 | Les zones de regroupement de contenus présentes dans plusieurs pages web peuvent-elles être atteintes ou évitées ?Régions header, main et footer, navigations nommées (« Menu principal », « Fil d’Ariane », « Pied de page »), plus le lien d’évitement. | Conforme |
| 12.7 | Dans chaque page web, un lien d’évitement ou d’accès rapide à la zone de contenu principal est-il présent ?Lien « Aller au contenu ». | Conforme |
| 12.8 | Dans chaque page web, l’ordre de tabulation est-il cohérent ?Menu principal, thème, fil d’Ariane, contenu (météo, partage, questions fréquentes, guides), puis pied de page. | Conforme |
| 12.9 | Dans chaque page web, la navigation ne doit pas contenir de piège au clavier. Cette règle est-elle respectée ? | Conforme |
| 12.10 | Dans chaque page web, les raccourcis clavier n’utilisant qu’une seule touche sont-ils contrôlables par l’utilisateur ? | Non applicable |
| 12.11 | Dans chaque page web, les contenus additionnels apparaissant au survol, à la prise de focus ou à l’activation d’un composant d’interface sont-ils atteignables au clavier ?Menu mobile : le bouton « Menu » (aria-expanded) ouvre le panneau et place le focus sur le premier lien ; Échap ou une sortie au clavier le referme. | Conforme |
13. Consultation · 6 C, 0 NC, 6 NA
| N° | Critère | Statut |
|---|---|---|
| 13.1 | Pour chaque page web, l’utilisateur a-t-il le contrôle de chaque limite de temps modifiant le contenu ?Le numéro de dossard et le compte à rebours suivent l’heure (information en temps réel). La réponse et la phrase ne changent qu’au changement de créneau, et le changement est annoncé. | Conforme |
| 13.2 | Dans chaque page web, l’ouverture d’une nouvelle fenêtre ne doit pas être déclenchée sans action de l’utilisateur. Cette règle est-elle respectée ?Seul le logo (lien vers me.byj6n.fr) ouvre une nouvelle fenêtre, au clic de l’utilisateur ; c’est annoncé dans son intitulé « (nouvelle fenêtre) ». | Conforme |
| 13.3 | Dans chaque page web, chaque document bureautique en téléchargement possède-t-il, si nécessaire, une version accessible ?L’image PNG du dossard n’est pas un document bureautique. | Non applicable |
| 13.4 | Pour chaque document bureautique ayant une version accessible, cette version offre-t-elle la même information ? | Non applicable |
| 13.5 | Dans chaque page web, chaque contenu cryptique a-t-il une alternative ?Le numéro « 1510-1432 » est doublé d’un texte « Dossard du 15/10 à 14h32 » pour les lecteurs d’écran. | Conforme |
| 13.6 | Dans chaque page web, pour chaque contenu cryptique ayant une alternative, cette alternative est-elle pertinente ? | Conforme |
| 13.7 | Dans chaque page web, les changements brusques de luminosité ou les effets de flash sont-ils correctement utilisés ? | Non applicable |
| 13.8 | Dans chaque page web, chaque contenu en mouvement ou clignotant est-il contrôlable par l’utilisateur ?Seule animation durable : l’indicateur de chargement du partage, quelques secondes. Animations coupées si « réduire les animations » est activé. | Non applicable |
| 13.9 | Dans chaque page web, le contenu proposé est-il consultable quelle que soit l’orientation de l’écran ?Aucun verrouillage d’orientation. | Conforme |
| 13.10 | Dans chaque page web, les fonctionnalités utilisables ou disponibles au moyen d’un geste complexe peuvent-elles être également disponibles au moyen d’un geste simple ? | Non applicable |
| 13.11 | Dans chaque page web, les actions déclenchées au moyen d’un dispositif de pointage sur un point unique de l’écran peuvent-elles faire l’objet d’une annulation ?Actions déclenchées au relâchement du clic (boutons natifs). | Conforme |
| 13.12 | Dans chaque page web, les fonctionnalités qui impliquent un mouvement de l’appareil ou vers l’appareil peuvent-elles être satisfaites de manière alternative ?La géolocalisation n’implique aucun mouvement de l’appareil. | Non applicable |
Retour d'information et contact
Si tu n'arrives pas à accéder à un contenu ou à un service, contacte Julien Dudek via sa page de contact pour obtenir une alternative accessible, l'information sous une autre forme, ou demander une correction.