Archivo del Autor: Manuel Razzari

Clase 11. Tiempo suficiente

En esta clase vimos que las personas con dificultad para leer, comprender o interactuar con una computadora pueden tomarse hasta 10 veces el tiempo normal en completar una tarea.

Esto representa un problema cuando los sistemas imponen al usuario algún límite de tiempo, es decir cualquier proceso que ocurre sin que el usuario lo inicie, luego de cierto tiempo o periódicamente. Esta amplio concepto incluye refrescar la página automáticamente en forma parcial o total, formularios con temporizador, y texto que se mueve o cambia (imponiendo así un tiempo para ser leído).

Observamos, mediante ejemplos cotidianos, cómo esto resulta un problema recurrente y extendido. Y planteamos alternativas para hacer el tiempo ajustable o prescindible; poner en pausa, detener u ocultar movimientos; suspender las interrupciones; o permitir la re-autenticación de una sesión expirada.

Clase 10. Lenguaje

Tratamos la forma en que el uso del lenguaje puede afectar la accesibilidad de un documento Web, comenzando por la identificación precisa del idioma en que está escrita la página, o fragmentos de la misma, y aprendimos como establecer relaciones entre páginas en distintos idiomas.

Continuamos viendo a la forma de identificar, definir y maquetar palabras y expresiones inusuales, jerga y abreviaturas.

Por último introdujimos el concepto de lecturabilidad, o “fácil lectura”, que considera aspectos funcionales como la facilidad o dificultad de la comprensión; al que diferenciamos del de legibilidad, centrado éste en aspectos formales y gráficos.

Vimos que todas estas técnicas ayudan no sólo a las personas con discapacidad, sino que también a todos aquellos que puedan verse en desventaja respecto de la comprensión de la escritura y el idioma, como inmigrantes recientes, analfabetos funcionales, niños y personas mayores.

TP 2: Evaluación de accesibilidad

Este trabajo práctico es una versión “simplificada” del documento WCAG Evaluation Metodology del W3C (¡para todo tienen un documento!) que provee una metodología para la evaluación de accesibilidad. Hay un artículo de Olga Carreras que resume en mayor detalle esta metodología.

Clase 09. Navegación

Hasta este momento examinamos la accesibilidad a nivel individual, de una página. En esta clase tomamos perspectiva, y vemos el “sitio Web” como un conjunto de páginas enlazadas entre si; definiendo una serie de técnicas y criterios que tienen impacto en la experiencia para todos los usuarios, no sólo aquellos con alguna discapacidad.

Comenzamos repasando la importancia de que los títulos de las páginas y los enlaces tengan sentido por si solos, fuera de contexto, y detallamos estrategias para redactarlos y maquetarlos.

Vimos como las tres preguntas universales “dónde estoy, cómo llegué aquí, a dónde puedo ir” también aplican al diseño de la página como parte de un contexto que la complementa a la vez que la contiene. Esto se ve no sólo en los recursos de navegación que proporcionamos, sino en la consistencia y coherencia de los elementos y su organización: interna del propio sitio, y externa, con respecto al resto de la Web.

Por último vimos como los cambios de contexto no solicitados por el usuario producen confusión, pérdida de foco e incluso total pérdida del trabajo realizado por el usuario. Esto resulta simple de evitar y beneficia a todos.

Clase 08. Formularios

Para esta clase sobre accesibilidad en formularios Web nos visitó Martín Baldassarre, miembro de ISOC-AR y del SIDAR, quien comenzó por recordarnos los elementos que provee HTML para permitir la entrada de datos por parte del usuario.

Detalló a continuación las pautas de WCAG 2.0 relacionadas con ésto, agrupándolas en etiquetas, instrucciones y ayuda, acceso para el teclado, especificación de restricciones en la entrada, validación y retroalimentación, y prevención de errores.

Destacó como principales barreras a su uso cotidiano de formularios: la falta de etiquetas que permitan identificar los campos, la identificación de campos requeridos, y errores de validación claros, que posibiliten la corrección de los datos ingresados.

Clase 06. Datos tabulares

En esta clase vimos el uso apropiado de las tablas para datos tabulares, definiendo éstos como los que se identifican con al menos dos dimensiones o ejes.

