Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédenteProchaine révisionLes deux révisions suivantes | ||
fr:accessibilite [2019/12/12 13:13] – [Sur le WCAG et ressources francophone RGAA en lien] Retrait add-on d'EmpreinteDigitale, non libre Alcyone | fr:accessibilite [2021/03/31 15:05] – [Le WEB] Remplacement lien mort et M.A.J. version RGAA 4.1 Alcyone | ||
---|---|---|---|
Ligne 2: | Ligne 2: | ||
[[https:// | [[https:// | ||
- | > La priorité reste l' | + | > La priorité reste l' |
Renchéri dans [[https:// | Renchéri dans [[https:// | ||
Ligne 19: | Ligne 19: | ||
===== Quelques généralités sur l' | ===== Quelques généralités sur l' | ||
- | ==== Définissons d'abords | + | ==== Définissons d'abord l’accessibilité ==== |
Commençons par le [[https:// | Commençons par le [[https:// | ||
Ligne 25: | Ligne 25: | ||
> Droit, possibilité qu'a quelqu' | > Droit, possibilité qu'a quelqu' | ||
- | L’accessibilité est un terme bien souvent évoqué initialement relativement au monde du handicap, mais aussi des enfants ou des personnes âgées, puis étendu depuis à l' | + | L’accessibilité est un terme bien souvent évoqué initialement relativement au monde du handicap, mais aussi des enfants ou des personnes âgées, puis étendu depuis à l' |
L' | L' | ||
Ligne 32: | Ligne 32: | ||
[[http:// | [[http:// | ||
- | > Bien qu'il soit difficile de chiffrer précisément le nombre de personnes en situation de handicap, une enquête de l' | + | > Bien qu'il soit difficile de chiffrer précisément le nombre de personnes en situation de handicap, une enquête de l' |
Hors du cadre de la CDPH, l' | Hors du cadre de la CDPH, l' | ||
Ligne 41: | Ligne 41: | ||
==== Définissons maintenant l’accessibilité numérique ==== | ==== Définissons maintenant l’accessibilité numérique ==== | ||
- | Dans le cas de Khaganat, bien que l' | + | Dans le cas de Khaganat, bien que l' |
Traduit de l' | Traduit de l' | ||
Ligne 54: | Ligne 54: | ||
> la liberté de faire fonctionner le programme comme vous voulez, pour n' | > la liberté de faire fonctionner le programme comme vous voulez, pour n' | ||
- | Néanmoins, c'est bien souvent l' | + | Néanmoins, c'est bien souvent l' |
=== Accessibilité supposée et réelle === | === Accessibilité supposée et réelle === | ||
- | Enfin accessibilité et ergonomie vont de pair mais sont bien des domaines séparés, le respect d'un niveau donné de conformité à un référentiel d' | + | Enfin accessibilité et ergonomie vont de pair mais sont bien des domaines séparés, le respect d'un niveau donné de conformité à un référentiel d' |
L' | L' | ||
Ligne 71: | Ligne 71: | ||
Le focus est fait ici sur le WEB car c'est notre principal domaine d' | Le focus est fait ici sur le WEB car c'est notre principal domaine d' | ||
- | Sans entrer dans les détails légaux, en termes d' | + | Sans entrer dans les détails légaux, en termes d' |
- | Cette obligation est assez peu respectée. | + | Cette obligation, sans contrainte jusqu' |
- | L' | + | L' |
* Toute entreprise ayant un chiffre d' | * Toute entreprise ayant un chiffre d' | ||
* Personnes morales de droit public sauf médias audiovisuels | * Personnes morales de droit public sauf médias audiovisuels | ||
Ligne 81: | Ligne 81: | ||
* Personnes morales de droit privé à but non lucratif avec mission d' | * Personnes morales de droit privé à but non lucratif avec mission d' | ||
- | Le RGAA se base lui-même sur un autre référentiel : le [[https:// | + | Le RGAA se base lui-même sur un autre référentiel : le [[https:// |
- | La nouvelle version du RGGA, la 4ème donc, semble, vis-à-vis des observateurs et défenseurs des personnes en situation de handicap, s' | + | La nouvelle version du RGAA, la 4ème donc, semble, vis-à-vis des observateurs et défenseurs des personnes en situation de handicap, s' |
En bref : | En bref : | ||
- | * généralement aucune obligation légale existe vous imposant une conformité à un référentiel d' | + | * généralement aucune obligation légale existe vous imposant une conformité à un référentiel d' |
- | * le référentiel pour lequel il existe une obligation légale en France pour certains | + | * le référentiel pour lequel il existe une obligation légale en France pour certains |
== Autour du contenu == | == Autour du contenu == | ||
Ligne 101: | Ligne 101: | ||
=== Plus large que le web === | === Plus large que le web === | ||
- | Le [[https:// | + | Le [[https:// |
===== Et chez nous à Khaganat ? ===== | ===== Et chez nous à Khaganat ? ===== | ||
Ligne 107: | Ligne 107: | ||
==== Dans l' | ==== Dans l' | ||
- | Vous l'avez compris, aucun référentiel ne s' | + | Vous l'avez compris, aucun référentiel ne s' |
- | Grand avantage pour un projet francophone : ZE norme internationale (sur le contenu), le WCAG, fait d'une part l' | + | Grand avantage pour un projet francophone : ZE norme internationale (sur le contenu), le WCAG, fait d'une part l' |
//Nous utiliserons de façon indifférenciée "le référentiel" | //Nous utiliserons de façon indifférenciée "le référentiel" | ||
Ligne 117: | Ligne 117: | ||
En revanche, la mise en conformité de l' | En revanche, la mise en conformité de l' | ||
- | On oubliera pas non plus le standard européen EN301 549 pour tout ce qui se situera autour et penser | + | On oubliera pas non plus le standard européen EN301 549 pour tout ce qui se situera autour et pensera |
==== Parlons ressources et référentiels ==== | ==== Parlons ressources et référentiels ==== | ||
Ligne 128: | Ligne 128: | ||
Par exemple [[https:// | Par exemple [[https:// | ||
+ | |||
+ | :!: A réviser avec la version 4 du RGAA (voire à éviter si mise à jour, la version 4 appauvrissant le référentiel) | ||
+ | |||
+ | Visiter [[https:// | ||
== WCAG == | == WCAG == | ||
Ligne 148: | Ligne 152: | ||
Le but de cette partie est de donner quelques menus conseils permettant de changer peu à peu de point de vue au quotidien afin de prendre petit à petit en compte des éléments basiques d' | Le but de cette partie est de donner quelques menus conseils permettant de changer peu à peu de point de vue au quotidien afin de prendre petit à petit en compte des éléments basiques d' | ||
+ | De bonnes habitudes élaguent énormément le terrain à une vraie prise en compte de l' | ||
==== Aérer le texte ==== | ==== Aérer le texte ==== | ||
Ligne 163: | Ligne 168: | ||
javascript: | javascript: | ||
- | Le référentiel donne parfois des valeurs précises | + | Le référentiel donne parfois des valeurs précises sur certains de ces éléments, parfois non. Souvent seul un niveau AAA donne des valeurs précises, ce qui peut être au final plus simple à mettre en place pour nous, par exemple le critère 10.12 [AAA] du RGAA demande une valeur d' |
==== Penser au zoom ==== | ==== Penser au zoom ==== | ||
Ligne 185: | Ligne 190: | ||
* sous Orca : https:// | * sous Orca : https:// | ||
- | Basiquement, | + | Basiquement, |
- | Il est en effet attendu de concevoir une page permettant facilement la navigation au clavier sans imposer 20 appuis sur Tab et/ou un ordre illogique d'enchaînement | + | Il est en effet attendu de concevoir une page permettant facilement la navigation au clavier sans imposer 20 appuis sur Tab et/ou un ordre illogique d'enchaînements |
- | Ainsi une page se naviguant au clavier peut comporter des éléments invisibles à l'œil mais parfaitement détectés par le lecteur d' | + | Ainsi une page se naviguant au clavier peut comporter des éléments invisibles à l'œil mais parfaitement détectés par le lecteur d' |
Il ne faut pas oublier non plus la visibilité du focus. | Il ne faut pas oublier non plus la visibilité du focus. | ||
Ligne 203: | Ligne 208: | ||
Chaque navigateur a une option dans sa console web pour s' | Chaque navigateur a une option dans sa console web pour s' | ||
- | ==== Documents | + | ==== Editer des documents accessibles |
Les documents édités/ | Les documents édités/ | ||
Ligne 213: | Ligne 218: | ||
TODO : identifier les docs produits par Khaganat et apporter des indications générales et spécifiques. | TODO : identifier les docs produits par Khaganat et apporter des indications générales et spécifiques. | ||
- | ==== Automatisation | + | TODO : alcyone sur Dude |
+ | ==== Qui a dit automatisation | ||
La question se pose de l' | La question se pose de l' | ||
Ligne 239: | Ligne 245: | ||
TODO : à remplir | TODO : à remplir | ||
+ | Le but de cette partie est de donner une bonne introduction et compréhension globale de la structure et façon de procéder du WCAG permettant de l' | ||
===== Outils et ressources diverses ===== | ===== Outils et ressources diverses ===== | ||
Ligne 245: | Ligne 252: | ||
==== Divers outils utiles côté développement uniquement ou développement et qualification ==== | ==== Divers outils utiles côté développement uniquement ou développement et qualification ==== | ||
- | Colour Contrast Analyser (CCA) de The Paciello Group sous licence | + | Pour Firefox : |
+ | * [[https:// | ||
+ | * [[https:// | ||
+ | * [[https:// | ||
+ | * [[https://add0n.com/stylus.html|Stylus]] sous GPLv3, facilitant certains tests de style | ||
+ | * [[http:// | ||
- | Contrast | + | Autre : |
+ | * [[https:// | ||
+ | * [[https:// | ||
+ | * [[https:// | ||
+ | * [[https:// | ||
+ | * [[https:// | ||
- | axe-core, accessibility engine for automated Web UI testing, sous licence MPL2.0 : https:// | + | Il existe globalement diverses listes d' |
- | + | ||
- | Accessibility Inspector intégré dans Mozilla Firefox : https:// | + | |
- | + | ||
- | Enabler, Accessibility analyzer, sous licence MIT : https:// | + | |
- | + | ||
- | Pa11y : https:// | + | |
- | + | ||
- | Il existe globalement diverses listes d' | + | |
Certains outils sont plus pertinents côté développement, | Certains outils sont plus pertinents côté développement, | ||
Ligne 263: | Ligne 272: | ||
==== Ressources diverses ==== | ==== Ressources diverses ==== | ||
- | Le RGAA lui-même et documents associés | + | * Le [[https:// |
- | + | * Le portail "[[http:// | |
- | Le portail "Accessibilité Numérique" | + | * [[http:// |
- | + | | |
- | AccessiWeb : http:// | + | |
- | + | * [[https://www.w3.org/WAI/ | |
- | Les notices | + | * [[https:// |
- | + | * |EN301 549 V2.1.2 (2018-08) HARMONISED EUROPEAN STANDARD Accessibility requirements for ICT products and services]] | |
- | Le guide d' | + | |
- | + | * [[http:// | |
- | Checklist accessibilité pour une évaluation rapide du W3C : https:// | + | * |Facile à A Lire et à Comprendre (FALC)]] |
- | + | * [[https:// | |
- | EN301 549 V2.1.2 (2018-08) HARMONISED EUROPEAN STANDARD Accessibility requirements for ICT products and services | + | * |Accessibilité sur le MDN]] |
- | + | * [[http:// | |
- | Un article intéressant sur l' | + | |
- | + | ||
- | Facile à A Lire et à Comprendre (FALC) : http:// | + | |
- | + | ||
- | Accessibilité sur le MDN : https:// | + | |
===== En chantier sur Khaganat ===== | ===== En chantier sur Khaganat ===== | ||
Ligne 300: | Ligne 304: | ||
TODO : tags à compléter ? Expliquer FALC. Expliquer la composition du WCAG. Partie plus technique ? Evoquer [[https:// | TODO : tags à compléter ? Expliquer FALC. Expliquer la composition du WCAG. Partie plus technique ? Evoquer [[https:// | ||
- | {{tag> | + | {{tag> |