Pauta 9 // Diseñe para la independencia del dispositivo

Responsive design

 

Utilice características que permitan la activación de los elementos de la página a través de diversos dispositivos de entrada.

El acceso independiente del dispositivo significa que el usuario puede interactuar con la aplicación de usuario o el documento con un dispositivo de entrada (o salida) preferido – ratón, teclado, voz, puntero de cabeza (licornio) u otro. Si, por ejemplo, un control de formulario sólo puede ser activado con un ratón u otro dispositivo de apuntamiento, alguien que use la página sin verla, con entrada de voz, con teclado o quien utilice otro dispositivo de entrada que no sea de apuntamiento, no será capaz de utilizar el formulario.

Nota: Proporcionando textos equivalentes para los mapas de imagen o las imágenes usadas como vínculos, se hace posible a los usuarios interactuar con ellos sin un dispositivo de apuntamiento.

Generalmente, las páginas que permiten la interacción a través del teclado son también accesibles a través de una entrada de voz o una serie de comandos.

Puntos de verificación:

9.1 Proporcione mapas de imagen controlados por el cliente en lugar de por el servidor, excepto donde las zonas sensibles no puedan ser definidas con una forma geométrica. [Prioridad 1]

9.2 Asegúrese de que cualquier elemento que tiene su propia interfaz pueda manejarse de forma independiente del dispositivo. [Prioridad 2]

9.3 Para los “scripts”, especifique manejadores de evento lógicos en vez de manejadores de evento dependientes de dispositivos. [Prioridad 2]

9.4 Cree un orden lógico para navegar con el tabulador a través de vínculos, controles de formulario y objetos. [Prioridad 3]

Por ejemplo, en HTML, especifique el orden de navegación con el tabulador a través del atributo “tabindex” o asegure un diseño de página lógico.

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. [Prioridad 3]

Por ejemplo, en HTML, especifique los atajos a través del atributo “accesskey”.

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s