Accesibilizando
la Web

Eugenia Jongewaard

Contenido:

• Quiénes usan la web
• Cuál es el problema de la web
• Beneficios de una web accesible
• Cómo crear una web accesible
• Un problema de accesibilidad y su solución
• Flash Accesible
• Accesibilidad 2.0

Caso Target.com

¿Quieres ser un Target.com más?

El sitio de venta online Target.com ha recibido demandas por la falta de accesibilidad que posee.

Sitio Target.com

¿Quiénes usan la web?

La web no sólo es usada por diseñadores, programadores, expertos usuarios, jóvenes.. o por vos..

Te estas olvidando de una gran parte (1)

Personas:

• Con computadoras de bajos recursos tecnológicos, que no poseen un mouse, parlantes o un teclado.
• Con dispositivos no convencionales como PDAs, Teléfonos móviles, webTV, etc.
• Mayores de edad
• Ciegas o con dificultades visuales como baja visión o daltonismo

Te estas olvidando de una gran parte! (2)

Personas:

• Sordas o con baja audición
• Con dificultades cognitivas
• Con problemas motrices o que han sufrido un accidente temporario.
• Con software muy moderno o muy antiguo (navegadores)

¿Cómo navegan? (1)

• Las personas ciegas navegan con lectores de pantalla como JAWS, Orca, Home Page Reader o terminales Braille.
  
  (Listado de enlaces con Insert+F7)
  

¿Cómo navegan? (2)

• Las personas con problema de visión (daltonismo, miopía, etc.) usan magnificadores de pantalla como MAGic, ZoomText, etc.
  
  
  © Glenn Edwards

¿Cómo navegan? (3)

• Las personas con problema motriz utilizan tecnologías que se adaptan a sus dificultades concretas.
  
  

¿Cómo navegan? (4)

• Las personas con dispositivos no convencionales como PDAs, o Móviles navegan con pantallas pequeñas, táctiles, en lugares ruidosos, en movimiento, sin compatibilidad con algunos plug-ins, etc
  
  

¿Cuál es el problema de la web?

Muchos no pueden

• Acceder a la información (diarios, blogs, etc)
• Ser parte de la web colaborativa
• Utilizar servicios para el ciudadano
• Participar del comercio electrónico
• Compartir sus gustos y preferencias con otros usuarios
• Crear sus propios espacios de información (blogs)

La tecnología debe adaptarse a los usuarios y no los usuarios a la tecnología

¿Qué es la Accesibilidad Web?

La posibilidad de que un producto o servicio web pueda ser accedido y usado por el mayor número posible de personas, indiferentemente de las limitaciones propias del indivíduo o de las derivadas del contexto de uso.

Beneficios de una Web Accesible

La Accesibilidad Web provee beneficios sociales, técnicos, económicos y legales a todos.

Beneficios: Técnicos

• Reducción del costo y tiempo de mantenimiento
• Reducción de carga del sitio
• Mejora en la Usabilidad = Mayor satisfacción en los usuarios
• Cumplimiento con los estándares web W3C
• Preparado para tecnologías avanzadas
• Da soporte a la web semántica

Beneficios: Económicos

• Optimización en los motores de búsqueda
• Incremento de clientes potenciales
• Aumenta el uso del sitio
• Ahorro directo de costos
• Visibilidad en todos los dispositivos

Beneficio: Social

• Incorporación plena de los ciudadanos a la e-economía y los e-servicios
• Colabora en la disminución de la llamada “brecha digital”
• Ayuda a la inserción laboral por medio del teletrabajo
• Mejora la internacionalización

Beneficios: Legales

• Estaremos cumpliendo con iniciativas y leyes de accesibilidad digital
  • Estados Unidos: Sección 508 de la Ley de Rehabilitación /section508.gov
  • España: LEY 34/2002 ( LSSICE )
  • Otros países que poseen legislación sobre accesibilidad web: Portugal, Alemania, Irlanda, Suecia, Italia, Brasil, Perú, Puerto Rico, Chile, México, etc.

Beneficio: Egoísta

• ¿A caso creen que nunca tendrán algún problema visual, auditivo o físicos en algún momento?
• ¿Creen que siempre tendrán todos los recursos esenciales de acceso?
• ¿No les gustaría navegar la web desde su móvil sin problemas?
• Hacelo por vos

Ley de Accesibiliad Web en Argentina

Proyecto de Ley Sobre Acceso de las Personas con Discapacidad a los Sitios de Internet, expediente 2954/03.
Ha recibido media sanción por la Cámara de Diputados y actualmente se encuentra en Cámara de Senadores, donde, debe recibir la otra media sanción.

¿Cómo crear una Web Accesible?

Normas y recomendaciones:
Pautas de Accesibilidad al Contenido en la Web

• son 14 pautas con puntos de verificación
• los puntos de verificación tienen asignado prioridades: Nivel A, Nivel AA, Nivel AAA
• los sitios que cumplen las prioridades AA y AAA cumplen con la accesibilidad
• creadas por el Grupo de trabajo sobre accesibilidad del W3C: Web Accessibility Iniciative
• describen cómo hacer páginas Web accesibles sin sacrificar el diseño

