Accesibilizando
la Web


Eugenia Jongewaard

Contenido:

Caso Target.com

¿Quieres ser un Target.com más?

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

Sitio Target.com

Sitio de 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:

Te estas olvidando de una gran parte! (2)

Personas:

¿Cómo navegan? (1)

¿Cómo navegan? (2)

¿Cómo navegan? (3)

¿Cómo navegan? (4)

¿Cuál es el problema de la web?

Muchos no pueden

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

Beneficios: Económicos

Beneficio: Social


Beneficios: Legales


Beneficio: Egoísta


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

Rompe los Mitos

Respeta las Pautas WCAG

Algunas de las recomendaciones:

Proporcione alternativas equivalentes para el contenido visual y auditivo
Video con Subtitulos
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
Colour Contrast Check

Respeta las Pautas WCAG (3)

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

elastico
www.shiflett.org

Respeta las Pautas WCAG (4)

Diseñe para la independencia del dispositivo

Respeta las Pautas WCAG (5)

Identifique el idioma usado:

También tener en cuenta

Analiza la Accesibilidad de tu sitio

Un problema de Accesibilidad (1)

Un problema de Accesibilidad (2)

Solución

Ejemplo: Mal de Medallitis

Ejemplo: Mal de Medallitis (2)

Ejemplo: LaNacion.com

Ejemplo: LaNacion.com

Ejemplo: Banco Accesible

Ejemplo: Banco Accesible (2)

Flash y accesibilidad (1)

Flash y accesibilidad (2)

¿Cómo hacer flash accesible?

Web 2.0

Accesibilidad y web 2.0

Accesibilidad 2.0

Recursos

Gracias!

¿Preguntas?
etnikastudio.com

eugenia@etnikastudio.com