tips
usabilidad

Normativa de Accesibilidad y Usabilidad Web – Gobierno de la Ciudad de Buenos Aires

Por la conjunción de mi insistencia y la generosidad (e inteligencia) del  Coord. Gral. Del Portal Web del GCBA Pablo Vaccarezza, se creó en octubre de 2009 el área de usabilidad y accesibilidad Web del gobierno de la Ciudad de Buenos Aires.

El objetivo era verificar que sus sitios fueran comprensibles, perceptibles, operables y compatibles y que estuvieran pensados y diseñados en función de las tareas que los usuarios debían efectuar.

Continue reading…

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.

Continue reading…

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

Continue reading…

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? Continue reading…

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?

Continue reading…