Développement de sites pour les utilisateurs ayant une déficience Cognitive et des difficultés d’apprentissage

La source: http://juicystudio.com/article/cognitive-impairment.php

Introduction

Le plus grand groupe de personnes handicapées dans notre communauté est ceux qui ont une déficience cognitive et de difficultés d’apprentissage, mais ils sont souvent oubliés quand il s’agit de l’accessibilité des sites Web.

Les étiquettes, les handicaps cognitifs et les difficultés d’apprentissage, semblent englober un éventail aussi large de conditions que les développeurs web trouvent souvent difficile d’identifier ou de répondre aux besoins spécifiques des individus ou des groupes qu’ils servent à décrire.

Nombreux troubles distincts peuvent affecter la capacité d’une personne d’accéder à un site Web et utiliser les informations qu’il contient, par exemple :

  • Troubles cognitifs, qui comprend les déficits de mémoire, de perception, de problèmes, de conceptualisation et d’attention. Cela peut résulter d’une série de conditions comme le retard mental, autisme, lésions cérébrales, la maladie de Parkinson, la maladie d’Alzheimer et la vieillesse.
  • Des difficultés d’apprentissage peuvent également influer sur une variété de compétences de mémoire, la perception, la résolution de problèmes et la conceptualisation. Difficultés d’apprentissage comprennent la lecture des problèmes tels que la dyslexie, calcul, raisonnement et organisationnelles des déficits et des troubles d’apprentissage non verbal. Celles-ci sont parfois aussi associés avec le trouble déficitaire de l’Attention et l’hyperactivité.

Pour les développeurs web, la situation est rendue plus complexe par le fait que des utilisateurs individuels avec ces conditions peuvent avoir des besoins très divers. Il est commun pour les personnes ayant des problèmes cognitifs dans un domaine hautement qualifiés dans d’autres domaines. Par exemple, une personne qui est un excellent lecteur peut avoir des problèmes considérables pour comprendre la façon dont s’organise une page web, ou être facilement distrait par une petite image animée.

Pouvez le web répondre aux besoins de l’ensemble de ces différents groupes ? Probablement oui, mais avec différents sites Web.

Le web peut apporter beaucoup de plaisir et aide les personnes atteintes de différents et dans certaines déficiences de cas assez profonde, cognitive. Le projet de Peepo (maintenant fermé) a fourni un large éventail de ressources et d’idées pour permettre aux personnes ayant des difficultés d’apprentissage graves à naviguer et utiliser le web indépendamment.

Le présent article porte principalement sur l’amélioration du web pour les personnes qui ont la capacité fonctionnelle indépendamment accéder et utiliser des sites qui contiennent un contenu de texte. En particulier, l’article suggère des méthodes simples qui peuvent améliorer l’accessibilité des sites pour les personnes qui ont du mal à lire et utiliser le contenu écrit.

Pour une version plus détaillée de cet article, consultez An Accessibility Frontier : troubles cognitifs et difficultés d’apprentissage

1. travailler avec contenu

1.1 contenu clair et simple

Contenu qui est bien écrit sera plus facile pour tout le monde à accéder au site y compris les personnes souffrant de troubles cognitifs et d’apprentissage.

  • S’assurer que l’information est bien organisée.
  • Rester simple et courte contenu.
  • Briser en petits morceaux, avec une idée-force selon le paragraphe de l’information.
  • Présenter des points connexes dans une liste plutôt qu’un long paragraphe.
  • Utilisez des titres et sous-titres.
  • Assurez-vous qu’il n’y a aucune faute d’orthographe ou de grammaire
  • Fournir des définitions et explications des termes techniques, abréviations et acronymes.

1.2 longueur de la ligne optimale

La plupart des utilisateurs de web trouvent longues lignes de texte difficile à lire. Pour les personnes souffrant de troubles de lecture longues lignes de texte peuvent devenir un obstacle important. Que des résolutions d’écran augmentent, il est possible d’entrer des caractères de plus en plus dans une ligne à n’importe quelle taille de police donnée, cependant la police optimale taille pour faciliter la lecture varie de lecteur à lecteur. En conséquence, il est difficile d’être définitif sur ce qui est la meilleure longueur de ligne, mais en règle générale, lignes ne doivent pas dépasser 70 à 80 caractères et le texte devrait avoir une marge de gauche et de droite.

1.3 rivières de blanc

