Atajos de teclado en documentos

Este artículo explica las teclas de acceso rápido en HTML; porqué parecen una buena idea, y porqué no ayudan tanto como era de esperar. En Fundosa Teleservicios ha sido desde hace mucho tiempo causa de confusión, por lo que he decidido investigar a fondo el tema. Y no es fácil explicar. Si no tienes tiempo para leerlo todo, pudes saltar directamente a mis recomendaciones o conocer una alternativa.

El usuario experto del ordenador conoce un secreto para trabajar con menos esfuerzo: los atajos de teclado. Para copiar un texto no necesita coger el ratón: con un rápido control+C se realiza la misma operación y en un tiempo mucho menor que el usuario novato. No obstante, pocos saben que pueden, o podrían hacer lo mismo para navegar dentro de una página web.

Pero no son sólo los usuarios expertos que sacan provecho de su teclado: hay usuarios que no utilizan el ratón (por ejemplo los que usan ordenador portátil que no dominan el "touchpad") y muchos que no pueden manejar ratón por discapacidad. Los usuarios invidentes no ven el puntero del ratón; tienen que usar el teclado. Y un usuario invidente con lector de pantalla puede trabajar más rápido que uno vidente con ratón.

Pensando en estos dos grupos de usuarios (sobre todo el segundo), el W3C incorporó en HTML la posibilidad de asignar una tecla de acceso rápido a los elementos de la página. HTML 4.01 lo describe así:

Este atributo asigna una tecla de acceso a un elemento. Una tecla de acceso es un carácter único del conjunto de caracteres del documento...

Al pulsar la tecla de acceso asignada a un elemento, el foco se dirige hacia el elemento. La acción que tiene lugar cuando el foco se dirige hacia un elemento depende del elemento. Por ejemplo, cuando un usuario activa un vínculo definido por el elemento <a></a>, el agente de usuario normalmente sigue el vínculo. Cuando un usuario activa un radiobotón, el agente de usuario cambia el valor del radiobotón. Cuando el usuario activa un campo de texto, éste permite la entrada de texto, etc.

El punto 9.5 de las pautas WCAG nos instan a proporciona atajos de teclado:

9.5 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.

Aunque sólo es de prioridad 3. Es decir que si no definimos atajos de teclado, esto no significa que el sitio sea inaccesible. Este punto recomienda asignar teclas para los elementos de formulario. En este artículo sólo considero atajos para hipervinculos, aunque los mismos principios son de aplicación para formularios (y creo que un formulario bien diseñado no necesita atajos de teclado.)

El principio es fácil de comprender: el autor de la páginas asigna una tecla a los distintos elementos de la página, por ejemplo el enlace a la página principal en la barra de navegación, o la casilla de búsqueda. Entonces para activar el enlace basta con teclear la letra o el número correspondiente. Parece muy bien, pero la realidad es bien distinta.

Primero repasamos los problemas más importantes que tiene esta forma de acceder a la página, y luego las posibles soluciones.

Por desgracia, a pesar de su aparente utilidad, pocas páginas definen estos atajos de teclado, y aun menos usuarios saben aprovecharlos. ¿Si la idea es tan buena, por qué no se utilizan más? No comprendemos bien las teclas de acceso rápido, y tienen varios problemas que dificultan su implementación.

Usuarios que han visto este tema también han visto...

- Diseño y Usabilidad
- Accesibilidad, Usabilidad y Estética
- Buscadores: Fin del viaje gratis.
- Las oportunidades
- Consejos para proteger tu monitor o TV de plasma o LCD

- Versión imprimible de este documento

- Enviar por e-mail este documento