DrupalCR Meetup A11y

Hoy tuvimos el DrupalCR Meetup A11y y participe con la charla Accesibilidad web de la teoría a la práctica, el video ya esta disponible y estas son algunas notas.

¿Sobre qué no vamos a hablar?

• La norma, WCAG 2.1.
• Principios de accesibilidad.
• Niveles de conformidad (A, AA, AAA).
• WAI-ARIA.

Recomendada la charla Implementando Accesibilidad de Carlos Murillo, cubre varios de los puntos anteriores.

¿Qué es a11y?

A11Y significa "accessibility". A11Y es lo que se conoce como numerónimo, que es algo similar a un acrónimo; se conservan las primeras y últimas letras de accessibility, reemplazando las letras restantes con su suma total de 11.

Cuando decimos que un sitio es accesible, queremos decir que el contenido está disponible y que su funcionalidad puede ser operada, literalmente, por cualquier persona.

Principales tipos de discapacidad

• Visual: ceguera, baja visión, daltonismo
• Audición: sordera y problemas de audición
• Motora: incapacidad para usar un mouse
• Cognitivo: problemas de aprendizaje, distracción incapacidad para recordar

Tambien podemos tener discapacidades transitorias:

• Temporal: accidentes, enfermedades
• Contexto: contenido en otro idioma
• Envejecer: nos toca, si tenemos suerte

Las "mejoras" que hacemos para que nuestra aplicación o proyecto sea accesible tiene repercusiones en todos nuestros usuarios, por ejemplo: las aplicaciones que no reproducen videos automáticamente son más fáciles de usar para personas con discapacidades cognitivas, pero también serán más amigables para los usuarios con conexiones lentas o dispositivos móviles antiguos.

¿Porqué molestarnos?

• Ampliar alcance del mercado / audiencia
• Responsabilidad Social Corporativa (RSC)
• Superposición entre accesibilidad y usabilidad
• Minimizar el riesgo legal (ADA)

The WebAIM One Million

El reporte de WebAIM One Million fue la base de la charla, recomendado leerlo y seguir los links.

Recursos:

• Slides de la charla
• Use Only One main on a Page
• Links accesibles y válidos
• Adrian Roselli - Selfish Accessibility
• Creating Accessible SVGs
• Using ARIA to enhance SVG accessibility
• Accessible SVGs: Inclusiveness Beyond Patterns
• See No Evil: Hidden Content and Accessibility
• Barreras para la accesibilidad web: degradados de color y lenguaje inclusivo

Checklist

Checklist que presenta recomendaciones para implementar los principios y técnicas de accesibilidad. El lenguaje utilizado aquí simplifica y condensa significativamente la especificación oficial WCAG 2.1 y los materiales de apoyo para facilitar su implementación y verificación.

• WebAIM's WCAG 2 Checklist
• The A11Y Project Checklist
• Easy Checks - A First Review of Web Accessibility

Sitios oficiales

• ADA Network
• Web Accessibility Initiative (WAI)
• Web Content Accessibility Guidelines (WCAG) 2.0
• Web Content Accessibility Guidelines (WCAG) 2.1
• How to Meet WCAG 2 (Quick Reference)
• Techniques for WCAG 2.0