Outils et réflexions

Quelques premiers outils pèles mèles

Simulateurs d'handicaps sensoriels

Un ensemble d'outils qui permettent de mieux appréhender ce que sont les déficiences sensorielles les plus courantes (daltonisme, malvoyance, malentendance, handicap moteur...)

https://www.atalan.fr/agissons/fr/

Celui-ci est en anglais
https://www.color-blindness.com/coblis-color-blindness-simulator/

Le jeu de l’OAA

Le jeu de l’organisation de l’amélioration de l’accessibilité (OAA) vous guide dans la mise en accessibilité de votre service numérique. https://design.numerique.gouv.fr/accessibilite-numerique/jeu-de-oaa/

Les liens d'accès rapides

Ce critère permet de vérifier si des liens permettant de se rendre plus rapidement à certaines zones de la page en utilisant le clavier sont présents. C'est utile pour :
- les personnes qui ont des difficultés de mobilité et doivent utiliser le clavier pour naviguer : ça leur permet de naviguer plus rapidement en évitant les zones qui ne les intéressent pas.
- les personnes qui ont des limitations cognitives qui pourront se repérer pour aller directement au contenu principal.
- les personnes qui ont un handicap visuel et n'ont pas une vue globale de la page.

Pour avoir un aperçu de ce qu'est un lien d'accès rapide, rendez-vous sur https://www.servicepublic.fr

Aides techniques numériques – Ordi Facile

un site CNED soutenu par le FIPHFP
Une formation sur les aides techniques numériques
https://aidestechniquesnumeriques.wordpress.com/author/accessipass/

Captcha

Le CAPTCHA est une solution pour lutter contre le spam en demandant de résoudre une énigme,
un puzzle ou de recopier un texte déformer avant de pouvoir valider un formulaire. Or, de
nombreux CAPTCHA sont complexes et très inaccessibles. Il est donc important de veiller à
prévoir une version accessible ou une alternative, sans quoi de nombreux utilisateurs ne pourront pas valider le formulaire.

Nous vous invitons à lire un article sur le sujet de l?accessibilité des CAPTCHA, avec des solutions pratiques pour combiner lutte antispam et accessibilité :
https://koena.net/captcha-solutions-accessibilite/

La checklist PiDila

Une liste unique des bonnes pratiques pour les sites publics, 26 critères à suivre : RGAA, Charte internet et Marque de l‘État, Règles Opquast, Éco-conception, RGI et Loi informatique et liberté. https://pidila.gitlab.io/checklist-pidila/?Profil=R%C3%A9dactionnel&R%C3%A9f%C3%A9rentiel=RGAA

Contrastes

Pour que l?information soit perceptible, il est nécessaire d?avoir un ratio de contraste
suffisant entre premier et arrière-plan, sans qu?aucune couleur ne soit prescrite ni interdite.
Vous pouvez utiliser l?outil libre en ligne Contrast Finder pour le vérifier :
https://app.contrast-finder.org/

ou

TPGi colour contrast analyser, celui que j'utilise : https://www.tpgi.com/color-contrast-checker/

Rendre les films accessibles

Sous-titrage, amplification, audio-description...

http://www.cine-sens.fr/methodes/rendre-les-films-accessibles-au-handicap-sensoriel/

Recommandation Technique CST - RT – 028 – 2016 – V1.0
Projection numérique, sous-titres, dimensions et positionnement

https://www.cst.fr/wp-content/uploads/2020/01/CST-RT-028-P-Sous-titres_DCP_numerique.pdf

(pages 8 et 9 : "convention" couleurs sous-titres)

Dossier sous-titrage : la forme, le contenu, la technique :

http://www.sirtin.fr/sirtin/wp-content/uploads/soustitrage.pdf

code conforme au standard HTML

