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édente | ||
| fr:accessibilite [2019/12/12 13:26] – [Documents] MAJ titre alcyone | fr:accessibilite [2025/03/18 08:12] (Version actuelle) – [Autres référentiels] lien vers WCAG en français zatalyz | ||
|---|---|---|---|
| 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 144: | Ligne 148: | ||
| TODO : à compléter | TODO : à compléter | ||
| + | * https:// | ||
| + | * https:// | ||
| ===== Quelques points de réflexion généraux côté développement et test au quotidien ===== | ===== Quelques points de réflexion généraux côté développement et test au quotidien ===== | ||
| 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 | + | De bonnes habitudes |
| ==== Aérer le texte ==== | ==== Aérer le texte ==== | ||
| Ligne 164: | Ligne 169: | ||
| 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 186: | Ligne 191: | ||
| * 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 248: | Ligne 253: | ||
| ==== 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 266: | Ligne 273: | ||
| ==== 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 303: | Ligne 305: | ||
| 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> |