De nombreux internautes ayant des difficultés de lecture ont des problèmes avec le texte qui est à gauche et justifié à droite. L’espacement inégal entre les mots dans un texte entièrement justifié peut provoquer des « rivers de white « espace pour courir vers le bas de la page, ce qui rend la lecture difficile et parfois impossibles pour certaines personnes. La solution simple est d’éviter un texte entièrement justifié.

1.4 écriture de pyramide inversée

Un moyen simple de fabrication contenu plus accessible est d’utiliser le style de la pyramide inversée de la rédaction adoptée par la plupart des journaux. Commencez avec un aperçu sommaire ou abrégé de la question et le résultat et ensuite fournir les détails justificatifs d’information et fond. Cela permet aux utilisateurs de rapidement déterminer s’il y a des informations qu’ils ont regardé sans avoir à balayer toute la page.

2. masquage et affichage de contenu

Pour certains internautes, particulièrement ceux avec des incapacités cognitives et de difficultés d’apprentissage, grandes quantités de texte sur la page peuvent être un obstacle à l’accessibilité. L’utilisateur peut avoir un certain contrôle sur l’information qui leur est présentée peut réduire l’incidence probable de ce problème potentiel. Il est maintenant possible de donner aux utilisateurs la possibilité de choisir une version simple ou détaillée du contenu de la page dans une variété de façons.

2.1 long et court contenu

Cette méthode permet aux utilisateurs de choisir soit une version courte ou longue du contenu de la page à travers un site Web entier. Les utilisateurs qui choisissent l’option courte peuvent naviguer sur le site, la lecture de la version abrégée du texte de chaque page. Si sur une page particulière, qu’ils voudraient plus d’informations, ils sélectionnent l’option longue et la plus longue version du contenu de la page est chargée.

Cette méthode a été utilisée pour le site du Tribunal de tutelle basé à Sydney. Test des utilisateurs de ce site implique un large éventail d’utilisateurs, dont certains avec des difficultés cognitives et d’apprentissage. Quand ils ont pris conscience qu’ils peuvent choisir soit longues ou courtes versions du contenu de la page, la plupart des utilisateurs trouvent cette facilité à être bénéfique. Par exemple, les personnes ayant des problèmes de lecture étaient en mesure d’obtenir une version abrégée des renseignements qu’ils pouvaient lire et comprendre. Travailleurs sociaux et médecins utilisaient également contenu court comme leur valeur par défaut à l’option de navigation car elle leur permettait de localiser rapidement les informations que dont ils avaient besoin.

2.2 expansion bullet points

Une méthode similaire utilise des instructions simples ou des positions comme un moyen de fournir un aperçu du contenu. Ceux-ci sont présentés comme des puces, qui servent aussi les clés pour obtenir de plus amples renseignements. Lorsque l’utilisateur sélectionne un point de la balle, la version élargie de l’information relative à ce point est ensuite présentée dans la liste des puces.

2.3 les puces masquer

Cette méthode utilise également des puces pour les simples déclarations ou positions. Toutefois, le contenu développé n’est pas affiché dans chaque point de la balle. Au lieu de cela, il s’affiche sous la liste de points de toute balle. Cette option est préférable pour les plus gros morceaux de contenu.

2.4 diaporama contenu

Utiliser le web pour fournir un contenu informatif aux utilisateurs avec plus de sérieux troubles cognitifs peut exiger une approche différente. Une méthode suggérée consiste à présenter les informations dans un diaporama intégré avec une lame séparée pour chaque concept ou domaine d’intérêt. Cela permettra le contenu à fournir en clair, facile d’accès morceaux que l’utilisateur peut faire défiler à leur propre rythme.

3. CSS à l’aide de cliquabilité et lisibilité

Un des avantages majeurs des Cascading Style Sheets (CSS) est qu’il peut être utilisé pour manipuler la présentation du contenu, sans affecter la structure du contenu. Voici quelques méthodes simples faisant appel à CSS pour rendre le contenu plus accessibles aux personnes atteintes de déficiences cognitives et de difficultés d’apprentissage.

3.1 hauteur de ligne accrue

Certains utilisateurs trouvent qu’une augmentation de l’espace entre les lignes de texte dans un paragraphe peut faciliter la lisibilité.

3.2 augmentation de marge après le paragraphe

Il y a généralement une gamme complète d’espace après chaque paragraphe d’un bloc de contenu. Cela passera à 1,5 ou 2 lignes pleines d’espace peuvent faciliter la lisibilité pour certains utilisateurs.

