Logo Khaganat

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision
Révision précédente
fr:accessibilite [2019/12/12 14:19] – [Documents] Ajout TODO Alcyonefr:accessibilite [2023/05/31 08:50] (Version actuelle) – [Autres référentiels] zatalyz
Ligne 2: Ligne 2:
  
 [[https://khaganat.net/wikhan/fr:contribuer?s[]=%2Aaccessibilit%C3%A9%2A#coder|Notre guide de contribution indique]] :  [[https://khaganat.net/wikhan/fr:contribuer?s[]=%2Aaccessibilit%C3%A9%2A#coder|Notre guide de contribution indique]] : 
-> La priorité reste l'ergonomie, l'accessibilité et l'efficacité, en utilisant toujours des formats libres. Cela est valable tout autant pour les outils liés au mmorpg qu'au site web. La philosophie appliquée est celle d'Unix, et en particulier Ne faire qu'une seule chose, et la faire bien.+> La priorité reste l'ergonomie, l'accessibilité et l'efficacité, en utilisant toujours des formats libres. Cela est valable tout autant pour les outils liés au mmorpg qu'au site web. La philosophie appliquée est celle d'Unix, et en particulier "Ne faire qu'une seule chose, et la faire bien".
  
 Renchéri dans [[https://khaganat.net/wikhan/fr:website_khaganat?s[]=%2Aaccessibilit%C3%A9%2A#accessibilite|la page dédiée à l'amélioration du site web]] : Renchéri dans [[https://khaganat.net/wikhan/fr:website_khaganat?s[]=%2Aaccessibilit%C3%A9%2A#accessibilite|la page dédiée à l'amélioration du site web]] :
Ligne 19: Ligne 19:
 ===== Quelques généralités sur l'accessibilité ===== ===== Quelques généralités sur l'accessibilité =====
  
-==== Définissons d'abords l’accessibilité ====+==== Définissons d'abord l’accessibilité ====
  
 Commençons par le [[https://www.larousse.fr/dictionnaires/francais/accessibilit%C3%A9/421|Larousse]] :  Commençons par le [[https://www.larousse.fr/dictionnaires/francais/accessibilit%C3%A9/421|Larousse]] : 
Ligne 25: Ligne 25:
 > Droit, possibilité qu'a quelqu'un d'avoir accès à quelque chose > Droit, possibilité qu'a quelqu'un d'avoir accès à quelque chose
  
-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'ensemble des citoyens partant du constat que dans de nombreux domaine, l'accessibilité n'est pas identique pour toutes.+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'ensemble des citoyens partant du constat que dans de nombreux domaines, l'accessibilité n'est pas identique pour toutes.
  
 L'article 9 de la [[https://www.ohchr.org/FR/ProfessionalInterest/Pages/ConventionRightsPersonsWithDisabilities.aspx|Convention relative aux droits des personnes handicapées]] évoque l'accessibilité pour les personnes en situation de handicap en ces termes : L'article 9 de la [[https://www.ohchr.org/FR/ProfessionalInterest/Pages/ConventionRightsPersonsWithDisabilities.aspx|Convention relative aux droits des personnes handicapées]] évoque l'accessibilité pour les personnes en situation de handicap en ces termes :
Ligne 32: Ligne 32:
  
 [[http://references.modernisation.gouv.fr/referentiel/introduction-RGAA.html|L'introduction au Référentiel général d'accessibilité pour les administrations (RGAA) indique]] aussi sur le handicap :  [[http://references.modernisation.gouv.fr/referentiel/introduction-RGAA.html|L'introduction au Référentiel général d'accessibilité pour les administrations (RGAA) indique]] aussi sur le handicap : 
-> Bien qu'il soit difficile de chiffrer précisément le nombre de personnes en situation de handicap, une enquête de l'INSEE1 estime qu'elles représenteraient entre 10 et 20 % de la population. Ce qui semble confirmé par le rapport mondial sur le handicap2 publié par l'OMS en 2010 et qui recense environ 15 % de la population mondiale ayant un handicap.+> Bien qu'il soit difficile de chiffrer précisément le nombre de personnes en situation de handicap, une enquête de l'INSEE1 estime qu'elles représenteraient entre 10 et 20 % de la population. Ce qui semble confirmé par le rapport mondial sur le handicap publié par l'OMS en 2010 et qui recense environ 15 % de la population mondiale ayant un handicap.
  
 Hors du cadre de la CDPH, l'accessibilité revient donc, dans un domaine donné (et pour tous les domaines de la vie) a donner le même niveau d'accès pour tous. On rappelle à ce titre la [[http://www.un.org/fr/universal-declaration-human-rights/index.html|Déclaration universelle des droits de l’homme de 1948 avec son Article 19]] : Hors du cadre de la CDPH, l'accessibilité revient donc, dans un domaine donné (et pour tous les domaines de la vie) a donner le même niveau d'accès pour tous. On rappelle à ce titre la [[http://www.un.org/fr/universal-declaration-human-rights/index.html|Déclaration universelle des droits de l’homme de 1948 avec son Article 19]] :
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'on peut penser accessibilité des lieux lors de nos quelques rassemblement (et hors de question de l'oublier !), il s'agira surtout ici de ce concentrer sur le cadre principal de notre activité, c'est-à-dire côté numérique.+Dans le cas de Khaganat, bien que l'on puisse penser accessibilité des lieux lors de nos quelques rassemblements (et hors de question de l'oublier !), il s'agira surtout ici de se concentrer sur le cadre principal de notre activité, c'est-à-dire côté numérique.
  
 Traduit de l'anglais dans cette même introduction au RGAA évoquée plus haut, la WAI (Web Accessibility Initiative) définit l'accessibilité numérique comme suit : Traduit de l'anglais dans cette même introduction au RGAA évoquée plus haut, la WAI (Web Accessibility Initiative) définit l'accessibilité numérique comme suit :
Ligne 54: Ligne 54:
 > la liberté de faire fonctionner le programme comme vous voulez, pour n'importe quel usage > la liberté de faire fonctionner le programme comme vous voulez, pour n'importe quel usage
  
-Néanmoins, c'est bien souvent l'inverse (si ce n'est presque systématiquement) que l'on constate, autant coté logiciel libre que propriétaire : l'accessibilité n'est pas considérée comme un fondement indissociable mais comme un ajout couteux aisément éjectable.+Néanmoins, c'est bien souvent l'inverse (si ce n'est presque systématiquement) que l'on constate, autant coté logiciel libre que propriétaire : l'accessibilité n'est pas considérée comme un fondement indissociable mais comme un ajout coûteux aisément éjectable.
  
 === 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'accessibilité ne garantit pas une bonne ergonomie pour les personnes en situation de handicap (et attention à ne pas confondre ergonomie et intuitivité !). Même chose pour l'utilisabilité (selon la norme ISO 9241-11 : "le degré selon lequel un produit peut être utilisé, par des utilisateurs identifiés, pour atteindre des buts définis avec efficacité, efficience et satisfaction, dans un contexte d’utilisation spécifié").+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'accessibilité ne garantit pas une bonne ergonomie pour les personnes en situation de handicap (et attention à ne pas confondre ergonomie et intuitivité !). Même chose pour l'utilisabilité (selon la norme ISO 9241-11 : "le degré selon lequel un produit peut être utilisé, par des utilisateurs identifiés, pour atteindre des buts définis avec efficacité, efficience et satisfaction, dans un contexte d’utilisation spécifié"), étant elle-même une dimension de l'ergonomie.
  
 L'accessibilité se traduit le plus souvent à travers des référentiels faisant office de base légale selon le pays concerné au moins pour les structures publiques, ce n'est néanmoins pas systématiquement le cas. L'accessibilité se traduit le plus souvent à travers des référentiels faisant office de base légale selon le pays concerné au moins pour les structures publiques, ce n'est néanmoins pas systématiquement le cas.
Ligne 71: Ligne 71:
 Le focus est fait ici sur le WEB car c'est notre principal domaine d'action, moyen de travailler ensemble et point d'accueil et rassemblement des acteurs du projet. Le focus est fait ici sur le WEB car c'est notre principal domaine d'action, moyen de travailler ensemble et point d'accueil et rassemblement des acteurs du projet.
  
-Sans entrer dans les détails légaux, en termes d'obligation tous les services de communication publique en ligne de l'État, des collectivités territoriales et des établissements publics devraient respecter légalement un niveau double A (AA) du [[https://references.modernisation.gouv.fr/rgaa-accessibilite/criteres.html|Référentiel général d'accessibilité pour les administrations (RGAA)]]. Cela depuis la 1ère version publiée en 2009 (prévu par la [[https://www.legifrance.gouv.fr/affichTexte.do?cidTexte=JORFTEXT000000809647&categorieLien=id|loi française n°2005-102 du 11 février 2005 pour l'égalité des droits et des chances, la participation et la citoyenneté des personnes handicapées]]). Un délai de 18 mois est accordé pour se conformer à chaque nouvelle version du RGAA, la dernière étant la version 3 2017, publiée le 28/07/2017.+Sans entrer dans les détails légaux, en termes d'obligation tous les services de communication publique en ligne de l'État, des collectivités territoriales et des établissements publics devraient respecter légalement un niveau double A (AA) du [[https://design.numerique.gouv.fr/accessibilite-numerique/RGAA/|Référentiel général d'accessibilité pour les administrations (RGAA)]]. Cela depuis la 1ère version publiée en 2009 (prévu par la [[https://www.legifrance.gouv.fr/affichTexte.do?cidTexte=JORFTEXT000000809647&categorieLien=id|loi française n°2005-102 du 11 février 2005 pour l'égalité des droits et des chances, la participation et la citoyenneté des personnes handicapées]]). Un délai de 18 mois est accordé pour se conformer à chaque nouvelle version du RGAA majeure du RGAA, la dernière étant la version 4.1, publiée le 16 février 2021 (version majeure 4 arrêtée le 20 septembre 2019).
  
-Cette obligation est assez peu respectée.+Cette obligation, sans contrainte jusqu'alors, est assez peu respectée.
  
-L'adoption récente de la directive [[https://eur-lex.europa.eu/legal-content/FR/TXT/?qid=1489487145127&uri=CELEX:32016L2102|UE 2016/2102 relative à l'accessibilité des sites internet et des applications mobiles des organismes du secteur public]] vient appuyer cette obligation déjà présente depuis 2005, une nouvelle version du RGAA est en cours de préparation pour se conformer à cette directive et au décret le transposant au sein du droit français. La directive étant son influence ([[https://koena.net/infographie-loi-accessibilite-numerique/|infographie résumé de Koena]] sous CC-BY-SA 4.0)  :+L'adoption récente de la directive [[https://eur-lex.europa.eu/legal-content/FR/TXT/?qid=1489487145127&uri=CELEX:32016L2102|UE 2016/2102 relative à l'accessibilité des sites internet et des applications mobiles des organismes du secteur public]] vient appuyer cette obligation déjà présente depuis 2005, la version 4.1 du RGAA  [[https://www.numerique.gouv.fr/uploads/rgaa/RGAA-v4.1.pdf|a été élaborée]] pour se conformer à cette directive et au décret ([[https://www.legifrance.gouv.fr/jorf/id/JORFTEXT000038811937|décret n° 2019-768 du 24 juillet 2019]]) le transposant au sein du droit français. La directive étend son influence ([[https://koena.net/infographie-loi-accessibilite-numerique/|infographie résumé de Koena]] sous CC-BY-SA 4.0)  :
   * Toute entreprise ayant un chiffre d'affaires supérieur ou égal à 250 millions d'euros) mais les conséquences du non respect sont néanmoins dérisoires : initialement 25000€ d'amende par an prévu diminué à 20000€ par un décret de juillet 2019...   * Toute entreprise ayant un chiffre d'affaires supérieur ou égal à 250 millions d'euros) mais les conséquences du non respect sont néanmoins dérisoires : initialement 25000€ d'amende par an prévu diminué à 20000€ par un décret de juillet 2019...
   * 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'intérêt général + Services essentiels au public et/ou service pour personnes handicapées   * Personnes morales de droit privé à but non lucratif avec mission d'intérêt général + Services essentiels au public et/ou service pour personnes handicapées
  
-Le RGAA se base lui-même sur un autre référentiel : le [[https://www.w3.org/TR/WCAG21/|Web Content Accessibility Guidelines (WCAG)]] issu de l'initiative Web Accessibility Initiative (WAI) du World Wide Web Consortium (W3C). Il fait office de consensus technique sur l'accessibilité des contenus web aux personnes handicapées et a été transposé en tant que norme ISO depuis 2012. Le RGAA se base sur la version 2.[[http://www.w3.org/Translations/WCAG20-fr/|traduit officiellement]] par l'association BrailleNet.+Le RGAA se base lui-même sur un autre référentiel : le [[https://www.w3.org/TR/WCAG21/|Web Content Accessibility Guidelines (WCAG)]] issu de l'initiative Web Accessibility Initiative (WAI) du World Wide Web Consortium (W3C). Il fait office de consensus technique sur l'accessibilité des contenus web aux personnes handicapées et a été transposé en tant que norme ISO depuis 2012. Le RGAA se base sur la version 2.[[http://www.w3.org/Translations/WCAG20-fr/|traduit officiellement]] par l'association BrailleNet.
  
-La nouvelle version du RGGA, la 4ème donc, semble, vis-à-vis des observateurs et défenseurs des personnes en situation de handicap, s'appauvrir (voir [[https://twitter.com/armonyaltinier/status/1163517043779493889|fil Touiteur d'Armony ALTINIER]] et [[https://koena.net/rgaa-4-1-derive-administrative/|l'article du blog de Koena]]) : là où bien qu'il y ait une obligation de conformité au niveau AA, la version 3 donnait à voir le niveau AAA permettant d'indiquer l'évolution possible et les manques tandis que la version 4 retire ces éléments, on peut citer par exemple la présence de Langue des Signes Française (LSF) dans les vidéos ou la présence de documents Facile A Lire et à Comprendre (FALC). Au lieu de tendre vers le mieux, la tendance semble se diriger vers l'application du minimum.+La nouvelle version du RGAA, la 4ème donc, semble, vis-à-vis des observateurs et défenseurs des personnes en situation de handicap, s'appauvrir (voir [[https://twitter.com/armonyaltinier/status/1163517043779493889|fil Touiteur d'Armony ALTINIER]] et [[https://koena.net/rgaa-4-1-derive-administrative/|l'article du blog de Koena]]) : là où bien qu'il y ait une obligation de conformité au niveau AA, la version 3 donnait à voir le niveau AAA permettant d'indiquer l'évolution possible et les manques tandis que la version 4 retire ces éléments, on peut citer par exemple la présence de Langue des Signes Française (LSF) dans les vidéos ou la présence de documents Facile A Lire et à Comprendre (FALC). Au lieu de tendre vers le mieux, la tendance semble se diriger vers l'application du minimum.
  
 En bref : En bref :
-  * généralement aucune obligation légale existe vous imposant une conformité à un référentiel d'accessibilité en France et en Europe à moins de se trouver dans les cas indiqués (pas nous en somme+  * généralement aucune obligation légale existe vous imposant une conformité à un référentiel d'accessibilité en France et en Europe à moins de se trouver dans les cas indiqués (pas nous chez Khaganat en résumé
-  * le référentiel pour lequel il existe une obligation légale en France pour certains organisme est le RGAA, il se base lui-même sur un référentiel international avec lequel il est compatible. En fin de compte, le RGAA est très franco-français et se baser dessus représente peu d'intérêt par rapport aux référentiels internationaux+  * le référentiel pour lequel il existe une obligation légale en France pour certains organismes est le RGAA, il se base lui-même sur un référentiel international avec lequel il est indirectement compatible mais aujourd'hui incomplet. En fin de compte, le RGAA est très franco-français et se baser dessus représente peu d'intérêt par rapport aux référentiels internationaux.
  
 == Autour du contenu == == Autour du contenu ==
Ligne 101: Ligne 101:
 === Plus large que le web === === Plus large que le web ===
  
-Le [[https://www.etsi.org/deliver/etsi_en/301500_301599/301549/02.01.02_60/en_301549v020102p.pdf|standard européen EN301 549 V2.1.2 d'août 2018]] traite non seulement l'accessibilité WEB en intégrant le WCAG mais aussi plus globalement sur tous les produits et services issus des technologies de l'information et de la communication (ICT) qui dépasse le seul WEB accessible depuis nos ordinateurs personnels pour traiter parmi bien d'autres exemples d'une appareil en accès libre (un distributeur de billet par exemple) tout autant que l'espace au sol nécessaire pour son accès en fauteuil roulant (section 8.3.2.2 Clear floor or ground space). +Le [[https://www.etsi.org/deliver/etsi_en/301500_301599/301549/02.01.02_60/en_301549v020102p.pdf|standard européen EN301 549 V2.1.2 d'août 2018]] traite non seulement l'accessibilité WEB en intégrant le WCAG mais aussi plus globalement sur tous les produits et services issus des technologies de l'information et de la communication (ICT) qui dépassent le seul WEB accessible depuis nos ordinateurs personnels pour traiter parmi bien d'autres exemples un appareil en accès libre (un distributeur de billet par exemple) tout autant que l'espace au sol nécessaire pour son accès en fauteuil roulant (section 8.3.2.2 Clear floor or ground space). 
  
 ===== Et chez nous à Khaganat ? ===== ===== Et chez nous à Khaganat ? =====
Ligne 107: Ligne 107:
 ==== Dans l'ensemble ==== ==== Dans l'ensemble ====
  
-Vous l'avez compris, aucun référentiel ne s'impose à nous mais il nous est logique d'en suivre un (sans oublier que cela ne fait pas tout !). De même aucun niveau de conformité nous est imposé, il nous revient d'en choisir un ou bien de mixer un peu à notre convenance sans pour autant viser un respect total du niveau maximal.+Vous l'avez compris, aucun référentiel ne s'impose à nous mais il nous est logique d'en suivre un (sans oublier que cela ne fait pas tout !). De même aucun niveau de conformité nous est imposé, il nous revient d'en choisir un ou bien de mixer un peu à notre convenance sans pour autant viser un respect total du niveau maximal si factuellement impossible à atteindre et maintenir.
  
-Grand avantage pour un projet francophone : ZE norme internationale (sur le contenu), le WCAG, fait d'une part l'objet d'une traduction officielle en français par l'association BrailleNet et d'autre part cette même traduction est la source du RGAA avec qui il conserve une compatibilité totale. Cela nous permet de parler de la même chose avec n'importe qui dans le monde tout en ayant une ressource compréhensible dans notre langue.+Grand avantage pour un projet francophone : ZE norme internationale (sur le contenu), le WCAG, fait d'une part l'objet d'une traduction officielle en français par l'association BrailleNet et d'autre part cette même traduction est la source du RGAA. Cela nous permet de parler de la même chose avec n'importe qui dans le monde tout en ayant une ressource compréhensible dans notre langue.
  
 //Nous utiliserons de façon indifférenciée "le référentiel" ou "un référentiel" sans indiquer de référentiel précis étant donné leur compatibilité dans la suite du présent document.// //Nous utiliserons de façon indifférenciée "le référentiel" ou "un référentiel" sans indiquer de référentiel précis étant donné leur compatibilité dans la suite du présent document.//
Ligne 117: Ligne 117:
 En revanche, la mise en conformité de l'existant s'avère bien plus difficile et soulève de nombreux défis stratégiques, techniques et fonctionnels, étant généralement admis que si le programme n'est pas conçu pour être accessible dès le départ, le travail de mise en conformité s'apparente très probablement à une refonte de nombreux écrans. En revanche, la mise en conformité de l'existant s'avère bien plus difficile et soulève de nombreux défis stratégiques, techniques et fonctionnels, étant généralement admis que si le programme n'est pas conçu pour être accessible dès le départ, le travail de mise en conformité s'apparente très probablement à une refonte de nombreux écrans.
  
-On oubliera pas non plus le standard européen EN301 549 pour tout ce qui se situera autour et penser à l'ATAG pour les cas spécifiques.+On oubliera pas non plus le standard européen EN301 549 pour tout ce qui se situera autour et pensera à l'ATAG pour les cas spécifiques.
  
 ==== Parlons ressources et référentiels ==== ==== Parlons ressources et référentiels ====
Ligne 128: Ligne 128:
  
 Par exemple [[https://pidila.gitlab.io/checklist-pidila/|la checklist de la DILA]] ou encore [[https://github.com/DISIC/assistant-rgaa|l'extension de navigateur "Assistant RGAA"]] de la DINSIC. Par exemple [[https://pidila.gitlab.io/checklist-pidila/|la checklist de la DILA]] ou encore [[https://github.com/DISIC/assistant-rgaa|l'extension de navigateur "Assistant RGAA"]] de la DINSIC.
 +
 +:!: A réviser avec la version 4 du RGAA (voire à éviter si mise à jour, la version 4 appauvrissant le référentiel)
 +
 +Visiter [[https://github.com/DISIC|le dépôt Github]] de la DINUM.
  
 == WCAG == == WCAG ==
Ligne 144: Ligne 148:
 TODO : à compléter TODO : à compléter
  
 +Référentiel français sous forme de cheklist, pas si terrible à lire et adapter : https://accessibilite.numerique.gouv.fr/methode/criteres-et-tests/#1
 ===== 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'accessibilité. 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'accessibilité.
-De bonnes habitudes élague énormément le terrain à une vraie prise en compte de l'accessibilité :-)+De bonnes habitudes élaguent énormément le terrain à une vraie prise en compte de l'accessibilité :-)
  
 ==== Aérer le texte ==== ==== Aérer le texte ====
Ligne 164: Ligne 168:
     javascript:s%20=%20document.createElement(%22style%22)%3Bs.setAttribute(%22type%22%2C%22text%2Fcss%22)%3Bt%3Ddocument.createTextNode(%22*%20%7Bline-height%3A%201.5!important%3B%20letter-spacing%3A.12em!important%3B%20word-spacing%3A%20.16em%20!important%3B%7D%20p%7Bmargin-bottom%3A%202em!important%3B%20%7D%22)%3Bs.appendChild(t)%3Bh%20%3D%20document.getElementsByTagName(%22head%22)%5B0%5D%3Bh.appendChild(s)%3Bvoid(0)%3B     javascript:s%20=%20document.createElement(%22style%22)%3Bs.setAttribute(%22type%22%2C%22text%2Fcss%22)%3Bt%3Ddocument.createTextNode(%22*%20%7Bline-height%3A%201.5!important%3B%20letter-spacing%3A.12em!important%3B%20word-spacing%3A%20.16em%20!important%3B%7D%20p%7Bmargin-bottom%3A%202em!important%3B%20%7D%22)%3Bs.appendChild(t)%3Bh%20%3D%20document.getElementsByTagName(%22head%22)%5B0%5D%3Bh.appendChild(s)%3Bvoid(0)%3B
  
-Le référentiel donne parfois des valeurs précises parfois non sur certains de ces éléments. 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'interligne de au moins 1,5 fois la taille du texte et une valeur d'espacement entre deux paragraphes est égale à au moins 1,5 fois la valeur de l'interligne.+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'interligne de au moins 1,5 fois la taille du texte et une valeur d'espacement entre deux paragraphes est égale à au moins 1,5 fois la valeur de l'interligne.
  
 ==== Penser au zoom ==== ==== Penser au zoom ====
Ligne 186: Ligne 190:
   * sous Orca : https://help.gnome.org/users/orca/stable/index.html.fr#quick_reference   * sous Orca : https://help.gnome.org/users/orca/stable/index.html.fr#quick_reference
  
-Basiquement, et bien souvent de façon commune à tous les lecteurs d'écran, la tabulation permet de passer à l'élément suivant (shift + Tab pour l'élément précédent) et c'est par l'appuie successif sur Tab que l'on aborde le parcours utilisateur dans l'écran.+Basiquement, et bien souvent de façon commune à tous les lecteurs d'écran, la tabulation permet de passer à l'élément suivant (shift + Tab pour l'élément précédent) et c'est par l'appui successif sur Tab que l'on aborde le parcours utilisateur dans l'écran.
  
-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 pour atteindre telle ou telle partie qui serait accessible facilement à la souris.+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 pour atteindre telle ou telle partie qui serait accessible facilement à la souris.
  
-Ainsi une page se naviguant au clavier peut comporter des éléments invisibles à l'œil mais parfaitement détectés par le lecteur d'écran pour faciliter la navigation au clavier : lien de retour à la ligne des menus, au de page, bas de page, aller au contenu, etc. (mais c'est aussi à double tranchant : les éléments cachées ne le sont pas pour le lecteur d'écran ! Voir [[https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html| Inclusively Hidden by Scott O’Hara]]).+Ainsi une page se naviguant au clavier peut comporter des éléments invisibles à l'œil mais parfaitement détectés par le lecteur d'écran pour faciliter la navigation au clavier : lien de retour à la ligne des menus, haut de page, bas de page, aller au contenu, etc. (mais c'est aussi à double tranchant : les éléments cachés ne le sont pas pour le lecteur d'écran ! Voir [[https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html| Inclusively Hidden by Scott O’Hara]]).
    
 Il ne faut pas oublier non plus la visibilité du focus. Il ne faut pas oublier non plus la visibilité du focus.
Ligne 204: Ligne 208:
 Chaque navigateur a une option dans sa console web pour s'adapter à une résolution donnée (avec des modèles de résolutions prédéfinis pour certains modèles d'ordiphone) mais cela ne vaut jamais un test sur un appareil réel. Chaque navigateur a une option dans sa console web pour s'adapter à une résolution donnée (avec des modèles de résolutions prédéfinis pour certains modèles d'ordiphone) mais cela ne vaut jamais un test sur un appareil réel.
  
-==== Documents ====+==== Editer des documents accessibles ====
  
 Les documents édités/rendus disponibles (PDF, ODT ou EPUB par exemple) devraient également être accessibles. Il est assez simple de trouver des aides pour rendre des documents traitement de texte ou PDF accessibles, bien moins pour un tableur. Les documents édités/rendus disponibles (PDF, ODT ou EPUB par exemple) devraient également être accessibles. Il est assez simple de trouver des aides pour rendre des documents traitement de texte ou PDF accessibles, bien moins pour un tableur.
Ligne 215: Ligne 219:
 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.
 TODO : alcyone sur Dude TODO : alcyone sur Dude
-==== Automatisation ? ====+==== Qui a dit automatisation ? ====
  
 La question se pose de l'automatisation des critères préconisés par un référentiel donné. La plupart ne sont pas automatisables néanmoins il existe des outils qui peuvent se révéler intéressants. La question se pose de l'automatisation des critères préconisés par un référentiel donné. La plupart ne sont pas automatisables néanmoins il existe des outils qui peuvent se révéler intéressants.
Ligne 248: 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 GPLv3 : https://github.com/ThePacielloGroup/CCAe+Pour Firefox : 
 +  * [[https://addons.mozilla.org/fr/firefox/addon/wave-accessibility-tool/|Extension Wave Accessibility pour Firefox]] : cliquez sur un bouton, la page est analysée et vous indique tout ce qui peut poser souci. Simple, claire et didactique, même si ça ne détectera pas tout. <wrap important>Licence non libre.</wrap> 
 +  * [[https://developer.mozilla.org/en-US/docs/Tools/Accessibility_inspector|Accessibility Inspector]] intégré dans Mozilla Firefox 
 +  * [[https://chrispederick.com/work/web-developer/|Web Developer]] de chrispederick.com sous GPLv3, facilitant le travail d'inspection (afficher les "alt", retirer le style, voir la structuration hiérarchique de la page, etc.). Sous firefox, [[https://addons.mozilla.org/fr/firefox/addon/web-developer/|le module se trouve ici]].  
 +  * [[https://add0n.com/stylus.html|Stylus]] sous GPLv3, facilitant certains tests de style 
 +  * [[http://matatk.agrip.org.uk/landmarks/|Landmarks]] sous MIT/X11, permettant l'affichage et la navigation dans les WAI-ARIA landmarks d'une page web
  
-Contrast Finder de Asqatasun sous licence AGPLv3 : https://app.contrast-finder.org/+Autre : 
 +  * [[https://github.com/ThePacielloGroup/CCAe|Colour Contrast Analyser]] (CCA) de The Paciello Group sous licence GPLv3 
 +  * [[https://app.contrast-finder.org/|Contrast Finder]] de Asqatasun sous licence AGPLv3 
 +  * [[https://github.com/dequelabs/axe-core|Axe-core, accessibility engine for automated Web UI testing]], sous licence MPL2.0 
 +  * [[https://github.com/musienkoyuriy/enabler|Enabler, Accessibility analyzer]], sous licence MIT :  
 +  * [[https://pa11y.org/|Pa11y]] ; voir aussi le [[https://github.com/pa11y|github du projet]]. 
  
-axe-core, accessibility engine for automated Web UI testing, sous licence MPL2.0 : https://github.com/dequelabs/axe-core +Il existe globalement diverses listes d'outils à travers le web plus ou moins à jour : [[https://frontendmasters.com/books/front-end-handbook/2018/tools/accessibility.html ou https://4design.xyz/outils-en-ligne-pour-verifier-accessibilite-de-votre-site-web|ici sur frontendmasters.com]] ou encore sur [[https://github.com/brunopulis/awesome-a11y/blob/master/topics/validators.md|cette liste github]] par exemple.
- +
-Accessibility Inspector intégré dans Mozilla Firefox : https://developer.mozilla.org/en-US/docs/Tools/Accessibility_inspector +
- +
-Enabler, Accessibility analyzer, sous licence MIT : https://github.com/musienkoyuriy/enabler +
- +
-Pa11y : https://pa11y.org/ & https://github.com/pa11y +
- +
-Il existe globalement diverses listes d'outils à travers le web plus ou moins à jour : https://frontendmasters.com/books/front-end-handbook/2018/tools/accessibility.html ou https://4design.xyz/outils-en-ligne-pour-verifier-accessibilite-de-votre-site-web ou encore https://github.com/brunopulis/awesome-a11y/blob/master/topics/validators.md par exemple.+
  
 Certains outils sont plus pertinents côté développement, d'autres côté qualification bien qu'ils puissent se recouper parfois. Certains outils sont plus pertinents côté développement, d'autres côté qualification bien qu'ils puissent se recouper parfois.
Ligne 266: Ligne 272:
 ==== Ressources diverses ==== ==== Ressources diverses ====
  
-Le RGAA lui-même et documents associés http://references.modernisation.gouv.fr/referentiel/ +  * Le [[https://www.numerique.gouv.fr/uploads/RGAA-v4.0.pdf|RGAA lui-même]] et documents associés 
- +  * Le portail "[[http://references.modernisation.gouv.fr/accessibilite-numerique|Accessibilité Numérique]]" de la DINSIC (notamment avec divers guides dans la partie "Ressources"
-Le portail "Accessibilité Numérique" de la DINSIC (notamment avec divers guides dans la partie "Ressources": http://references.modernisation.gouv.fr/accessibilite-numerique +  * [[http://accessiweb.org/index.php/accueil.html|AccessiWeb]] 
- +  Les notices [[http://www.accede-web.com/|d'AcceDe Web]] 
-AccessiWeb : http://accessiweb.org/index.php/accueil.html +  Le [[https://a11y-guidelines.orange.com/index.html|guide d'Orange]] pour la conception et test d'applications et sites accessibles (plutôt orienté développement) mais aussi de documents :  
- +  * [[https://www.w3.org/WAI/test-evaluate/preliminary/|Checklist accessibilité]] pour une évaluation rapide du W3C  
-Les notices d'AcceDe Web : http://www.accede-web.com/ +  * [[https://www.etsi.org/deliver/etsi_en/301500_301599/301549/02.01.02_60/en_301549v020102p.pdf 
- +  * |EN301 549 V2.1.2 (2018-08) HARMONISED EUROPEAN STANDARD Accessibility requirements for ICT products and services]]  
-Le guide d'Orange pour la conception et test d'applications et sites accessibles (plutôt orienté développement) mais aussi de documents : https://a11y-guidelines.orange.com/index.html +  Un [[https://slack.engineering/how-to-fail-at-accessibility-99bdf3504f19|article intéressant]] sur l'accessibilité d'un composant d'interface 
- +  * [[http://www.unapei.org/wp-content/uploads/2018/11/L%E2%80%99information-pour-tous-Re%CC%80gles-europe%CC%81ennes-pour-une-information-facile-a%CC%80-lire-et-a%CC%80-comprendre.pdf 
-Checklist accessibilité pour une évaluation rapide du W3C https://www.w3.org/WAI/test-evaluate/preliminary+  * |Facile à A Lire et à Comprendre (FALC)]] 
- +  * [[https://developer.mozilla.org/fr/docs/Accessibilit%C3%A9 & Partie ARIA : https://developer.mozilla.org/fr/docs/Accessibilit%C3%A9/ARIA 
-EN301 549 V2.1.2 (2018-08) HARMONISED EUROPEAN STANDARD Accessibility requirements for ICT products and services :https://www.etsi.org/deliver/etsi_en/301500_301599/301549/02.01.02_60/en_301549v020102p.pdf +  * |Accessibilité sur le MDN]] 
- +  * [[http://gameaccessibilityguidelines.com/|Reference for inclusive game design]]
-Un article intéressant sur l'accessibilité d'un composant d'interface : https://slack.engineering/how-to-fail-at-accessibility-99bdf3504f19 +
- +
-Facile à A Lire et à Comprendre (FALC) : http://www.unapei.org/wp-content/uploads/2018/11/L%E2%80%99information-pour-tous-Re%CC%80gles-europe%CC%81ennes-pour-une-information-facile-a%CC%80-lire-et-a%CC%80-comprendre.pdf +
- +
-Accessibilité sur le MDN : https://developer.mozilla.org/fr/docs/Accessibilit%C3%A9 & Partie ARIA : https://developer.mozilla.org/fr/docs/Accessibilit%C3%A9/ARIA+
  
 ===== En chantier sur Khaganat ===== ===== En chantier sur Khaganat =====
Ligne 303: Ligne 304:
 TODO : tags à compléter ? Expliquer FALC. Expliquer la composition du WCAG. Partie plus technique ? Evoquer [[https://www.w3.org/WAI/standards-guidelines/aria/|ARIA]] TODO : tags à compléter ? Expliquer FALC. Expliquer la composition du WCAG. Partie plus technique ? Evoquer [[https://www.w3.org/WAI/standards-guidelines/aria/|ARIA]]
  
-{{tag>Accessibilité Règles}}+{{tag>Accessibilité Règles Liste}}
CC Attribution-Share Alike 4.0 International Driven by DokuWiki
fr/accessibilite.1576156777.txt.gz · Dernière modification : 2021/12/03 19:18 (modification externe)

Licences Mentions légales Accueil du site Contact