Botoneras armadas con listas e imágenes.

¿Por qué conviene armar las botoneras con listas?

HTML es un lenguaje basado en etiquetas donde las posiciones y funciones de cada elemento en la estructura del Sitio están indicadas mediante tags.

Un menú es un listado de links (verticales u horizontales) y deben estar contenidos con las etiquetas de listas <ul> u <ol>.

Por lo tanto:

  • En caso de que se desactiven los estilos (CSS) la botonera se visualizará como un conjunto de links agrupados.
  • Los lectores de pantalla – que no interpretan el Sitio visualmente, sino a partir de cómo está formulado el código – comprenderán y podrán transmitir correctamente la estructura al usuario no vidente.

Continuar leyendo…

Unidades Relativas (em) para beneficiar a los usuarios con problemas de visión.

¿Por qué es más accesible utilizar unidades relativas (% em) en lugar de absolutas (px)?

  • Utilizar unidades relativas permite a las personas con problemas de visión cambiar las preferencias del navegador y de este modo modificar los tamaños de los textos e imágenes de los Sitios a los que acceden.
  • Y permite a las personas que todavía utilizan IExplorer 6, utilizar la función Ctrl+ ó – para hacer zoom (dado que en esta versión, los elementos en pixels no se amplían y sólo lo hacen los que están especificados en EM).

Continuar leyendo…

Checklist de accesibilidad para el area de maquetacion.

Actualización: 09/02/10

Con el fin de que nuestros Sitios sean perceptibles, comprensibles, compatibles y operables generamos este listado de verificación para maquetadores (para seguir revisando!).

  • HTML Y CSS
  1. ¿Las etiquetas utilizadas son sintácticamente correctas?
  2. ¿Están íntegramente independizados los estilos a través de CSS? Continuar leyendo…

Checklist de accesibilidad para el área de diseño.

Actualización: 09/02/10

Con el fin de que nuestros diseños sean perceptibles y comprensibles, generamos este listado de verificación (para seguir revisando!).

  • Sobre la navegación:
  1. En caso de contar con sub-secciones ¿Incluye Mapa de Sitio o Tabla de Contenidos?
  2. ¿Los elementos comunes están localizados en la misma posición en todas las pantallas?
  3. ¿Los elementos interactivos se comportan de la misma forma todas las veces que aparecen?

Continuar leyendo…

Campo oculto para reemplazar el CAPTCHA de forma más accesible.

¿Qué es un CAPTCHA?

  • Es una imagen con caracteres distorsionados (números y/o letras) para que las personas identifiquen y reescriban.
  • Suele incluirse como paso previo antes de enviar un formulario o al ingresar a una aplicación como forma de seguridad.
  • y dado que el desafío no lo podrá resolver una máquina para enviar comentarios automáticos (spam), esta no podrá ingresar.

¿Cuál es la problemática del CAPTCHA?

Continuar leyendo…



Copyright © 2004–2009. All rights reserved.

RSS Feed. This blog is proudly powered by Wordpress and uses Modern Clix, a theme by Rodrigo Galindez.