Conception pour l'accessibilité

Souhaitez-vous délibérément construire un site web que vous saviez ce serait illisible par les trois quarts de vos clients? Bien sûr que non! Et pourtant, il arrive - et il ya de bonnes chances que, sans s'en rendre compte, vous avez aussi. Voici notre guide pour vous assurer que votre site est visible par tous.



Le point entier de faire un site web, toute la question de le publier sur Internet sous votre nom de domaine, est tellement que les gens vont le lire, non? C'est juste du bon sens que vous voudriez pour le rendre facile pour vos visiteurs de lire votre site. Et pourtant, la plupart des entreprises faire des sites Web qui contiennent des défauts:



    * Les défauts qui font qu'il est difficile pour les visiteurs à trouver le site à tous,



    * Les défauts font qu'il est difficile pour les visiteurs d'obtenir les informations qu'ils recherchent, et



    * Les défauts rendant impossible pour les visiteurs, même de lire l'information quand ils le trouver!



Semble stupide? Il arrive tout le temps! Jetez un oeil à ces erreurs courantes, et de voir combien d'entre eux sont dans votre site Web.

mises en page à largeur fixe



Vous avez vu des sites Web où le contenu apparaît dans une bande dans le centre de la fenêtre du navigateur? Si vous augmenter la taille de la fenêtre, le contenu reste dans la moyenne. Nick James a un site comme celui-ci. Peter Jones va encore plus loin - il vous permet même de définir la couleur et la position de l'arrière-plan!

Donc: quel est le problème?

les petits écrans: Le concepteur du site Web n'a aucune idée de ce que la taille de l'écran visiteurs utilisent. Si le contenu ne convient pas, alors, soit la substance sur les bords ne seront pas vu du tout, ou bien l'utilisateur devra se tenir défilement avant et en arrière pour lire chaque ligne de texte.

Qui utilise les "petits" écrans?



écrans d'ordinateur portable, mais qu'ils sont meilleurs qu'ils ne l'étaient, ont tendance à avoir une résolution limitée.



Certains offrent des services de navigation Web à la télévision. résolution TV est seulement aussi bon que les tout premiers, VGA ordinateurs.



Il devient courant que les gens de naviguer avec un téléphone ou un PDA. Leurs écrans sont très limitées!

Texte grand: presque tous les navigateurs Web offrent une facilité de changer la taille du texte. Il est vraiment destiné aux utilisateurs malvoyants, mais les utilisateurs de PDA et de téléphone de minuscules écrans matchbox-entreprises trouvent qu'il est très utile aussi.



Beaucoup d'utilisateurs, que ce soit sur les ordinateurs de bureau ou sur PDA, définissez la taille du texte beaucoup plus grand que les graphismes. Une mise en page à largeur fixe - au mieux - se presser le texte agrandi dans une colonne étroite. Au pire, l'écran tout entière peut tomber en morceaux!

De grands écrans: Ce n'est pas si grave, ni si évident, mais les visiteurs mises à largeur fixe également les inconvénients des écrans de bonne qualité. Ils ont de grands écrans pour qu'ils puissent voir plus! Si votre site est coincé dans une colonne étroite, la plupart de l'écran extra-large du visiteur est vide - il n'y a plus page web de leur présentation.



Il veut en savoir plus. Tu lui montrant de moins! Faites le calcul!

Comment pouvez-vous vérifier?



    * Différents navigateurs disposent d'installations différentes. Plus vous avez, plus les contrôles que vous pouvez faire:



          o Si vous utilisez Internet Explorer, vous pouvez modifier la taille du texte. Voir ce qui se passe à la page. Vous pouvez également zoomer la page entière à l'extérieur, pour avoir une idée de ce qui se passe sur les écrans de très grands ou très petits.



          o Si vous utilisez Firefox, vous pouvez ajuster la taille du texte presque sans limite.



          o Si vous utilisez Opera, vous ne pouvez pas modifier la taille du texte, mais il est un excellent outil pour simuler un petit appareil à l'écran.



    * Rechercher sur le site Web à l'aide d'un téléphone ou un PDA.

Graphiques et Flash



Afin de donner le graphiste le contrôle complet de l'expérience de l'utilisateur, certains sites Web sont conçus pour être rien de plus que des graphiques - il n'y a presque aucun texte même là du tout! Parfois, il est fait comme une série de fichiers image rassemblés sur la page, et parfois tous les graphiques sont à l'intérieur d'un fichier Flash.



Il ne fait aucun doute, certains de ces sites une apparence spectaculaire. Regardez Happiness Factory de Coca pour un exemple.

