Diagnostic

Tab Order — http://localhost:8000/index.generated.html
2026-09-29 T20:02:27.306Z
44 focusable element(s), 0 positive tabindex, 3 invisible.

1. <a> Aller au contenu
→ skip link

2. <a> Vesper Lab
→ logo

3. <a> Accueil
4. <a> À propos
5. <a> Le Lab
6. <button> Sous-menu Le Lab
7. <a> Contact
8. <a> Vesper Tools [invisible]
9. <a> Projets [invisible]
10. <a> Blog [invisible]
→ navigation

11. <a> en
→ language

12. <a> Options d'accessibilité
→ skip link to footer

- content -
main

24. <a> GitHub
25. <a> LinkedIn
26. <a> Buy Me a Coffee
→ linkcons

27. <a> Vesper Lab
→ linkcon

1. <a> open-source

29. <a> Accueil
30. <a> À propos
31. <a> Le Lab
32. <a> Vesper Tools
33. <a> Projets
34. <a> Blog
35. <a> Contact
→ site map, second navigation

36. <a> Diagnostic et déclaration d'accessibilité
37. <button> A−
38. <button> Taille par défaut
39. <button> A+
40. <button> Sombre
41. <button> Clair
42. <button> Système
43. <button> Activé
44. <button> Désactivé
→ accessibility settings