Pour que votre site web puisse fonctionner avec les technologies utilisées par certaines
personnes handicapées, elles doivent être codées dans les règles. Il s?agit ici de vérifier si le code HTML ne contient pas d?erreur susceptible de faire buguer les technologies d?assistance.
Même si ce critère est très technique, vous pouvez le tester sans connaissance technique en
copiant-collant l?adresse URL de la page à tester sur https://validator.w3.org/.
Inutile de comprendre le détail, les développeurs sauront lire les conseils prodigués pour corriger.
Objectif : zéro erreur.
Sachez que toutes les erreurs de code ne posent pas forcément des problèmes en termes d?accessibilité, et ne donneront pas lieu lors d?un audit expert à une non-conformité. Mais tendre vers le zéro erreur rend de toutes façons votre code plus robuste.

WAVE Web Accessibility Evaluation Tool, celui que j'utilise
https://wave.webaim.org/

axe™ - The Standard in Accessibility Testing , réputé pour être le plus complet
https://www.deque.com/axe/

Webinaire Moodle, comment maximiser l'accessibilité ?

- le replay

https://www.youtube.com/watch?v=40n3-id0cxA

- le power point

Webinaire_LMSAccessible_Enovation.pptx (2.1MB)
d'une durée d'un peu plus d'une heure, il s'avère être une bonne synthèse des préoccupations à avoir à l'esprit lorsqu'on s'intéresse à l'accessibilité numérique.

Créer des documents bureautiques accessibles

Ces guides d'accompagnement présentent les considérations et principes permettant de créer un document bureautique accessible, assortis de conseils et procédures non normatifs pour les mettre en œuvre. https://disic.github.io/guides-documents_bureautiques_accessibles/html/

Le RGAA s’applique à tout document ou application disponible en ligne : les sites Internet, Intranet et les applications web, mais aussi les contenus proposés en téléchargement.
Dans la thématique Consultation du RGAA, le critère 13.7 (niveau A) stipule que « chaque document bureautique en téléchargement possède, si nécessaire, une version accessible ». La conformité à ce critère peut être atteinte notamment en fournissant une version HTML accessible ou en rendant accessible le document dans le format proposé en téléchargement.

Structure des titres

La structuration par les titres est particulièrement importante pour aider les utilisateurs de lecteur d?écran, qui n?ont donc
pas une vue globale de la page, à avoir une idée du contenu et à naviguer plus rapidement de titre en titre.
Pour visualiser le plan de la page, vous pouvez utiliser l?extension de navigateur HeadingsMap, disponible pour Firefox et Chrome.

Logiciels de sous titrages

Aegisub ; le plus complet mais aussi complexe, Aegisub est un logiciel open-source disponible sur PC, Mac et Linus via ce lien : Aegisub Advanced Subtitle Editor. C’est un excellent logiciel qui permet de créer les sous-titres d’une vidéo. (je l'ai testé, cathy également)
Subtittle worshop : le plus connu
Subtittle edit : éditeur de sous-titres gratuit et open source pour créer, éditer, ajuster ou synchroniser les sous-titres des vidéos

un site comportant les incontournables des modifications de code

https://www.accede-web.com/notices/

Exemples de déclaration d'accessibilité

Celle du webdoc théâtre forum laïcité :
dclaration_accessibilit_lacit.pdf (0.1MB)
Celle du site citoyennete.educagri.fr
Déclaration_accessibilité_RGAA_4.1.odt (29.4kB)

D'autres :
accessibilit_gouv.pdf (61.5kB)
accessibilit_bouygues.pdf (62.6kB)
rgaa42019exempledeclaration.pdf (0.2MB)

Notices

Les notices AcceDe Web (version 4) s’adressent de façon spécifique à chaque intervenant d’un projet web et sont adaptées aux différentes étapes de conception et de développement.

https://www.accede-web.com/notices/

Vous y trouverez :

Notice d'accessibilité éditoriale
Notice d'accessibilité fonctionnelle et graphique
Notice d'accessibilité HTML et CSS
Notice d'accessibilité des principaux composants d'interface riche