Rompe los Mitos

• Versión "Sólo texto" garantiza la accesibilidad.
• Accesibilidad es sólo para discapacitados
• Accesibilidad = sitios feos
• Accesibilidad = altos costos en desarrollo
• La accesibilidad es compleja y difícil
• Validado W3C = Accesible
• Accesible..No Flash
• Accesible..No Scripts

Respeta las Pautas WCAG

Algunas de las recomendaciones:

Proporcione alternativas equivalentes para el contenido visual y auditivo

dotsub.com

Respeta las Pautas WCAG (2)

No se base sólo en el color

Revisa el color de tu web con: Colour Contrast Check

Respeta las Pautas WCAG (3)

Utilice marcadores y hojas de estilo y hágalo apropiadamente.


www.shiflett.org

Respeta las Pautas WCAG (4)

Diseñe para la independencia del dispositivo

• facilitar la navegación mediante teclado
• crear un orden lógico para navegar con el tabulador

Respeta las Pautas WCAG (5)

Identifique el idioma usado:

• El idioma principal del documento
  • <html xml:lang="es" lang="es" xmlns="www.w3.org/1999/xhtml">
• Abreviatura o acrónimo, ejemplo: CSS
  • <acronym title="Hoja de Estilos en Cascada">CSS</acronym>
• Cambios en el idioma del texto: utilice el atributo "lang"
  • Mike dijo: <span lang="en">Are you ok?</span>

También tener en cuenta

• Contenido claro y organizado
• Navegación visible y fácil de usar
• Pensar y conocer a nuestros usuarios
• Ejemplos:
  • www.cba.gov.ar: El contenido no es claro y no tiene una organización pensada en los usuarios
  • www.mendoza.gov.ar: la navegación no es visible sin javascript y es difícil de usar
  • www.buenosaires.gov.ar: el contenido es claro y responde a lo que el usuario necesita de la web de un gobierno

Analiza la Accesibilidad de tu sitio

• Incluye a personas con algún tipo de discapacidad en tus proyectos
• Comprueba la compatibilidad en diferentes navegadores y dispositivos
• Valida con los estándares de la W3C
• Revisa la Accesibilidad con herramientas de ayuda:
  • TAW www.tawdis.net
  • HERA www.sidar.org/hera
  • Examinator www.accesible.com.ar/examinator

Un problema de Accesibilidad (1)

• Captchas inaccesibles en Yahoo
  
  

Un problema de Accesibilidad (2)

• Captchas inaccesibles en Blogger.com
  
  

Solución

• Comprobación anti-spam accesible a modo de pregunta textual
  
  

Ejemplo: Mal de Medallitis

• Falsa accesibilidad
  
  
  fundacion.vodafone.es

Ejemplo: Mal de Medallitis (2)

• Falsa accesibilidad: fundacion.vodafone.es

Ejemplo: LaNacion.com

• Buenas intenciones, pero no suficiente
  
  
  www.lanacion.com.ar

Ejemplo: LaNacion.com

• La nación sin barreras es para ciegos, los demás abstenerse
  
  
  www.lanacion.com.ar/herramientas/SoloTexto

Ejemplo: Banco Accesible

• Bienvenidos Todos a Bankinter.com
  
  
  

Ejemplo: Banco Accesible (2)

• Bienvenidos Todos a Bankinter.com
  

Flash y accesibilidad (1)

• Flash permite una gran interacción con el teclado
• Mejora el aprendizaje con la ayuda de la multimedia, integrando animación, sonido y texto
• Permite escalar los gráficos sin que estos se rompan mejorando la visibilidad
• Sin embargo las características de accesibilidad de Flash no logran buenos resultados

Flash y accesibilidad (2)

• Los usuarios con lectores de pantalla deben tener Microsoft Windows e Internet Explorer para lograr detectar las caractarísticas accesibles de Flash.
• Para acceder a un elemento o película Flash se necesita un entorno propio.
• Flash no es estándar
• Flash no separa la presentación del contenido.

¿Cómo hacer flash accesible?

• Usar flash donde la interacción y la multimedia tengan un valor agregado para todos los usuarios y proveer alternativas equivalentes.

Web 2.0

• ¿Sociabilización?
• ¿Colaboración?
• ¿Redes Sociales?
• ¿Diseño centrado en el usuario?

Accesibilidad y web 2.0

• Muchos sitios Web 2.0 no son accesibles y por lo tanto no ayudan a la sociabilización, ni a la colaboración de muchos usuarios.
  
  

Accesibilidad 2.0

• WAI-ARIA: Recomendaciones para Aplicaciones de Internet Enriquecidas Accesibles.
• Hijax: JavaScript no intrusivo
  
  

Recursos

• WAI: www.w3.org/WAI/
• Fundación Sidar: sidar.org
• Lista accesoweb: es.groups.yahoo.com/group/accesoweb/
• Libros, Cursos y Eventos: estandaresyaccesibilidad.com
• El Rallador : elrallador.info

Gracias!

¿Preguntas?
etnikastudio.com

eugenia@etnikastudio.com