Upload
webcat
View
760
Download
1
Embed Size (px)
DESCRIPTION
Presentación realizada en el #webcat Barcelona de Marzo del 2012 Autora: Arantxa Hernández (@cottonfieldsbcn) ------------------------------------------------ RECURSOS: - Regla de los elementos básicos de accesibilidad http://olgacarreras.blogspot.com/2008/01/regla-de-los-elementos-bsicos-de.html - Consecuencias de una página con poca accesibilidad http://www.youtube.com/watch?v=o2w0s8jz9R4 - Legislación Española sobre Accesibilidad para la Sociedad de la Información http://www.sidar.org/recur/direc/legis/espa.php - Referencia sobre legislación española relacionada con la accesibilidad web http://olgacarreras.blogspot.com/2005/01/referencia-sobre-legislacin-espaola.html - Usable y Accesible - blog de Olga Carreras (@olgacarreras) http://olgacarreras.blogspot.com/ - Blog de Daniel Ulczyk (@DanielUlczyk) http://ulczyk.blogspot.com/
Citation preview
Mitos, leyendas y apuntes de
AccesibilidadPinceladas Básicas
:)
@cottonfieldsbcn @WebCat. Marzo 2012
Accesible! Seguro?
Hombre, gracias, “arquitectos”! ¬¬@cottonfieldsbcn @WebCat. Marzo 2012
Accesibilidad Web. Definición.Al grano
Grado con el que puede utilizarse un sitio web, con independencia de las capacidades físicas y técnicas del usuario.
@cottonfieldsbcn @WebCat. Marzo 2012
Autor de la imagen: Gustavo Karcher. Fuente: @olgacarreras
@cottonfieldsbcn @WebCat. Marzo 2012
“La Accesibilidad Web es para personas ciegas o con discapacidad...
En serio?
...Y, tampoco afecta a tantos usuarios de mi web”
En datos:
Unión Europea:
Personas discapacitadas:• Aprox. 50 millones de personas (un 15% de
la població). Personas mayores de 65 años:
• Aprox. 100 millones de personas.
@cottonfieldsbcn @WebCat. Marzo 2012
Te parece poco?
Situación en España:
• Aprox. 20% de personas con discapacidad• Cada vez más personas mayores de 65
años• Crece el número de usuarios conectados• Tendencia a los trámites online
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.
@cottonfieldsbcn @WebCat. Marzo 2012
No todo el mundo navega por la red como tú.Si entiendes la diferencia,
ya has dado primer paso para que hacer webs accesiblessea parte de tu rutina.
Consecuencias:
@cottonfieldsbcn @WebCat. Marzo 2012http://www.youtube.com/watch?v=o2w0s8jz9R4
Consecuencias:Cuando afectan a las capacidades físicas, se resume en una sola palabra:
discriminación
• No acceso a información relacionada con el empleo: empleados minusválidos que no pueden realizar su trabajo en la empresa por tener aplicaciones o una intranet inaccesible.
• No acceso a información sobre actividades cívicas y relacionadas con el ejercicio de los derechos ciudadanos.
• No acceso a programas educativos.
• No acceso al comercio en la red.
• No acceso a información general de la Web y, en general, cierto estado de desconexión e incomunicación.
• Sanciones económicas importantes desde el 01/01/2009. (Sobre legislación es España: sidar.org // olgacarreras.blogspot.com )
@cottonfieldsbcn @WebCat. Marzo 2012
Otros mitos:
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
@cottonfieldsbcn @WebCat. Marzo 2012
FALSO: La accesibilidad obliga a crear dos versiones del sitio FALSO: La accesibilidad web significa no usar FlashFALSO: Con una versión sólo texto se satisfacen los requisitos de accesibilidadFALSO: Una web accesible es mucho más cara, compleja y lleva mucho más tiempo: no tenemos ni tiempo ni recursosERROR: Primero hagamos el sitio, luego ya lo haremos accesibleFALSO: La accesibilidad obliga a diseños primitivos y simples. Las webs accesibles son feas y aburridasFALSO: Los sitios accesibles deben tener el mismo aspecto en todos los navegadoresFALSO: Si el cliente no lo pide no es necesario
FALSO: Las herramientas automáticas determinan el nivel de accesibilidad
Fuente: @olgacarreras
@cottonfieldsbcn @WebCat. Marzo 2012
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 eficaciaLEGALES: Responsabilidad legalPOSICIONAMIENTO: 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
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
El W3C y la WAI• W3C: World Wide Web Consortium• WAI: Web Accessibility Initiative• Pautas WAI:
oWCAG (Web Content)oUAAG (User Agent)oATAG (Authoring Tools)
WCAG 2.0• Tecnológicamente neutrales• 4 principios; 13 pautas; criterios de
éxito• Sólo niveles de cumplimiento (A, AA,
AAA)• Requisitos de conformidad• Técnicas y también fallos communes
Pautas de Accesibilidad al Contenido Web(WCAG = Web Content Accessibility Guidelines)
Las Pautas WCAG• Contenido web = información + interfaz +
servicios• WCAG 1.0 (mayo 1999)• WCAG 2.0 (diciembre 2008)• Recomendaciones del W3C• Documentación de soporte
WCAG 1.0 y 2.0: resumen y diferencias
WCAG 1.0• Orientadas a tecnologías del
W3C (HTML / CSS)• 14 pautas; puntos de verificación• Prioridades y niveles de
cumplimientooA = P1;oAA = P1 + P2oAAA = P1 + P2 + P3
• Técnicas como “ejemplos”
@cottonfieldsbcn @WebCat. Marzo 2012
Vale, pero, cómo lo hago?
Autor de la imagen: Daniel Ulczyk. @DanielUlczyk
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
• Asegurar la compatibilidad
@cottonfieldsbcn @WebCat. Marzo 2012
Y...
EvaluaciónEvaluación
Evaluación... Pero, mucha!
@cottonfieldsbcn @WebCat. Marzo 2012
Tengo que esperar al W3C?
... depende!
@cottonfieldsbcn @WebCat. Marzo 2012
Recuerdas?Sentido común!
@cottonfieldsbcn @WebCat. Marzo 2012
En un futuro próximo...... en el #webcat
Pautas WCAG
Buenas Prácticas
Técnicas de Validación
@cottonfieldsbcn @WebCat. Marzo 2012
Gracias!
Arantxa Hernández
@cottonfieldsbcn