Taller accesibilidad web Centro de Sistemas Públicos UCH - SENADIS

22
Accesibilidad y Discriminació n SENADI S 1 Herramientas y Técnicas para Accesibilidad 2

description

Presentación Cristián Echeverría - SENADIS

Transcript of Taller accesibilidad web Centro de Sistemas Públicos UCH - SENADIS

Page 1: Taller accesibilidad web Centro de Sistemas Públicos UCH - SENADIS

Accesibilidad y DiscriminaciónSENADIS

1

Herramientas y Técnicas para Accesibilidad

2

Page 2: Taller accesibilidad web Centro de Sistemas Públicos UCH - SENADIS

“El poder de la Web está en su

universalidad. Un acceso para todo el

mundo, independientemente de su

discapacidad es un aspecto esencial”

(Tim Berners-Lee, Director W3C e

inventor de la Web)

El Fin de la Accesibilidad

Page 3: Taller accesibilidad web Centro de Sistemas Públicos UCH - SENADIS

¿Tendremos algún grado de discapacidad cuando seamos adultos mayores?

Page 4: Taller accesibilidad web Centro de Sistemas Públicos UCH - SENADIS

Elementos de Accesibilidad Web

Principios

Leyes

Normas Responsabilidad /Sentido Social

Manuales

Guías

Estándares

Herramientas

Ley 20.422

Convención ONU

Decreto 100W3C

Metodologías

WAI

Validadores

Software

Hardware

Tecnologías de Apoyo

Page 5: Taller accesibilidad web Centro de Sistemas Públicos UCH - SENADIS

Implicancias de la No Accesibilidad

¿Es un acto de discriminación?

…Un acceso para todo el mundo…

n = 2.119.316Censo 2011

Page 6: Taller accesibilidad web Centro de Sistemas Públicos UCH - SENADIS

¿…o porque nuestras decisiones y acciones pueden discriminar a una parte importante de la población,

NEGANDO LA POSIBILIDAD DE ACCEDER

a la fuente de información más potente del mundo?

¿Por qué un sitio debe ser Accesible?

¿Para cumplir con el decreto 100?

¿Para cumplir la convención firmada por Chile ante la ONU?

Page 7: Taller accesibilidad web Centro de Sistemas Públicos UCH - SENADIS

¿Cómo navega una persona con discapacidad visual?

JAWS - NVDA Lectores de Pantalla

NVDA Project

OPEN – Óptima calidad$$$$$$$$ – Óptima calidad

Page 8: Taller accesibilidad web Centro de Sistemas Públicos UCH - SENADIS

¿Cómo navega una persona con discapacidad visual?

JAWS - NVDA

Sintetizadores

Voces

Lectores de Pantalla

RealSpeak

Carlos

Page 9: Taller accesibilidad web Centro de Sistemas Públicos UCH - SENADIS

¿Cómo enfrentar un proyecto Web para que sea accesible? - TIPS

Considerando la Accesibilidad desde las bases técnicas, TDR, TOR, pre diseño, maqueta… “Exigiendo Accesibilidad AA según WCAG 2.0”

Validando código con herramientas automáticas. T.A.W. IE Developer Tool Bar

Inspeccionando elementos (código).

Page 10: Taller accesibilidad web Centro de Sistemas Públicos UCH - SENADIS

¿Cómo enfrentar un proyecto Web para que sea accesible? - TIPS

Utilizando contraste de colores accesibles

Comprobando si es posible navegar con el teclado

Comprobando si el lector de pantalla funciona en forma coherente

Utilizando siempre la Guía 2.0 como referencia Utilizando un CMS accesible.

Page 11: Taller accesibilidad web Centro de Sistemas Públicos UCH - SENADIS

Pautas de accesibilidad de la W3C

WCAG 1.0 (5 de mayo de 1999)

Pautas de Accesibilidad al Contenido en la Web (WCAG)

WCAG 2.0 (11 de diciembre de 2008)

Desarrolladores de contenido Web (desarrolladores de páginas Web, diseñadores de sitios Web, etc.)

Desarrolladores de herramientas de autor para la Web

Desarrolladores de herramientas de evaluación de accesibilidad

Web

Las WCAG están orientadas principalmente para:

Page 12: Taller accesibilidad web Centro de Sistemas Públicos UCH - SENADIS

Imágenes

Alternativas textuales para todo contenido no textual.

– Atributo “alt” (texto alternativo, descripción, etc.)

Óptimo

Page 13: Taller accesibilidad web Centro de Sistemas Públicos UCH - SENADIS

Empleo del color

Usar el color como ÚNICO factor diferenciador.

Page 14: Taller accesibilidad web Centro de Sistemas Públicos UCH - SENADIS

Contraste

Contraste suficiente para colores de texto y fondo.

Para aquellos textos

Para aquellos textos

Para aquellos textos

Page 15: Taller accesibilidad web Centro de Sistemas Públicos UCH - SENADIS

Verificar contrastes

Colour Contrast Analyser (versión en Español)

http://www.visionaustralia.org.au/

Page 16: Taller accesibilidad web Centro de Sistemas Públicos UCH - SENADIS

Enlaces

Se sugiere utilizar texto que tenga sentido cuando se lea fuera de contexto.

“Cuando necesites comprar un pasaje haz click aquí. Si entras aquí podrás ingresar a la zona de fotos de mis viajes. Los problemas que he tenido al viajar en avión los encontrarás aquí.”

click aquí aquí aquí

Page 17: Taller accesibilidad web Centro de Sistemas Públicos UCH - SENADIS

Enlaces

“Tienes acceso a comprar un pasaje, ingresar fotos de mis viajes, o a los problemas que he tenido al viajar.

Page 18: Taller accesibilidad web Centro de Sistemas Públicos UCH - SENADIS

¿Cómo mantener un Sitio Accesible?

Accesibilidad en Tiempo 0 Accesibilidad en el tiempo

AA

AAA

CMS Accesible

Joomla

Drupal

WordPress

Por ejemplo, que valide el uso de Alt en imágenes!

Page 19: Taller accesibilidad web Centro de Sistemas Públicos UCH - SENADIS

¿Accesibilidad o Usabilidad?

Si el sitio es Accesible…puedo Acceder

Si el sitio es Accesible, ¿es Usable?

Capacidad de Aprendizaje: Qué tan fácil es para usuarios realizar tareas básicas la primera vez que se encuentran con el diseño.

Eficiencia: Una vez que los usuarios han aprendido el diseño, qué tan rápido se pueden realizar tareas?.

Page 20: Taller accesibilidad web Centro de Sistemas Públicos UCH - SENADIS

¿Accesibilidad o Usabilidad?

Memoriabilidad: Cuando los usuarios vuelven al diseño luego de un tiempo de no haberlo usado. ¿Qué fácil pueden restablecer las competencias para su uso?.

Errores: Cuántos errores cometen los usuarios, qué tan severos son estos errores?, qué tan fácil pueden recuperarse de estos errores?.

Satisfacción: Qué tan amable o amigable es usar el diseño.

Page 21: Taller accesibilidad web Centro de Sistemas Públicos UCH - SENADIS

Mitos

La accesibilidad es cara ($) (t). La accesibilidad perjudica el diseño / estética. Los validadores automáticos determinan la

accesibilidad de un sitio. La accesibilidad Web es sólo para personas con

discapacidad visual. La accesibilidad Web no tiene retorno sobre la

inversión (ROI). Los CMS no pueden ser accesibles.

Page 22: Taller accesibilidad web Centro de Sistemas Públicos UCH - SENADIS

Gracias

Servicio Nacional de la Discapacidad