Donc: quel est le problème?



    * Ils ne sont pas utilisables. La page Web ressemble à un jeu vidéo. Les contrôles ne ressemblent pas à des contrôles, ils se déplacent autour de l'écran, et ils ne travaillent pas de manière évidente.



    * Ils ne sont pas contrôlables. Si vous redimensionnez le navigateur, le contenu n'est pas redimensionnée. Il est inutile sur les petits écrans ou pour les utilisateurs malvoyants.



    * Ils ne sont pas assez rapides. Vous devez télécharger l'ensemble du site avant que vous puissiez voir rien du tout. (Normal sites construire l'écran que leurs pièces sont chargées). La plupart des utilisateurs s'attendent à être en mesure de voir un site web en moins de trois secondes.



    * Ils ne sont pas moteur de recherche convivial. Les moteurs de recherche lire le texte. Ils ne peuvent pas lire des graphiques ou des animations. Rien dans le graphisme d'un site Web ne sera jamais indexé par un moteur de recherche

sites web en Flash ne sont pas tous mauvais! si le contenu dont vous faites preuve est intrinsèquement graphique ou d'animation (ou, en effet, est un jeu vidéo représentant), puis Flash est tout à fait approprié pour cela.



Mais, de comprendre que ces sites ne sont pas conventionnelles. considérations classiques de convivialité moteur de recherche et de l'accessibilité des utilisateurs et les choses semblables ne s'appliquent pas à eux.



Les problèmes apparaissent lorsque ce qui doit être sites classiques sont construites en Flash, puis les propriétaires se demandent pourquoi leurs sites ne sont pas générer de trafic.

Comment pouvez-vous vérifier?



    * Couper les images et les plug-ins de votre navigateur. Quelle que soit la gauche de l'écran est le contenu réel.

Non-ancres



Normal page de programmation fournit une manière parfaitement bien de faire quelque chose. C'est ce qu'on appelle le point d'ancrage. Lorsque vous voyez quelque chose comme ceci a souligné, et le pointeur de la souris se transforme en main quand il se déplace sur elle, et quelque chose change lorsque vous cliquez dessus - c'est un point d'ancrage.



Mais certains programmeurs web veulent être un peu habile, si elles fausses leurs ancres. Ils écrivent un code spécial pour faire quelque chose qui n'est pas un point d'ancrage se comportent un peu comme un point d'ancrage - le souligner, la petite main, quelque chose se passe lorsque vous cliquez dessus. Comme ça. On dirait la même chose, n'est-ce pas?

Donc: quel est le problème?



    * Les moteurs de recherche ne les comprends pas. moteurs de recherche utilisent des ancres à trouver leur chemin vers votre site, et autour d'elle. Mais si les ancres sur votre page sont-elles difficiles, ancres prétendent, les moteurs de recherche ne seront pas les comprendre, et ne sera donc pas en mesure de lire votre site.



    Claviers * ne les comprends pas. Si le visiteur utilise un téléphone ou un téléviseur qui ne dispose pas d'une souris, il doit passer d'ancrage pour ancrer en utilisant les touches du curseur ou les touches de tabulation. Même les utilisateurs de portables trouvent souvent plus facile d'utiliser le clavier que d'utiliser le glisser-pad. Mais l'ancre de sélection ne fonctionne que sur les ancrages réels, et non sur ceux semblant.



    * Page lecteurs ne les comprends pas. Ce n'est pas seulement aveugle, les utilisateurs qui ont leurs pages web pour les lire gens écoutent souvent à des sites web pendant leur voyage. page, les lecteurs font un peu de bruit pour indiquer un point d'ancrage. Ils ne font pas parler d'un ancrage à faire semblant.



    Navigateurs * ne sont pas toujours les comprendre. Non-ancres reposent sur JavaScript pour fonctionner. Pas tous les navigateurs permettent JavaScript, et ceux qui ne permettent aux utilisateurs d'éteindre pour des raisons de sécurité. No Javascript: pas semblant d'ancrage.

Comment pouvez-vous vérifier?



    * Ne pas utiliser votre souris pour naviguer sur une page - essayez d'utiliser la touche de tabulation à la place. (Maj + Tab pour revenir en arrière)



    Scripts * Éteignez "Javascript" ou "" dans votre navigateur, et de voir si le site fonctionne toujours.

S'appuyant sur la couleur.



Saviez-vous ..? Dans certaines parties du monde, 1 mâle à 8 est affectée par une certaine forme de daltonisme?



