Archivo por meses: abril 2019

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.

Clase 04. Métricas de usabilidad

En esta clase de usabilidad estuvimos viendo la importancia de medir en las pruebas de usabilidad, y cómo hacerlo de forma efectiva.

Lo principal es lograr información cualitativa para conocer los porqués, y números para cuantificar y mostrar, y así promover acciones de mejora con impacto.

Clase 03. Alternativas textuales

Presentamos el problema del texto como imagen, su contexto histórico y su rol crítico en la accesibilidad web, detallando las distintas formas de usar el atributo alt según el rol de la imagen  en la página y su contexto.

Vimos el uso de alternativas textuales en mapas de imágenes, en gráficos interactivos SVG, y presentamos algunas opciones modernas a la técnica de reemplazo de imágenes, incluyendo el uso de @font-face, el uso de CSS3 para evitar maquetar con imágenes, y la necesidad de educar a nuestros colegas y clientes en que no es necesario que la página se vea igual en cada navegador.

Por último comenzamos a introducirnos en las WCAG 2.0, pautas que veremos a lo largo del curso,  analizamos las relevantes a alternativas textuales, y la diferencia entre cada nivel de conformidad.

Clase 01. Situando la accesibilidad

El objetivo de esta clase fue comenzar a comprender como las personas con discapacidad usan la Web, las características de los problemas se presentan, y las soluciones que podemos darles.

En principio se introdujo la temática de discapacidad y accesibilidad en general, cómo ha evolucionado la visión de la sociedad al respecto a lo largo de la historia, y el concepto de brecha entre las capacidades de la persona y las expectativas de la sociedad. Finalmente cómo esta brecha puede achicarse mediante accesibilidad y ayudas técnicas.

A continuación presentamos videos de usuarios de distintas ayudas técnicas y estrategias de adaptación, para comenzar a entender en qué consisten las más usadas y de qué forma ayudan a las personas con discapacidad.

Vimos un ejemplo de búsqueda de trabajo como prioridad a nivel humano, y los problemas de accesibilidad que presenta en un conocido portal.

Aclaramos algunas dudas de la clase anterior con respecto a las diferencias y puntos en común entre Usabilidad y Accesibilidad como disciplinas; y despejamos algunos mitos que rondan las discusiones sobre accesibilidad.

Finalmente pensamos un poco en por qué es importante para un diseñador o programador web el hacer páginas accesibles, y vimos algunas tendencias a nivel mundial que incentivan el trabajo en accesibilidad web.