Presentación sobre Accesibilidad Web para el evento #Webcat de Mayo, 2012. Gracias a Olga Carreras y Daniel Ulczyk por ser mi fuente de inspiración y dejarme usar sus imágenes.

1. Mitos, leyendas y
apuntes de
Accesibilidad
Pinceladas Básicas
:)
@cottonfieldsbcn @WebCat. Marzo 2012

2. Accesible! Seguro?
Hombre, gracias, “arquitectos”! ¬¬
@cottonfieldsbcn @WebCat. Marzo 2012

3. Al grano
Accesibilidad Web. Definición.
Grado con el que puede utilizarse un sitio web, con independencia de las capacidades
físicas y técnicas del usuario.
Autor de la imagen: Gustavo Karcher.
Fuente: @olgacarreras
@cottonfieldsbcn @WebCat. Marzo 2012

4. “La Accesibilidad Web es para personas
ciegas o con discapacidad...
...Y, tampoco afecta a tantos
usuarios de mi web”
En serio?
@cottonfieldsbcn @WebCat. Marzo 2012

5. En datos:
Personas con problemas de interacción:
• personas mayores de 65 años.
• personas con discapacidades importantes.
• Niños.
• personas discapacitadas temporalmente.
30% de la población mundial, unos 1.714 mill.
Unión Europea: Situación en España:
Personas discapacitadas: • Aprox.vez más personas mayores de 65
20% de personas con discapacidad
• Aprox. 50 millones de personas (un 15% de
la població).
• años
Cada
Personas mayores de 65 años: • Tendencia a los trámites online
Crece el número de usuarios conectados
• Aprox. 100 millones de personas. •
Te parece poco?
@cottonfieldsbcn @WebCat. Marzo 2012

6. No todo el mundo navega por la red como tú.
Si entiendes la diferencia,
ya has dado primer paso para que hacer webs accesibles
sea parte de tu rutina.
@cottonfieldsbcn @WebCat. Marzo 2012

7. Consecuencias:
http://www.youtube.com/watch?v=o2w0s8jz9R4
@cottonfieldsbcn @WebCat. Marzo 2012