Conocimos las formas en que podemos comunicarle a lectores de pantalla cuales son los encabezados correspondientes a una determinada celda, en forma implícita mediante la estructura de la tabla, o en forma explícita para tablas cada vez más complejas.

Entendimos el orden en que son leídas las tablas al linearizarse, y la importancia de verificarlo para asegurar que sean comprensibles.

Clase 02. Lectores de pantalla

Esta clase comenzó cuando Pablo Vázquez nos contó desde cero como utiliza JAWS para usar la computadora en general, y la web en particular. Utilizó JAWS 18 e Internet Explorer 11 en Windows 7, destacando que si bien hay versiones más nuevas, hay mucha resistencia al cambio, ya que los usuarios están muy acostumbrados a la idiosincrasia de su versión, sus atajos de teclado, etc. Más aún en el caso de cambiar de un lector a otro. Remarcó la necesidad de generar “caminitos” o “estrategias de navegación” para enfrentar los sitios más complejos.

A continuación vimos una introducción al mundo de los lectores de pantalla: cómo es ese mercado, cuáles son los favoritos de los usuarios en combinación con diferentes navegadores. Empezamos a ver cuáles son los principales problemas que encuentran los usuarios de lectores de pantalla al usar la web, y la necesidad de incluir al lector de pantalla en nuestra matriz de navegadores soportados.

Comenzamos a practicar el uso de NVDA y VoiceOver para evaluar la accesibilidad, familiarizándonos con su utilización, la forma en que presenta los elementos de HTML, los atajos de teclado, y cómo se comporta en diversos sitios Web.

Clase 07. Visible y legible

Comenzamos entendiendo de qué forma ven las personas que se encuentran limitadas en su capacidad de visión, ya sea por diversos problemas oculares, neurológicos, o por las características de su entorno de trabajo.

Comprendiendo ésto, vimos cómo desde la accesibilidad Web es necesario tamizar las referencias a información de carácter visual, evitar la dependencia del color como modo exclusivo de transmitir información, garantizar niveles mínimos de contraste, escalabilidad y legibilidad en el texto.

Por último y también relacionado con la cuestión visual, evitar que los destellos, flashes y animaciones rápidas en pantalla sean potencialmente desencadenantes de convulsiones en personas con epilepsia fotosensible y otros desórdenes de fotosensibilidad.

Clase 05. Navegación por teclado

Discutimos en esta clase la importancia de que toda la funcionalidad del sitio esté disponible para ser recorrida, activada y utilizada solo con un teclado, entendiendo ante todo cómo se utiliza el mismo para navegar, y a quién beneficiamos con esto.

Vimos el concepto de “1D” (una dimensión) para referirnos a la entrada de datos por teclado como un flujo continuo y consecutivo de caracteres, para diferenciarlo del mouse que es “2D” al recorrer la pantalla en los ejes vertical y horizontal. Establecimos el paralelo con el lector de pantalla, que lee el documento como un punto recorriendo una línea (y no un plano).

Conocimos el atributo tabindex para controlar el orden de tabulación, cuáles son las principales trampas para el foco y cómo evitarlas, y destacamos la importancia de pensarlo dos veces antes de aceptar que ciertas funciones no pueden ser controladas sin el mouse (por ejemplo arrastrar y soltar, o un programa de dibujo vectorial).

Clase 04. Marcado semántico

En esta clase trabajamos el tema del marcado semántico, y cómo la publicación de documentos en la Web debe pensarse esencialmente en 4 capas: contenido (texto plano), estructura semántica (HTML), presentación visual (CSS)  y comportamiento (JavaScript). Vimos el concepto de mejora progresiva como forma de separar en forma apropiada estas capas; de forma tal que se complementen sin entremezclarse

Nos detuvimos con especial cuidado en los encabezados, por ser claves para la comprensión, navegación y estructura de una página. Éstos tenderán a formar un árbol jerárquico, a partir del encabezado de nivel 1. También repasamos la importancia de seguir las convenciones para el texto plano a modo de “semántica de nivel cero”.

Entendimos por qué es bueno que un enlace contenga siempre URLs, y no eventos “onclick“, pseudo-protocolos “javascript:...“, o indicadores de fragmento “#“. Por último comenzamos a ver formas de aumentar la semántica provista por HTML mediante microformatos, RDFa, microdata y en especial WAI-ARIA, que veremos en detalle más adelante.