lead-body, var(--text-secondary
(white text on bg)
Detected text size
19.0px — treated as normal text
Normal text
✓ PASS AA (4.5:1)
✓ PASS AAA (7:1)
Large text
✓ PASS AA (3:1)
✓ PASS AAA (4.5:1)

offer-note, var(--text-faint
(grey subtext on bg)
Detected text size
13.0px — treated as normal text
Normal text
✓ PASS AA (4.5:1)
✗ FAIL AAA (7:1)
Large text
✓ PASS AA (3:1)
✓ PASS AAA (4.5:1)

lab-teaser, var(--accent-on
(black text on green card)
Contrast Ratio = 9.94 : 1
WCAG Standard
Small Text /Large Text, UI Components & Graphical Objects
AA Pass Pass
AAA Pass Pass

.button-ghost
(green cards & text on bg)
Contrast Ratio = 14.93 : 1
Small Text / Large Text, UI Components, & Graphical Objects
AA Pass Pass
AAA Pass Pass

Headings (11)
H1 On ne devient pas aveugle en éteignant la lumière.
H2 L'humain
H2 L'esprit
H2 L'entité
H3 Ce que je publie
H3 Comment je travaille

-footer-
H2 Suivez-moi
H2 Mes autres projets
H2 Plan du site
H2 Accessibilité
H3 Options d'accessibilité

Landmarks (8)
banner
navigation — “Navigation principale”
navigation — “Plan du site”
main
contentinfo
region — “L'humain”
region — “L'esprit”
region — “L'entité”

Tab Order — http://localhost:8000/a-propos/
2026-10-01T20:09:20.512Z
40 focusable element(s), 0 positive tabindex, 7 invisible.

-banner-

13. <button> L'humain
14. <button> L'esprit
15. <button> L'entité
16. <img> Agrandir : Pauline Chevalliot, une tasse de café à la main, assise près d'une fenêtre. Son chat se tient derrière elle. [invisible]
17. <img> Agrandir : Illustration au trait blanc sur fond noir : une étagère avec une horloge, des livres, un oiseau et un miroir. [invisible]
18. <a> déclaration d'accessibilité [invisible]
→ hidden in "entité"

-footer-
19. <a> GitHub
20. <a> LinkedIn
21. <a> Buy Me a Coffee
22. <a> Vesper Lab
23. <a> open-source
24. <a> Accueil
25. <a> À propos
26. <a> Le Lab
27. <a> Vesper Tools
28. <a> Projets
29. <a> Blog
30. <a> Contact
31. <a> Diagnostic et déclaration d'accessibilité
32. <button> A−
33. <button> Taille par défaut
34. <button> A+
35. <button> Sombre
36. <button> Clair
37. <button> Système
38. <button> Activé
39. <button> Désactivé
40. <button> × [invisible]

{"violations":[],"passes":[],"url":"http://localhost:8000/a-propos/","timestamp":"2026-09-30T19:36:00.246Z"}

{"violations":[],"passes":[],"url":"http://localhost:8000/a-propos/","timestamp":"2026-09-30T19:39:52.027Z"}

Headings (15)
H1 Ce qui se conçoit dans l'ombre finit par sortir au jour.
H2 Ce à quoi je tiens
H3 Adopter plusieurs points de vue
H3 Avoir un impact
H3 Faire passer le message
H3 Penser une accessibilité plurielle
H2 Mes dernières idées
H3 Vesper Visible
H3 Vesper Compass et Sonar
H3 Essayer, évoluer, recommencer

-footer-
H2 Suivez-moi
H2 Mes autres projets
H2 Plan du site
H2 Accessibilité
H3 Options d'accessibilité

Landmarks (7)
banner
navigation — “Navigation principale”
navigation — “Plan du site”
main
contentinfo
region — “Ce à quoi je tiens”
region — “Mes dernières idées”

Tab Order — http://localhost:8000/le-lab/
2026-09-30T20:12:23.902Z
39 focusable element(s), 0 positive tabindex, 3 invisible.

1. <a> Aller au contenu
2. <a> Vesper Lab
3. <a> Accueil
4. <a> À propos
5. <a> Le Lab
6. <button> Sous-menu Le Lab
7. <a> Contact
8. <a> Vesper Tools [invisible]
9. <a> Projets [invisible]
10. <a> Blog [invisible]
11. <a> en
12. <a> Options d'accessibilité
13. <a> Vesper Tools
14. <a> Projets en vrac
15. <a> Condensé de post-its
16. <a> Vesper Visible Un même site, deux pages : l'une pensée ac…
17. <a> Vesper Compass et Sonar Le référentiel WCAG 2.2, en franç…
18. <a> Essayer, évoluer, recommencer Évoluer, c'est bien. Mettre…
19. <a> GitHub
20. <a> LinkedIn
21. <a> Buy Me a Coffee
22. <a> Vesper Lab
23. <a> open-source
24. <a> Accueil
25. <a> À propos
26. <a> Le Lab
27. <a> Vesper Tools
28. <a> Projets
29. <a> Blog
30. <a> Contact
31. <a> Diagnostic et déclaration d'accessibilité
32. <button> A−
33. <button> Taille par défaut
34. <button> A+
35. <button> Sombre
36. <button> Clair
37. <button> Système
38. <button> Activé
39. <button> Désactivé

Headings (9)
H1 Contacter le Lab
H2 Suivre le travail
H2 Écrire
H2 S'abonner au flux RSS

-footer-
H2 Suivez-moi
H2 Mes autres projets
H2 Plan du site
H2 Accessibilité
H3 Options d'accessibilité

Landmarks (8)
banner
navigation — “Navigation principale”
navigation — “Plan du site”
main
contentinfo
region — “Suivre le travail”
region — “Écrire”
region — “S'abonner au flux RSS”

Headings (9)
H1 Blog
H2 Essayer, évoluer, recommencer
H2 Et si vous lisiez votre CV les yeux fermés ?
H2 Accessibilité PDF : 5 conseils qui font écho
H2 Suivez-moi
H2 Mes autres projets
H2 Plan du site
H2 Accessibilité
H3 Options d'accessibilité

Landmarks (6)
banner
navigation — “Navigation principale”
navigation — “Plan du site”
main
contentinfo
search

Headings (13)
H1 Et si vous lisiez votre CV les yeux fermés ?
- article name

H2 Sommaire
- navigation

H2 "Ah oui, ça paraît logique"
H2 ATS, qu'est-ce que c'est ?
H2 André et Alice cherchent une job
H2 André vs Alice
H2 La veste rose
H2 Ressources
- blog article content

H2 Suivez-moi
H2 Mes autres projets
H2 Plan du site
H2 Accessibilité
H3 Options d'accessibilité
- footer

Landmarks (7)
banner
navigation — “Navigation principale”
navigation — “Sommaire”
navigation — “Plan du site”
main
contentinfo
region — “Ressources”

Tab Order — http://localhost:8000/blog/cv-les-yeux-fermes/
2026-10-01T20:12:09.818Z
46 focusable element(s), 0 positive tabindex, 5 invisible.

-banner-

1. <a> Tous les articles
2. <a> "Ah oui, ça paraît logique"
3. <a> ATS, qu'est-ce que c'est ?
4. <a> André et Alice cherchent une job
5. <a> André vs Alice
6. <a> La veste rose
7. <a> mon article sur l'accessibilité des documents PDF
8. <img> Agrandir : Graphique illustrant quelles catégories les logiciels ATS utilisent pour attribuer un score à un CV. Les critères, selon leur ordre d'impact dans le score, sont : la recherche par mot-clef, puis si le domaine est adapté au poste, si les emplois passés sont adaptés, les réussites professionnelles, si le formattage du CV est adapté pour un logiciel ATS, le langage et les informations, et les informations personnelles en dernière position. [invisible]
9. <a> ATS Screener
10. <a> Rapport d'usage des ATS
11. <a> Graphique des critères de notation
12. <a> Une question, une remarque ? Contactez-moi.

-footer-

Headings & landmarks — http://localhost:8000/le-lab/outils/
2026-10-01T19:18:23.505Z
11 heading(s), 5 landmark(s).

HEADINGS
H1 Vesper Tools
H2 Vesper Toolkit
H2 Vesper Library
H2 Vesper Compass et Sonar
H2 Vesper AC Viewer
H2 Vesper Visible
H2 Suivez-moi
H2 Mes autres projets
H2 Plan du site
H2 Accessibilité
H3 Options d'accessibilité

LANDMARKS
banner
navigation — "Navigation principale"
navigation — "Plan du site"
main
contentinfo

Tab Order — http://localhost:8000/le-lab/outils/
2026-10-01T19:21:00.846Z
57 focusable element(s), 0 positive tabindex, 12 invisible.

1. <a> Aller au contenu
2. <a> Vesper Lab
3. <a> Accueil
4. <a> À propos
5. <a> Le Lab
6. <button> Sous-menu Le Lab
7. <a> Contact
8. <a> Vesper Tools [invisible]
9. <a> Projets [invisible]
10. <a> Blog [invisible]
11. <a> en
12. <a> Options d'accessibilité
- header

13. <img> Agrandir : Vesper Toolkit
14. <a> Voir Vesper Toolkit sur GitHub
15. <button> Plus de détails sur Vesper Toolkit
16. <a> toolkit.vesperlab.dev [invisible]
- card 1

17. <img> Agrandir : Vesper Library
18. <a> Voir Vesper Library sur GitHub
19. <button> Plus de détails sur Vesper Library
20. <a> library.vesperlab.dev [invisible]
- card 2

21. <img> Agrandir : Vesper Compass et Sonar
22. <a> Voir Vesper Compass sur GitHub
23. <button> Plus de détails sur Vesper Compass
24. <a> compass.vesperlab.dev [invisible]
- card 3

25. <img> Agrandir : Vesper AC Viewer
26. <a> Voir Vesper Viewer sur GitHub
27. <button> Plus de détails sur Vesper Viewer
28. <a> la page du Viewer [invisible]
- card 4

29. <a> toolkit.vesperlab.dev [invisible]
30. <img> Agrandir : Vesper Visible
31. <a> Voir Vesper Visible sur GitHub
32. <button> Plus de détails sur Vesper Visible
- card 5

1. <a> Vesper Toolkit [invisible]
2. <a> Vesper Visible [invisible]
3. <a> Vesper Toolkit [invisible]

36. <a> GitHub
37. <a> LinkedIn
38. <a> Buy Me a Coffee
39. <a> Vesper Lab
40. <a> open-source
41. <a> Accueil
42. <a> À propos
43. <a> Le Lab
44. <a> Vesper Tools
45. <a> Projets
46. <a> Blog
47. <a> Contact
48. <a> Diagnostic et déclaration d'accessibilité
49. <button> A−
50. <button> Taille par défaut
51. <button> A+
52. <button> Sombre
53. <button> Clair
54. <button> Système
55. <button> Activé
56. <button> Désactivé
57. <button> × [invisible]
- footer

Headings & landmarks — file:///Users/paulinecvt/Downloads/VesperLab-Auditor-vesper-lab-2026-10-02-EN(1).html
2026-10-02T18:26:36.431Z
26 heading(s), 4 landmark(s).

HEADINGS
H1 Diagnosis
H2 Context
H2 Shortcuts
H2 Methodology
H3 Pages tested
H2 Resources
H3 Web accessibility
H3 The WCAG
H3 Fixing findings
H3 PDF export
H3 Why an HTML document?
H3 Appendices
H2 Findings and recommendations
H3 Interactive elements (links, buttons, form fields) show no visual keyboard focus indicator, or one that is insufficiently visible. Here, there is not visible focus around the clickable images.
H2 Summary
H2 Conformance by criterion (WCAG 2.2)
H3 Perceivable
H3 Operable
H3 Understandable
H3 Robust
H2 Appendices
H2 Accessibility statement
H3 Conformance status
H3 Scope of the evaluation
H3 Non-accessible content
H3 Feedback and contact information

LANDMARKS
banner
navigation — "Quick navigation"
main
contentinfo

Tab Order — file:///Users/paulinecvt/Downloads/VesperLab-Auditor-vesper-lab-2026-10-02-EN(1).html
2026-10-02T18:28:28.970Z
51 focusable element(s), 0 positive tabindex, 0 invisible.

1. <a> Vesper Lab
2. <button> Light theme
3. <button> Dark theme
4. <a> https://vesperlab.dev
5. <a> See findings
6. <a> See summary
7. <a> See resources
8. <a> Appendices
9. <a> vesperlab.dev/
10. <a> /a-propos/
11. <a> /le-lab/
12. <a> /le-lab/outils/
13. <a> /le-lab/realisations/
14. <a> /blog/
15. <a> /blog/essayer-evoluer-recommencer/
16. <a> /contact/
17. <a> /
18. <a> /declaration-accessibilite/
19. <a> Vesper Toolkit
20. <a> Vesper Sonar
21. <a> Vesper Library
22. <a> Vesper Compass
23. <a> WCAG 2.2 (W3C, français)
24. <a> ANDI Tool
25. <a> A11Y Audit Bookmarklets
26. <a> NoCoffee Vision Simulator
27. <a> Color Blindness Empathy Test
28. <summary> Digital accessibility, explained
29. <summary> Using this document
30. <a> contact@vesperlab.dev
31. <a> ▲ Major : 1
32. <a> Vesper Toolkit
33. <a> Vesper Toolkit
34. <summary> 🦇 Tab Order / Header & Footer
35. <summary> 🦇 Contrast / Multiple
36. <summary> 🦇 Headings / About
37. <summary> 🦇 Tab Order / About
38. <summary> 🦇 Link Scan / About
39. <summary> 🦇 Label Scan / About
40. <summary> 🦇 Headings / Lab
41. <summary> 🦇 Tab Order / Lab Hub
42. <summary> 🦇 Headings / Contact
43. <summary> 🦇 Headings / Blog Hub
44. <summary> 🦇 headings / blog article
45. <summary> 🦇 Tab order / blog article
46. <summary> 🦇 headings / tools
47. <summary> 🦇 tab order / tools
48. <a> 🦇 Link Scan / tools
49. <a> 🦇 Image Scan / blog article
50. <a> 🦇 Label Scan / Blog Hub
51. <a> VesperLab