Publicado por & archivado en Diseño y Desarrollo Web.

Se encuentra disponible en la Internet el informe titulado Usability Guidelines: Web Design for Users With Disabilities una publicacion del Grupo Nielsen Norman este material es un recurso útil para difundir:

No abandone las reglas del buen diseño que ya conoce

  • (1). Siga las reglas básicas de un buen diseño (diseño centrado en el usuario, escribir concisamente evitando el lenguaje comercial superfluo, ofertar menos opciones, incluyendo sólo las más importantes no incluir gráficos y sonidos sólo por contar con ellos)

Gráficos y multimedia

  • (2). Reducir al mínimo el uso de imágenes
  • (3). Dar a todos los gráficos (incluso a los banners publicitarios) nombres que sean comprensibles y que transmitan de verdad lo que el gráfico es y hace.
  • (4). Nunca difuminar las imágenes para indicar no disponibilidad
  • (5). Cuando los gráficos contengan información útil, también proporcione la información en texto.
  • (6). Dé a los usuarios maneras y alternativas de obtener la información contenida en cualquiera de los gráficos que se encuentren.
  • (7). No utilice una imagen en miniatura de la página de su sitio para utilizarla como gráfico (o botón) en otra página
  • (8). Al hacer uso de gráficos, elija siempre imágenes claras y nítidas.
  • (9). Facilite a los usuarios la posibilidad de saltarse cualquier elemento multimedia, aplicación Java o Flash.
  • (10). No cree automáticamente una versión sólo-texto de su sitio.

Pops-ups, rollovers, nuevas ventanas y menús en cascada

  • (11). Evite el uso de ventanas emergentes.
  • (12). En el caso de hacer uso de cuadros de diálogo en pop-ups, asegúrese de que la acción por defecto es la más “perdonable”.
  • (13). Evite abrir nuevas ventanas del navegador.
  • (14). Si abre nuevas ventanas del navegador, siempre proporcione una forma sencilla de volver a la página principal del sitio principal.
  • (15). No confíe en los rollover de texto (tooltip) para transmitir información.
  • (16). Evite utilizar menús en cascada (menús que se despliegan)

Enlaces y botones

  • (17). Limite el número de enlaces en una página
  • (18). Evite pequeños botones y enlaces con texto en minúscula
  • (19). Deje espacio entre los enlaces y botones
  • (20). Evite el uso de imágenes como el único método de enlazar a otra página.
  • (21). Asegúrese de que los comandos importantes aparecen con sus propios vínculos exclusivos.
  • (22). Subraye todos los enlaces
  • (23). Crear vínculos dentro del texto cuando tenga sentido. Utilice los botones adicionales sólo cuando sea necesario.

Organización de las páginas

  • (24). Confirmar al inicio de la carga de la página principal el nombre de la compañía.
  • (25). Confirmar al inicio de la carga de una página en qué página se está.
  • (26). No asociar la palabra “página principal” o “home” con el logotipo de su empresa si planea volver a utilizar el mismo gráfico en todas las páginas.
  • (27). Reducir la necesidad de desplazarse con scroll.
  • (28). Cuando los usuarios deban hacer una elección, ponga todas las posibilidades en la misma zona.
  • (29). Cuando los usuarios deben hacer una elección, adviértales de la elección mediante, por ejemplo, un texto del tipo “Selección de pedido”, e infórmeles de la cantidad de opciones que tienen.
  • (30). Haga un diseño de páginas consistente
  • (31). Considere la posibilidad de utilizar un enlace “Saltar Enlaces” para que los usuarios puedan saltar los enlaces o elementos de navegación.
  • (32). Elija una dirección Web de su sitio simple e informativa, y mantenga esa URL en el campo de la dirección de la página después de la carga.

Páginas

  • (33). Evite las “páginas portada” previas a la página de inicio de un sitio, haga que la primera página que la gente vea sea la página que mejor describe la compañía y el sitio.
  • (34). Incluya tan sólo los pasos y las páginas necesarias

Campos y formularios

  • (35). Limite la cantidad de información que el formulario requiere; recoja sólo el mínimo necesario.
  • (36). Ponga las etiquetas de texto de los campos muy cerca de los campos que les corresponden.
  • (37). No indique los errores del formulario simplemente destacando un texto en rojo o amarillo.
  • (38). No confíe sólo en el asterisco para indicar que un campo es necesario.
  • (39). Asegúrese de que el orden de tabulación es lógico.
  • (40). Haga coincidir el orden de tabulación con la disposición visual de los elementos cuando sea posible.
  • (41). Apile los campos en una columna vertical.
  • (42). Ofrezca campos de entrada estándar para los números de teléfono.
  • (43). En aquellas páginas que tenga un formulario con un único campo de entrada o selección, poner el botón lo más cerca posible del campo.
  • (44). En los formularios, ponga el botón “submit” lo más cerca posible del último campo.
  • (45). Ponga cualquier instrucción relativa a un campo en particular antes del campo y no después.
  • (46). Considere cuidadosamente cuánto tiempo se pone de tope para hacer una acción como por ejemplo rellenar un formulario.

Textos

  • (47). Seleccione colores de texto con buen contraste.
  • (48). No use un tamaño de fuente muy pequeño para el texto de la página.
  • (49). No use texto pequeño o sutil (por ejemplo un gris rebajado) para los encabezados y categorías.
  • (50). Cree siempre un buen contraste entre el color del texto y el color de fondo de la página.
  • (51). No se base en una imagen de fondo para crear el contraste con el texto.
  • (52). Pruebe los colores y fuentes de su sitio con un magnificador de pantalla.
  • (53). Asegúrese de que es posible magnificar su sitio.
  • (54). Escriba de forma concisa y elimine el texto superfluo.
  • (55). Si el nombre de la compañía o el texto en general presenta abreviaturas y acrónimos, dígale al lector de pantalla como pronunciarlo mediante las etiquetas “abbr” y “acronym”.
  • (56). Replantéese la forma en la que usa los paréntesis y los asteriscos.

Búsquedas

  • (57). Ofrezca un motor de búsqueda que perdone los errores de ortografía.
  • (58). No base únicamente la capacidad de búsqueda de un sitio en la interfaz de navegación.
  • (59). Coloque la caja de búsqueda donde los usuarios la esperan encontrar, no en una zona inesperada.
  • (60). Describa claramente los resultados de la búsqueda.
  • (61). Avise a los usuarios cuando no han introducido nada en la caja de búsqueda.
  • (62). No presente el ranking de relevancia de los resultados de la búsqueda en una tabla.

Comercio electrónico

  • (63). Describa minuciosamente las imágenes de los productos que el sitio vende como si no hubiera imágenes.
  • (64). Ayude a los usuarios a seguir comprando después de haber añadido algo al carrito, dándoles una forma de llegar de nuevo a donde estaban.
  • (65). Coloque los botones de “añadir a la cesta de compra” o “realizar pedido” cerca de los elementos a comprar.
  • (66). Tenga en cuenta a los clientes internacionales seleccionando cuidadosamente los términos que utiliza.

Tablas y frames

  • (67). Evite el uso de tablas para maquetar un sitio.
  • (68). Evite el uso de tablas muy grandes sin motivo. Si debe usarlas, considere proporcionar la información también en formato texto.
  • (69). En especial en las tablas, no use gráficos para indicar un dato como por ejemplo el estado, es mejor usar texto.
  • (70). Asegúrese de que las listas alfabéticas visuales siguen estando en orden alfabético cuando son leídas por un lector de pantalla.
  • (71). Incluya un resumen (“summary”) en todas las tablas.
  • (72). Antes de usar columnas en el diseño considere cómo se le mostrarán a un usuario con un magnificador de pantalla.
  • (73). Describa todos los frames.

Confianza, estrategia e imagen de la compañía

  • (74). Proporcione en su sitio un servicio de atención al cliente cuyas personas tengan unos básicos conocimientos de los problemas de accesibilidad.
    (75). No se refiera a personas en sillas de ruedas con sillas de ruedas o lector de pantalla de usuarios con lector de pantalla.

Fuente Original:

Nielsen Norman Group. Usability Guidelines: Web Design for Users With Disabilities. 75 Best Practices for Design of Websites and Intranets, Based on Usability Studies with People Who Use Assistive Technology, Download Report, October 2001.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>