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

Mitos, leyendas y apuntes de

AccesibilidadPinceladas Básicas

:)

@cottonfieldsbcn @WebCat. Marzo 2012

http://www.twitter.com/cottonfieldsbcn


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.


Autor de la imagen: Gustavo Karcher. Fuente: @olgacarreras




“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.


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.




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



http://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 )


http://www.sidar.org/recur/direc/legis/espa.php

http://www.sidar.org/recur/direc/legis/espa.php

http://olgacarreras.blogspot.com/2005/01/referencia-sobre-legislacin-espaola.html

http://olgacarreras.blogspot.com/2005/01/referencia-sobre-legislacin-espaola.html



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


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




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




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!




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”




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




Y...

EvaluaciónEvaluación

Evaluación... Pero, mucha!




Tengo que esperar al W3C?

... depende!




Recuerdas?Sentido común!




En un futuro próximo...... en el #webcat

Pautas WCAG

Buenas Prácticas

Técnicas de Validación




Gracias!

Arantxa Hernández

[email protected]

@cottonfieldsbcn



mailto:[email protected]

mailto:[email protected]

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

Technology

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