Il est parfaitement naturel d'utiliser la couleur pour rendre votre site plus attrayant, ou de fournir des informations (telles que les boîtes-out ou d'animation des éléments de menu). Mais ce qui semble grande sur un seul écran peut finir par terribles sur un autre. Si vous comptez sur la couleur pour dire quelque chose, vous pourriez vous retrouver sans rien dire!



Couleurs primaires vives peuvent être aussi mauvais que pastels doux.

Quel est le problème?



    * Les gens peuvent être daltonien. Certains de vos téléspectateurs auront une certaine forme de daltonisme. Rouge / vert signaux sont d'une convention commune qui entraîne des difficultés particulières pour les daltoniens.



    Ecrans * sont souvent daltoniens. Écrans à cristaux liquides sont notoirement inexactes à reproduire la couleur - ce qui apparaît sur l'écran est souvent très différent de ce que vous avez demandé. Ils s'aggravent en pleine lumière.



    * Le papier est généralement daltonien. La plupart des gens d'impression sur des imprimantes laser noir et blanc. Il n'y a pas une reproduction des couleurs à tous. L'impression est la reproduction la plus durable de vos pages Web!

Comment pouvez-vous vérifier?



    * La meilleure façon de vérifier une page web est à l'imprimer sur une imprimante monochrome. (Ne trichez pas - supprimer tout CSS spécifiques à l'imprimante de la page)



    * Il existe des outils plus sophistiqués disponibles sur le filtre Colorblind Web Page. Il va vous montrer votre site Web dans différents types de simulation de daltonisme.



    * Enfin, vous pouvez obtenir des cartons spéciaux qui vous brancher en ligne avec votre moniteur pour le rendre de simuler différents types de daltonisme.

Randonnée



La plupart des auteurs sont payés par le mot. rédacteurs spécialisés sont enseignés "Le plus vous le dire, plus vous vendre". Ainsi, les meilleurs écrivains, vous pouvez louer vous donnera longues dissertations, couvrant tous les angles et d'opposition, de sorte que votre site peut convertir le nombre maximum de visiteurs.

Donc: quel est le problème?



    * Trop de mots sont mauvais. Les gens lisent des écrans plus lentement qu'ils ne le papier. Texte sur les écrans doit être plus grand que le texte sur le papier afin d'être lisible. Les écrans sont généralement plus petits que le papier. Tous ces éléments, pris ensemble, signifie que l'écran d'ordinateur est une façon quelque peu inefficace pour obtenir des informations! Presque personne va lire tous les trucs de votre auteur a écrit.



    * Trop de pensées sont mauvaises. En règle générale, les visiteurs de votre site ne lisent pas la littérature. Ils essaient de trouver un élément d'information, sans doute pour les aider à prendre une décision. S'ils ne peuvent pas voir tout de suite que la page leur dit ce qu'ils doivent savoir, ils vont chercher une autre page.



    Les moteurs de recherche pensent la même chose! S'ils lisent votre page, et peut comprendre ce que la page est sur le point, puis ils seront en mesure de le recommander. Si la page de randonnées d'une pensée à l'autre, le moteur de recherche ne comprendra jamais ce que la page est dit, alors ne sera plus jamais le montrer.

Comment pouvez-vous vérifier?



    * Look à chaque page de votre site Web. Pouvez-vous écrire un résumé de 50 mots de la page? Pouvez-vous écrire un titre 10-mot?



    * Utilisez Webtool pour savoir ce que les moteurs de recherche que votre site est sur le point.



    * Surveiller si vos visiteurs préfèrent lire à l'écran ou imprimer vos pages sur le papier.

Pas assez dire.



Le problème inverse à la randonnée n'est pas assez dire. Vous les voyez partout sur le web:



    * Catalogue pages qui montrent le nom d'un produit, un numéro de catalogue, et un "Acheter maintenant";



    * Nouvelles pages qui liste les titres seulement.

Donc: quel est le problème?



'Nuff said.

Résumé



Il n'est pas difficile de mettre sur pied un site web simple. Créer un site web avec "Wow-facteur" est légèrement plus difficile. Mais pour construire un véritable site industriel-force - et encore maintenir la recherche de grande et de travailler en toute transparence - qui exige de l'expérience et l'expertise.



Alors, comment pouvez-vous dire si un développeur Web est un débutant, un «faire mieux», ou d'un expert aguerri? Il suffit de regarder les sites qu'ils ont développé, et d'appliquer les tests dans cet article. Vous serez bientôt en mesure de dire qui est qui!