diff --git a/bun.lockb b/bun.lockb index 62e4901..38aab03 100755 Binary files a/bun.lockb and b/bun.lockb differ diff --git a/example.md b/example.md index 5d74e03..9ec11fc 100644 --- a/example.md +++ b/example.md @@ -30,7 +30,7 @@ hideInToc: true layout: intro --- -# Introduction à l'accessibilité numérique +# L'accessibilité numérique en 10 étapes
Nico, Décembre 2024.
licence : CC BY-NC @@ -50,52 +50,42 @@ layout: bullets --- -layout: section +layout: content --- -# l'Accessibilité Numérique +# Contexte -Pourquoi, pour qui, comment ? +> “ La force du Web réside dans son universalité. L'accès de tous, quel que soit le handicap, en est un aspect essentiel. ” ---- -layout: quote -level: 2 -hideInToc: true ---- +Tim Berners-Lee, Directeur du W3C et inventeur du World Wide Web -> ## “ La force du Web réside dans son universalité. L'accès de tous, quel que soit le handicap, en est un aspect essentiel. ” +> “ L’accessibilité numérique est un droit fondamental. C’est la possibilité pour toutes et tous d’utiliser les outils informatiques, quelle que soit leur façon d’y accéder. ” -Tim Berners-Lee, Directeur du W3C et inventeur du World Wide Web +Access 42 - +> The W3C vision is that the Web and related technologies are accessible so that all people with disabilities around the globe can participate equally in the digital world. + +W3C WAI --- layout: fact hideInToc: true --- -# 1 personne sur 5 est handicapée +# 30 % de la population française -La majorité des handicaps sont invisibles. +Connaît une difficulté (limitation ou restriction) au quotidien. La majorité sont invisibles. + +[Rapport 2024 de la DREES.](https://drees.solidarites-sante.gouv.fr/sites/default/files/2024-12/HANDICAP24MAJ061224-2.pdf) ---- -layout: quote -hideInToc: true ---- - -> ## “ L’accessibilité numérique est un droit fondamental. C’est la possibilité pour toutes et tous d’utiliser les outils informatiques, quelle que soit leur façon d’y accéder. ” - -Access 42 - --- layout: bullets hideInToc: true +hide: true --- ## L'accessibilité du Web englobe tous les handicaps qui affectent l'accès au Web, notamment : @@ -110,6 +100,7 @@ hideInToc: true --- layout: auto-grid +columns: 2 --- # Exemples de technologies d'assistance @@ -121,11 +112,12 @@ layout: auto-grid +--- +layout: bullets --- # Bonnes pratiques en bref -- [HTML sémantique](https://developer.mozilla.org/fr/docs/Glossary/Semantics) - structure du contenu ([titres](https://developer.mozilla.org/fr/docs/Web/HTML/Element/Heading_Elements)) - contrastes des couleurs ([outil](https://coolors.co/contrast-checker)) - taille et unités des polices @@ -139,9 +131,9 @@ layout: auto-grid --- -# Éléments sémantiques +# Éléments HTML sémantiques -````md magic-move {lines: true} +````md magic-move {lines: false} ```html
@@ -188,18 +180,19 @@ layout: auto-grid ```` --- -layout: two-cols-header +layout: auto-grid +columns: 2 --- -## Structure du contenu +# Structure des titres -::left:: +::content:: ```md {all|2|3|4|none}{lines: false} Erroné └── h1 Titre principal -├── h2 Titre secondaire -├── h4 Titre niveau 4 +├── h2 Titre secondaire // [!code --] +├── h4 Titre niveau 4 // [!code error] │ └── h5 Titre niveau 5 ├── h2 Titre secondaire │ ├── h2 Titre secondaire @@ -210,8 +203,6 @@ Erroné └── h1 Titre principal ``` -::right:: - ```md {none|all}{lines: false} Correct └── h1 Titre principal diff --git a/layouts/auto-grid.vue b/layouts/auto-grid.vue index 9a33552..d3032f5 100644 --- a/layouts/auto-grid.vue +++ b/layouts/auto-grid.vue @@ -1,3 +1,9 @@ + +