Mitos, leyendas y apuntes de Accesibilidad. Pinceladas básicas.

794 views

Published on

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.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
794
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Mitos, leyendas y apuntes de Accesibilidad. Pinceladas básicas.

  1. 1. Mitos, leyendas y apuntes de Accesibilidad Pinceladas Básicas :)@cottonfieldsbcn @WebCat. Marzo 2012
  2. 2. Accesible! Seguro? Hombre, gracias, “arquitectos”! ¬¬@cottonfieldsbcn @WebCat. Marzo 2012
  3. 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. 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. 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. 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. 7. Consecuencias: http://www.youtube.com/watch?v=o2w0s8jz9R4@cottonfieldsbcn @WebCat. Marzo 2012
  8. 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. 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. 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. 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. 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. 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. 14. Y... Evaluación Evaluación Evaluación ... Pero, mucha!@cottonfieldsbcn @WebCat. Marzo 2012
  15. 15. Tengo que esperar al W3C? ... depende!@cottonfieldsbcn @WebCat. Marzo 2012
  16. 16. Recuerdas? Sentido común!@cottonfieldsbcn @WebCat. Marzo 2012
  17. 17. En un futuro próximo... ... en el #webcat Pautas WCAG Buenas Prácticas Técnicas de Validación@cottonfieldsbcn @WebCat. Marzo 2012
  18. 18. Gracias! Arantxa Hernández aridesign.bcn@gmail.com @cottonfieldsbcn@cottonfieldsbcn @WebCat. Marzo 2012

×