Accessibilité numérique

Conseils sur l'accessibilité numérique

Une ressource destinée au personnel du CRIP

Sommaire

Présentée par Juliette Di Maïo, Chargée de mission au Étudiante en Master 2 EPSIN

CRIP UGECAM

10

SOMMAIRE

Quelques recommandations pour vos supports (II)

Sensiblisation à l'accessibilité numérique

Des applications utiles pour rédiger vos supports

Définition de l'accessibilité numérique

L'accessibilité numérique: une obligation réglementaire

Un exemple

Quelques recommandations pour vos supports (I)

Fin

10

"Et vous, est ce que vous pourriez vous passer d'internet?" 🤔

À travers son témoignage, Manuel Pereira, responsable de l'accessibilité à l'association Valentin Haüy témoigne sur l'importance de rendre les supports accessibles pour tous. Il en formule une définition et explique son caractère prépondérant afin d'oeuvrer pour une société inclusive.

10

Définition de l'accessibilité numérique

"Un site web accessible est un site qui permet aux personnes en situation de handicap d'accéder à ses contenus et ses fonctionnalités sans difficulté."

43%

Des sites sont partiellement ou totalement conformes au RGAA en France

Dans un site accessible, on peut :

• Explorer le site à l'aide d'une synthèse vocale
• Paramétrer l'apparence du site selon ses besoins (adapter la taille des caractères, modifier les couleurs et la police, ...) ;
• Naviguer sans avoir recours à l'utilisation de la souris (clavier, écran tactile, reconnaissance vocale, ...)

10

L'accessibilité numérique: une obligation réglementaire

Les obligations d’accessibilité des sites publics ont été introduites par la loi du 11 février 2005. De plus, depuis Septembre 2019, ils doivent publier une déclaration d’accessibilité ainsi que leur conformité dès la page d’accueil. Les sites doivent donc être pensé à l'aide du afin d'être :

RGAA

Compréhensible

Robuste

Perceptible

Utilisable

On peut optimiser la compatibilité avec les utilisations actuelles et futures, y compris avec les technologies d’assistance.

On peut faciliter la perception visuelle et auditive. Exemple: proposer des équivalents textuels aux contenus qui n'en ont pas.

On peut fournir des éléments pour naviguer sur la page. Exemple: laisser du temps aux utilisateurs pour s'approprier le contenu.

On peut faire en sorte que les pages fonctionnent de manière prévisible. Exemple: aider l’utilisateur à corriger les erreurs de saisie.

10

Quelques recommandations pour vos supports (I)

• Utiliser une police sans empatements

→ Arial, Calibri, Tahoma

• Utiliser une taille de police suffisamment grande

→ 14 pour les écrits / 18 et + pour les diaporamas

• Éviter de donner une information par la couleur, expliciter son caractère autrement

• Préférer surligner, plutôt que de mettre le texte en couleurs

• Utiliser des couleurs qui contrastent suffisament avec la couleur du texte

→ Pour vérifier le contraste

• Éviter les textes en italique, favoriser la mise en début de phrase et en gras des éléments importants

⚠️ Pour les publics DYS on évitera de souligner

CONTRAST FINDER

10

Quelques recommandations pour vos supports (II)

• Éviter de justifier vos textes, pour les rendre accessible on les alignera à gauche ce qui rappelera le sens de lecture

• Éviter les textes denses dans les diaporamas, cela surcharge les présentations et ne permet pas à la personne accompagnée de repérer les elements importants

• Proposer une alternative vocale aux données textuelles
• N'oublier jamais les sous titres si vous proposer des vidéos!
• Utiliser avec parcimonie des pictogrammes pour illlustrer vos propos, assurez vous de la compréhension de ces derniers par votre public

• Proposer du : Facile à Lire et à Comprendre, ou une simplification de vos écrits aux personnes les plus en difficultés

Pictogrammes à télécharger

FALC

10

→ En ligne et compatible avec PAD+!

→ En ligne gratuitement

→ La suite Microsoft 360 en ligne ou en local

Power point

Canva

Genially

Logiciel de conception graphique

Logiciel de création de contenu interactif

Logiciel de présentation

→ La suite Microsoft 360 en ligne ou en local

→ En ligne gratuit ou payant avec plus d'options

→ En ligne gratuit ou payant avec plus d'options

Clipchamp

La digitale

H5P

Logiciel de création de contenu interactif

Editeur d'outils numériques pour l'éducation

Logiciel de montage vidéo

10

Exemple de diapositive inclusive

CRIP: Centre de Rééducation et d'Insertion Professionnelle

→ Nos missions :

• L’évaluation ;
• L’élaboration de projet ;
• L’intégration professionnelle et sociale durable

→ Pour qui ? Les travailleurs en situation de handicap→ Comment ? Avec un parcours personnalisé dans une approche globale. Par l’action pédagogique mais aussi l’accompagnement sur la santé, la situation sociale, l’insertion professionnelle… → Avec qui ? Une équipe pluridisciplinaire composée de formateurs, conseillers en insertion, assistantes de service social, éducateurs, ergothérapeute, médecins, infirmier, psychologues, ...

Dans un cadre chaleureux !

+ Info

10

Merci pour votre attention !

N'hésitez pas à me rejoindre sur LinkedIn !

10