CSS et différents environnements

Question

Quelle est la meilleure approche pour avoir une CSS différente dépendante si la personne est désactivée?

Par exemple un texte plus grand, plusieurs couleurs, etc.?

Answer 1

Découvrez l'Institut national canadien pour le site aveugle: http://www.cnib.ca/en/

Ils ont mis en place quelques bonnes fonctionnalités, telles que

1. changer contraste
2. changer la taille du texte
3. Passer au contenu
4. tables pour données tabulaires uniquement

Pour l'essentiel, il s'agit simplement de changer les feuilles de style au besoin. Si vous faites cela, vous devriez probablement utiliser des cookies pour maintenir les préférences sur l'ensemble du site. Surtout, vous devez placer les liens pour ces options dans le haut de la page, où ils seront facilement accessibles, à la fois pour voir et à travers la structure de l'onglet.

Answer 2

Il y a un styleswitcher jQuery avec les cookies pour garder ici les préférences des utilisateurs: http://www.cssnewbie.com/simple-jquery-stylesheet-switcher/ et une méthode pour la mise en œuvre d'une manière accessible ici: http://www.alistapart.com/d/bodyswitchers/iotbs.html

Cependant, vous devez vous assurer que votre couleurs standard du site, la police taille, etc répondent à un niveau d'accessibilité de base pour commencer. WCAG2 Level A au minimum, et high-contrast/text-size etc en option. Si les utilisateurs ont des difficultés à percevoir votre site au départ, trouver et utiliser le sélecteur de styles est une autre tâche difficile pour eux avant qu'ils puissent accéder à votre contenu.