8. Consecuencias:
Cuando afectan a las capacidades físicas, se resume en una sola palabra:
discriminación
• Nono pueden informacióntrabajo en la empresa por tener aplicaciones o una
que
acceso a
realizar su
relacionada con el empleo: empleados minusválidos
intranet inaccesible.
• No accesolos información sobre actividades cívicas y relacionadas con el
ejercicio de
a
derechos ciudadanos.
• No acceso a programas educativos.
• No acceso al comercio en la red.
• No acceso e incomunicación. de la Web y, en general, cierto estado de
desconexión
a información general
• Sancionessidar.org // olgacarreras.blogspot.com )
es España:
económicas importantes desde el 01/01/2009. (Sobre legislación
@cottonfieldsbcn @WebCat. Marzo 2012

9. Otros mitos:
FALSO: La accesibilidad obliga a crear dos versiones del sitio
FALSO: La accesibilidad web significa no usar Flash
FALSO: Con una versión sólo texto se satisfacen los requisitos de accesibilidad
FALSO: Una web accesible es mucho más cara, compleja y lleva mucho más tiempo:
no tenemos ni tiempo ni recursos
ERROR: Primero hagamos el sitio, luego ya lo haremos accesible
FALSO: La accesibilidad obliga a diseños primitivos y simples. Las webs accesibles
son feas y aburridas
FALSO: Los sitios accesibles deben tener el mismo aspecto en todos los navegadores
FALSO: Si el cliente no lo pide no es necesario
FALSO: Si mi sitio tiene un público muy específico donde conozco el tipo de usuarios
(una administración, una Intranet, …) no es necesario hacerlo accesible
FALSO: Las herramientas automáticas determinan el nivel de accesibilidad
Fuente: @olgacarreras
@cottonfieldsbcn @WebCat. Marzo 2012

10. Beneficios:
ECONÓMICO: Incrementa la cuota de mercado
EFICIENCIA TÉCNICA: Más fácil de mantener y actualizar, mejora el motor de
búsqueda del sitio, se reduce el tiempo de carga de las páginas
CALIDAD: Sigue los estándares. Independencia del dispositivo. Multinavegador
PRESTIGIO: Demuestra responsabilidad social, diferenciación de la
competencia, refuerza positivamente la imagen empresarial
USABILIDAD: Mejora la navegación y la experiencia de usuario,
mayor claridad y eficacia
LEGALES: Responsabilidad legal
POSICIONAMIENTO: Proporciona un patrón de búsqueda más rápido en los
buscadores porque el esquema de contenidos es claro y conciso.
WEB SEMÁNTICA: Da soporte (Pauta13.2 Proporcione metadatos para
añadir información semántica a las páginas y sitios. [Prioridad 2] ): metadatos,
ficheros RDF, microformatos, atributos "rel" o "rev“, navegación semántica, etc.
Fuente: @olgacarreras
@cottonfieldsbcn @WebCat. Marzo 2012

11. Entonces, cómo lo hago?
Estándares!
Estándares!
Estándares!
Vale... también con ayuda de las WCAG
Y... Mucho, mucho, sentido común!
@cottonfieldsbcn @WebCat. Marzo 2012

12. Pautas de Accesibilidad al Contenido Web
(WCAG = Web Content Accessibility Guidelines)
El W3C y la WAI Las Pautas WCAG
• W3C: World Wide Web Consortium • Contenido web = información + interfaz +
• WAI: Web Accessibility Initiative servicios
• Pautas WAI: • WCAG 1.0 (mayo 1999)
o WCAG (Web Content) • WCAG 2.0 (diciembre 2008)
o UAAG (User Agent) • Recomendaciones del W3C
o ATAG (Authoring Tools) • Documentación de soporte
WCAG 1.0 y 2.0: resumen y diferencias
WCAG 1.0 WCAG 2.0
• Orientadas a tecnologías del • Tecnológicamente neutrales
W3C (HTML / CSS) • 4 principios; 13 pautas; criterios de
• 14 pautas; puntos de verificación éxito
• Prioridades y niveles de • Sólo niveles de cumplimiento (A, AA,
cumplimiento AAA)
o A = P1; • Requisitos de conformidad
o AA = P1 + P2 • Técnicas y también fallos communes
o AAA = P1 + P2 + P3
• Técnicas como “ejemplos”
@cottonfieldsbcn @WebCat. Marzo 2012

13. Vale, pero, cómo lo hago?
10 reglas de oro para el diseño web accesible
• Proporcionar alternativas de texto
• Estructurar los contenidos
• Evitar depender de un único sentido
• Crear toda la funcionalidad accesible con
teclado
• Dar tiempo suficiente
• Evitar interferencias
• Identificar enlaces y contenidos
• Crear interfaces de navegación
consistentes
• Ayudar a los usuarios a evitar errores
Autor de la imagen: Daniel Ulczyk.
@DanielUlczyk
• Asegurar la compatibilidad
@cottonfieldsbcn @WebCat. Marzo 2012

14. Y...
Evaluación
Evaluación
Evaluación
... Pero, mucha!
@cottonfieldsbcn @WebCat. Marzo 2012

15. Tengo que esperar al W3C?
... depende!
@cottonfieldsbcn @WebCat. Marzo 2012

16. Recuerdas?
Sentido común!
@cottonfieldsbcn @WebCat. Marzo 2012

17. En un futuro próximo...
... en el #webcat
Pautas WCAG
Buenas Prácticas
Técnicas de Validación
@cottonfieldsbcn @WebCat. Marzo 2012

18. Gracias!
Arantxa Hernández
aridesign.bcn@gmail.com
@cottonfieldsbcn
@cottonfieldsbcn @WebCat. Marzo 2012