3.3 effet hover sur liens

Certains utilisateurs éprouvent des difficultés à distinguer les liens des autres contenus. Liens vous pouvez donner un effet hover qui fait d’eux changent de couleur sur souris.

3.4 Border-bottom sur liens

Texte souligné standard peut rendre le contenu, suspendu notamment lettres, difficile à lire pour certains utilisateurs. Enlever le soulignement du lien par défaut et utiliser CSS border-bottom pour souligner le lien, vous pouvez contrôler la distance entre le texte et le soulignement.

3,5 zone active accrue de sur les liens

Pour certains utilisateurs, notamment ceux ayant des difficultés de motricité, il est difficile de cliquer sur des liens. À l’aide de CSS, la zone cible des liens peut être augmentée.

3.6 hover sur les paragraphes, les éléments de liste et les cellules d’un tableau

Certains utilisateurs avec des difficultés de lecture, il est difficile de garder une trace d’où ils sont sur une page. Appliquer des effets de survol paragraphes, éléments de liste et les lignes de la table leur permet d’utiliser la souris comme un dispositif de marquage place.

Malheureusement, Internet Explorer ne supporte pas de planer sur les paragraphes, les listes ou les lignes de la table. Toutefois, si vous pensez que c’est une option intéressante pour vos utilisateurs, JavaScript permet d’imiter cet effet dans Internet Explorer ( IE7 de Dean Edwardsen utilisant).

Paragraphes soulignés

Une autre méthode pour les utilisateurs avec des difficultés de lecture implique du soulignement contenu dans les paragraphes actives. L’idée ici est de fournir une règle virtuelle qui se trouve sous chaque ligne de texte, ce qui permet le œil utilisateurs de rester plus facilement sur la ligne en cours.

Un problème possible avec cette méthode, c’est que certains utilisateurs peuvent confondre le soulignement de paragraphe avec la présentation par défaut des liens hypertexte. À l’aide de CSS pour fournir un style différent pour le souligner, par exemple une ligne en pointillés rouge, pourrait réduire le risque de confusion potentielle comme ça.

3,8 couleurs inversées

Certains utilisateurs de trouver le contenu plus facile à lire que les couleurs utilisées pour le texte et l’arrière-plan sont inversés, afin que le contenu de la page est présenté avec la couleur de texte clair sur fond sombre.

3,9 éblouissement de fond réduite

Autres utilisateurs trouvent que les pages avec un fond blanc produisent trop d’éclat, ce qui les rend difficile à lire. Cela peut être résolu en utilisant une couleur blanc cassé ou faible échelle de gris pour le fond, ce qui réduira le montant de l’éblouissement.

4. utilisateur le contrôle de contenu et présentation

Les diverses idées décrites dans cet article peuvent être utilisées pour permettre à chaque utilisateur d’un site d’avoir le contenu des pages web présentée d’une façon qui est plus utile pour eux.

CSS est jumelée avec traitement JavaScript ou côté serveur, il est possible pour les développeurs d’inclure certaines améliorations suggérées l’accessibilité (p. ex. le fond frontière sur les liens et la zone de liaison accrue) comme paramètres par défaut de la présentation page, tout en permettant aux utilisateurs de contrôler les autres éléments de page tels que :

  • Contenu: longue ou courte de versions de l’information.
  • Taille de police: possibilité d’augmenter ou de diminuer la taille du texte.
  • Lisibilité: changer l’espace entre les paragraphes et/ou fournir survol stationnaire sur les paragraphes.
  • Thèmes de couleur: offrent une gamme d’options, y compris inverse les couleurs et réduit l’éblouissement.
  • Longueur de la ligne: pour une structure large ou étroite du contenu.
  • Line-height: fournir un éventail d’options pour modifier la hauteur de ligne du contenu texte et des liens.

Conclusion

Ces exemples ne sont pas censés pour apporter des réponses définitives pour tous les utilisateurs de problèmes ayant des troubles cognitifs et difficultés d’apprentissage peuvent se produire lors de l’accès à un site Web. Ce sont plutôt des suggestions que les développeurs, qui souhaitent rendre leur contenu plus accessible à un large public, se plaira à essayer. Alors que certaines techniques ont été testés avec les utilisateurs qui ont des difficultés cognitives et d’apprentissage, d’autres sont simplement des idées fondées sur la théorie et des intuitions.

Lectures complémentaires :

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *