...
Div | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Diseñar un sitio web accesible para la diversidad de usuarios no es difícil, sin embargo es necesario advertir que las técnicas descritas en estas páginas no garantizan que su sitio web quede 100% accesible, pero se facilita mucho más el trabajo. Use estas técnicas en todo su proceso de desarrollo; no espere hasta tener creado todo para evaluar si es accesible o no. Si usted va comprobando lo que va desarrollando, con seguridad los resultados serán mucho mejores en accesibilidad. Teclado accesibleDesconecte el mouse de su PC y guardelo en algún cajón de su escritorio. (Si está usando un portátil, cubra con un cartón la zona en donde usa los dedos simulando el ratón). Ahora, intente ingresar a su sitio web. ¿Puede navegar usando solo el teclado? ¿Puede entrar y salir del sitio? ¿Puede diligenciar los posibles formularios que estén disponibles? ¿Puede acceder a todos los menús de navegación? ¿Puede identificar en done se hace foco usando el teclado?
Nota: En Safari, puede que necesite ingresar a las preferencias avanzadas del navegador y marcar la casilla de verificación "Presione la pestaña Para resaltar cada elemento en una página web" para poder hacer uso de la tecla TAB del teclado. Algunas cosas a tener en cuenta (y qué hacer con ellas)
SemánticaVínculosUse una herramienta del Web Accessibility Toolbar o quizá usar la extensión de navegadores web Web Developer para generar la lista de vínculos de cada página. ¿El texto de los enlaces tiene algún sentido cuando se saca del contexto de la página web?
Algunas cosas a tener en cuenta (y qué hacer con ellas)Imágenes de textos
Use la configuración de su navegador para desactivar la aparición de imágenes y recargue la página (es posible que se necesite limpiar el caché primero). ¿Alguno de los textos del sitio desapareció? Algunas cosas a tener en cuenta (y qué hacer con ellas)EncabezadosSugerimos que use las herramientas disponibles en Web Accessibility Toolbar o quizá usar la extensión de navegadores web Web Developer extension para mostrar una "Tabla de contenidos" que es básicamente una lista de todos los encabezados de una página web. ¿Esta tabla muestra lo que usted imaginaba se había construido en su sitio? ¿Esta tabla de contenidos muestra lo que usted quería decir cuando hizo el sitio web? ¿Tiene sentido esta tabla? ¿La tabla refleja exactamente la estructura de información y las relaciones entre las secciones de la página?
NOTA: Si está usando HTML5 y las etiquetas Algunas cosas a tener en cuenta (y qué hacer con ellas)
Hojas de estilo
Use algo como la extensión Firebug en Firefox para para duplicar el tamaño de la fuente de la página añadiendo "font-size: 2em" a la etiqueta <body>. ¿Todo el texto de la página aparece al doble del tamaño? Algunas cosas a tener en cuenta (y qué hacer con ellas)
Lectores de pantallaPrenda el lector de pantalla de su equipo y escuche su página web.
Ponga a funcionar el lector de pantalla y luego vaya al navegador web y recargue su página. Apague el monitor y escuche lo que lee el lector de pantalla en su sitio web. ¿Tiene sentido? ¿Usted puede entender de qué se trata la página? Use la tecla Tab paranavegar el sitio. Escuche con atención o que el lector de pantalla dice sobre los enlaces y los controles. ¿Tiene sentido lo que oye? ¿Puede decir dónde está el foco del vínculo? ¿Desea más información?Para más información sobre diseño de sitios web accesibles, intente con los siguientes recursos:
|
...