miércoles, 21 de marzo de 2012

Qué teclas de acceso rápido (accesskey) utilizar

Artículo anterior:
Estándares formales de usabilidad y su aplicación práctica en una evaluación heurística


El punto de verificación 9.5 de las WCAG 1.0 de nivel AAA indica Proporcione atajos de teclado para los vínculos más importantes (incluidos los de los mapas de imagen de cliente), los controles de formulario y los grupos de controles de formulario. [Prioridad 3] Por ejemplo, en HTML, especifique los atajos a través del atributo "accesskey"

En las WCAG 2.0 deja de ser un criterio de conformidad y pasa a ser una técnica adicional del criterio 2.4.1 de nivel A Evitar bloques: Existe un mecanismo para evitar los bloques de contenido que se repiten en múltiples páginas web".

Aunque no es obligatorio, yo sí que recomiendo incluir atajos de teclado. La duda que surge entonces es ¿qué accesskey incluir de forma que no entren en conflicto con las teclas de atajo de los menús del navegador? ¿hay algún estándar?

UK Government accesskeys standard

El Gobierno del Reino Unido estableció en 2002 las siguientes teclas de acceso rápido para sus portales web:

  • S - Skip navigation
  • 1 - Home page
  • 2 - What’s new
  • 3 - Site map
  • 4 - Search
  • 5 - Frequently Asked Questions (FAQ)
  • 6 - Help
  • 7 - Complaints procedure
  • 8 - Terms and conditions
  • 9 - Feedback form
  • 0 - Access key details

Consultar en: Uk Guidelines for government websites (PDF) (capítulo 2 "Content of websites". Apartado 2.4 "Building in universal accessibility + checklist". Subapartado 2.4.4 "UK Government accesskeys standard".

Estas accesskey se siguen utilizando como se observa por ejemplo en la web Directgov (UK government's digital service for people in England and Wales)

Swedish Government accesskeys standard

En Suecia, en las Swedish National Guidelines for Public Sector Websites (2008) (PDF), que establecen las normas a seguir por los portales de la Administración Pública, se definen también las teclas de acceso rápido que se han de utilizar.

Según se indica, están basadas en las del Reino Unido (The choices of access keys are inspired by the UK Government access keys):

  • S - Skip navigation, go directly to text content
  • 0 - “About the website”, accessibility information. Provided details on access keys
  • 1 - “Home” page
  • 2 - News. Collection of news
  • 3 - Content outline. A site map, or perhaps A-Z
  • 4 - Search. Should be connected to the search field that searches the entire website
  • 5 - Frequently Asked Questions (FAQ)
  • 6 - Help. For example, about a specific service.
  • 7 - Contact us. Page with contact details to important functions within the government agency.
  • 8 - Legal information. Page that describe the website’s privacy policy and how legal information such as cookies are handled.

Según se especifica, en la página "About the website" se deben indicar las teclas utilizadas y explicar su uso en diferentes navegadores y sistemas operativos.

Ninguna de estas teclas colisiona con los atajos de menú de los navegadores. La "S" no genera conflicto en los navegadores en castellano, aunque indican que en la versión sueca de IE6 sí colisiona con un menú.

Mi recomendación es que no reinventemos la rueda y usemos las accesskey propuestas por los gobiernos de Reino Unido y Suecia. Tienen la ventaja de no colisionar con el navegador y que son lo más cercano a un estándar "de facto" que existe, de modo que, si se generalizan, el usuario no deberá reaprenderlas de una web a otra.

Así que os animo a aplicar y difundir este estándar de accesskey.

Un ejemplo de uso y adaptación de estas accesskey lo implementamos en la web de la Clínica Universidad de Navarra.

Otros enlaces de interés


Artículos anteriores

0 comentarios :
Publicar un comentario en la entrada