web-dev-qa-db-fra.com

Accessibilité - Ordre de mise au point du clavier - onglet directement pour former ou tabuler tous les éléments?

Informations de fond:

J'effectue une vérification d'accessibilité conformément à la nouvelle loi de la LAPHO en Ontario:

http://www.e-laws.gov.on.ca/html/source/regs/english/2011/elaws_src_regs_r11191_e.htm#BK15

Il suit les directives WCAG 2.0 pour l'accessibilité:

http://www.w3.org/WAI/WCAG20/quickref/Overview.php

Question:

Pour une page de site Web avec un formulaire, lors du premier chargement de la page, l'ordre de tabulation doit-il être:

  1. Chaque élément de contenu tel que logo, texte et images avant d'atteindre le formulaire? Il réduirait l'opportunité mais serait plus accessible aux utilisateurs avec des lecteurs d'écran capables d'orienter eux-mêmes à la page Ou;

  2. Directement au formulaire? Perdre l'orientation utilisateur pour plus de commodité.

La ligne directrice est ici: http://www.w3.org/WAI/WCAG20/quickref/Overview.php#keyboard-operation

Fondamentalement, mon instinct dit de mettre l'accent directement sur le formulaire, car la majorité des utilisateurs, mais je crains qu'il ne respecte pas cette directive. Ou ne suis-je pas en train d'interpréter correctement cette règle?

Remarque: je ne suis pas un spécialiste de l'accessibilité, mais on m'a demandé de faire cet audit et c'est ce qui est arrivé. Vraiment curieux de savoir comment vous abordez cette directive.

5
Pdxd

Ne les prenez pas directement dans le formulaire, les utilisateurs ne s'y attendront pas.

Un site Web accessible décent aura sauter les liens en haut que l'utilisateur peut sélectionner pour accéder directement au contenu de la page. Sinon, il devrait également contenir des en-têtes appropriés afin qu'ils puissent accéder directement au H1 en appuyant sur H (ou sur une touche similaire, selon le lecteur d'écran utilisé).

N'oubliez pas, vous devriez pouvoir parcourir un site avec un lecteur d'écran et votre moniteur éteint et avoir du sens pour vous. Vous ne sauriez peut-être pas que la page sur laquelle vous avez atterri est principalement un formulaire à moins que vous ne puissiez le voir, mais les utilisateurs aveugles n'ont pas ce luxe.

Les utilisateurs de lecteurs d'écran savent très bien naviguer sur un site très rapidement. Si le site est construit avec un balisage décent, ils peuvent se familiariser assez rapidement avec le site, donc l'introduction d'ordres de tabulation `` utiles '' comme vous le suggérez peut être un obstacle plutôt qu'une aide car il rompt la convention sur la façon dont le reste du site travaux. (Par exemple, après s'être d'abord orienté avec les éléments du menu principal, ils peuvent décider de commencer la navigation en appuyant sur 1 pour les amener au premier H1, ou H pour les amener au premier en-tête, ou tab x 3 pour faire défiler les divers liens de saut afin de "sauter au contenu" et d'appuyer sur enter par un réflexe proche, car c'est ce qu'ils ont fait pour les 5 autres pages du site.

Et si une page a plusieurs formes? Où placeriez-vous le curseur alors? Ou s'il y a un champ de recherche là-dedans (qui est aussi un formulaire)?

Alors oui, vous devez vous assurer que le site est cohérent et que les utilisateurs de lecteurs d'écran y navigueront assez rapidement.

4
JonW