SlideShare ist ein Scribd-Unternehmen logo
1 von 22
1
SENADIS   Accesibilidad y
          Discriminación


                       2
          Herramientas y
           Técnicas para
           Accesibilidad
El Fin de la Accesibilidad


             “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)
¿Tendremos algún grado de discapacidad
       cuando seamos adultos ma ?
                           yores
Elementos de Accesibilidad Web



  Manuales                                                Convención ONU
                                        Estándares
           Tecnologías de Apoyo
                                  WAI
 Normas                                         Responsabilidad /Sentido Social
                   Herramientas
                                                              Hardware
    W3C                   Leyes            Guías
                                                Validadores       Decreto 100
           Principios
                                   Metodologías
Software                                                          Ley 20.422
Implicancias de la No Accesibilidad
       ¿Es un acto de discriminación?




                                 n = 2.119.316
                                  Censo 2011




…Un acceso para todo el 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?


  ¿…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?
¿Cómo navega una persona con
discapacidad visual?

  Lectores de Pantalla           JAWS - NVDA




                             NVDA Project


 $$$$$$$$ – Óptima calidad   OPEN – Óptima calidad
¿Cómo navega una persona con
discapacidad visual?


  Lectores de Pantalla         JAWS - NVDA
    Sintetizadores               RealSpeak



      Voces                        Carlos
¿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).
¿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.
Pautas de accesibilidad de la W3C


    Pautas de Accesibilidad al Contenido en la Web (WCAG)
    WCAG 1.0 (5 de mayo de 1999)
    WCAG 2.0 (11 de diciembre de 2008)



    Las WCAG están orientadas principalmente para:
    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
Imágenes


      Alternativas textuales para todo contenido no textual.
   Óptimo
      – Atributo “alt” (texto alternativo, descripción, etc.)
Empleo del color

  Usar el color como ÚNICO factor diferenciador.
Contraste


     Contraste suficiente para colores de texto y fondo.



Para aquellos textos
Para aquellos textos
Para aquellos textos
Verificar contrastes

   Colour Contrast
    Analyser
    (versión en
    Español)
   http://www.vision
    australia.org.au/
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í
Enlaces




 “Tienes acceso a comprar un
 pasaje, ingresar fotos de mis viajes,
 o a los problemas que he tenido al
 viajar.
¿Cómo mantener un Sitio Accesible?


Accesibilidad en Tiempo 0           Accesibilidad en el tiempo




    AA
                                          CMS Accesible
                                               Joomla
    AAA
                                               Drupal
                                             WordPress


                 Por ejemplo, que valide el uso de Alt en imágenes!
¿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?.
¿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.
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.
Gracias

Servicio Nacional de la Discapacidad

Weitere ähnliche Inhalte

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

La web única. piensa en todos tus usuarios
La web única. piensa en todos tus usuariosLa web única. piensa en todos tus usuarios
La web única. piensa en todos tus usuariosFer Torres
 
Accesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones Web
Accesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones WebAccesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones Web
Accesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones WebJesus Jimenez
 
Presentacion Accesibilidad y Posicionamiento 25 08 08
Presentacion Accesibilidad y Posicionamiento 25 08 08Presentacion Accesibilidad y Posicionamiento 25 08 08
Presentacion Accesibilidad y Posicionamiento 25 08 08Nervo Verdezoto
 
Introducción a la accesibilidad web
Introducción a la accesibilidad webIntroducción a la accesibilidad web
Introducción a la accesibilidad webtayzee
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad webguest8b219d
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad webMIGUEL
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad webMIGUEL
 
Accesibilidad Laura
Accesibilidad LauraAccesibilidad Laura
Accesibilidad Laurainformatica4
 
Accesibilidad y usabilidad de la web
Accesibilidad y usabilidad de la webAccesibilidad y usabilidad de la web
Accesibilidad y usabilidad de la webpaoloarevaloortiz
 
Accesibilidad en la web 2.0
Accesibilidad en la web 2.0Accesibilidad en la web 2.0
Accesibilidad en la web 2.0dwebslide
 
Usabilidad Web 2.0
Usabilidad Web 2.0Usabilidad Web 2.0
Usabilidad Web 2.0dwebslide
 
Usabilidad Web: ¿Capricho o Necesidad?
Usabilidad Web: ¿Capricho o Necesidad?Usabilidad Web: ¿Capricho o Necesidad?
Usabilidad Web: ¿Capricho o Necesidad?Searchmediafb
 
Accesibilidad web para el sector turístico
Accesibilidad web para el sector turísticoAccesibilidad web para el sector turístico
Accesibilidad web para el sector turísticoInés Laitano
 
Pautas de Accesibilidad a la Web
Pautas de Accesibilidad a la WebPautas de Accesibilidad a la Web
Pautas de Accesibilidad a la WebMatías Kremer
 
DevFest SCL - Accesibilidad web 101
DevFest SCL - Accesibilidad web 101DevFest SCL - Accesibilidad web 101
DevFest SCL - Accesibilidad web 101Leonardo Graterol
 
Women Who Code BA - Accesibilidad Web 101
Women Who Code BA - Accesibilidad Web 101Women Who Code BA - Accesibilidad Web 101
Women Who Code BA - Accesibilidad Web 101Leonardo Graterol
 

Ähnlich wie Taller accesibilidad web Centro de Sistemas Públicos UCH - SENADIS (20)

La web única. piensa en todos tus usuarios
La web única. piensa en todos tus usuariosLa web única. piensa en todos tus usuarios
La web única. piensa en todos tus usuarios
 
Accesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones Web
Accesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones WebAccesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones Web
Accesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones Web
 
Presentacion Accesibilidad y Posicionamiento 25 08 08
Presentacion Accesibilidad y Posicionamiento 25 08 08Presentacion Accesibilidad y Posicionamiento 25 08 08
Presentacion Accesibilidad y Posicionamiento 25 08 08
 
Introducción a la accesibilidad web
Introducción a la accesibilidad webIntroducción a la accesibilidad web
Introducción a la accesibilidad web
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad web
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad web
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad web
 
Accesibilidad Laura
Accesibilidad LauraAccesibilidad Laura
Accesibilidad Laura
 
Accesibilidad
AccesibilidadAccesibilidad
Accesibilidad
 
Introducción a la accesibilidad web
Introducción a la accesibilidad webIntroducción a la accesibilidad web
Introducción a la accesibilidad web
 
Accesibilidad y usabilidad de la web
Accesibilidad y usabilidad de la webAccesibilidad y usabilidad de la web
Accesibilidad y usabilidad de la web
 
Accesibilidad en la web 2.0
Accesibilidad en la web 2.0Accesibilidad en la web 2.0
Accesibilidad en la web 2.0
 
Usabilidad Web 2.0
Usabilidad Web 2.0Usabilidad Web 2.0
Usabilidad Web 2.0
 
Usabilidad Web: ¿Capricho o Necesidad?
Usabilidad Web: ¿Capricho o Necesidad?Usabilidad Web: ¿Capricho o Necesidad?
Usabilidad Web: ¿Capricho o Necesidad?
 
Accesibilidad web para el sector turístico
Accesibilidad web para el sector turísticoAccesibilidad web para el sector turístico
Accesibilidad web para el sector turístico
 
Pautas de Accesibilidad a la Web
Pautas de Accesibilidad a la WebPautas de Accesibilidad a la Web
Pautas de Accesibilidad a la Web
 
DevFest SCL - Accesibilidad web 101
DevFest SCL - Accesibilidad web 101DevFest SCL - Accesibilidad web 101
DevFest SCL - Accesibilidad web 101
 
Accesibilidad y usabilidad
Accesibilidad y usabilidadAccesibilidad y usabilidad
Accesibilidad y usabilidad
 
Aa1 oa dis_webacc (1)_web_acces
Aa1 oa dis_webacc (1)_web_accesAa1 oa dis_webacc (1)_web_acces
Aa1 oa dis_webacc (1)_web_acces
 
Women Who Code BA - Accesibilidad Web 101
Women Who Code BA - Accesibilidad Web 101Women Who Code BA - Accesibilidad Web 101
Women Who Code BA - Accesibilidad Web 101
 

Mehr von Try Design

Presentacion proyectos Macul
Presentacion proyectos MaculPresentacion proyectos Macul
Presentacion proyectos MaculTry Design
 
Síntesis informe comisión presidencial en descentralización
Síntesis informe comisión presidencial en descentralizaciónSíntesis informe comisión presidencial en descentralización
Síntesis informe comisión presidencial en descentralizaciónTry Design
 
Cinta Exudante
Cinta ExudanteCinta Exudante
Cinta ExudanteTry Design
 
PROGRAMA “VIDA EN COMUNIDAD” SERVIU Metropolitano Villa San Antonio Comuna ...
PROGRAMA  “VIDA EN COMUNIDAD” SERVIU Metropolitano Villa San Antonio  Comuna ...PROGRAMA  “VIDA EN COMUNIDAD” SERVIU Metropolitano Villa San Antonio  Comuna ...
PROGRAMA “VIDA EN COMUNIDAD” SERVIU Metropolitano Villa San Antonio Comuna ...Try Design
 
Presentacion de Mario Grandón
Presentacion de Mario GrandónPresentacion de Mario Grandón
Presentacion de Mario GrandónTry Design
 
Presentacion de Leonardo Moreno
Presentacion de Leonardo MorenoPresentacion de Leonardo Moreno
Presentacion de Leonardo MorenoTry Design
 
Presentacion de Paulina Saball
Presentacion de Paulina SaballPresentacion de Paulina Saball
Presentacion de Paulina SaballTry Design
 
Herminda de la Victoria
Herminda de la VictoriaHerminda de la Victoria
Herminda de la VictoriaTry Design
 
ENCADENAMIENTO PRODUCTIVO EN EL SECTOR DEL CUERO
ENCADENAMIENTO PRODUCTIVO EN EL SECTOR DEL CUEROENCADENAMIENTO PRODUCTIVO EN EL SECTOR DEL CUERO
ENCADENAMIENTO PRODUCTIVO EN EL SECTOR DEL CUEROTry Design
 
Descentralización de la competencia de fomento productivo
Descentralización de la competencia de fomento productivoDescentralización de la competencia de fomento productivo
Descentralización de la competencia de fomento productivoTry Design
 
PROGRAMA ANDINO DE ECONOMÍA SOCIAL
PROGRAMA ANDINO DE ECONOMÍA SOCIALPROGRAMA ANDINO DE ECONOMÍA SOCIAL
PROGRAMA ANDINO DE ECONOMÍA SOCIALTry Design
 
Las capacidades locales para el Desarrollo. Mesa “Innovación para el desarrollo”
Las capacidades locales para el Desarrollo. Mesa “Innovación para el desarrollo”Las capacidades locales para el Desarrollo. Mesa “Innovación para el desarrollo”
Las capacidades locales para el Desarrollo. Mesa “Innovación para el desarrollo”Try Design
 
Descentralización y fomento productivo. Avances desde Gobiernos Provinciales,...
Descentralización y fomento productivo. Avances desde Gobiernos Provinciales,...Descentralización y fomento productivo. Avances desde Gobiernos Provinciales,...
Descentralización y fomento productivo. Avances desde Gobiernos Provinciales,...Try Design
 
LA ECONOMIA SOCIAL Y SOLIDARIA, COMO MODELO ECONÓMICO ALTERNATIVO
LA ECONOMIA SOCIAL Y SOLIDARIA, COMO MODELO ECONÓMICO ALTERNATIVOLA ECONOMIA SOCIAL Y SOLIDARIA, COMO MODELO ECONÓMICO ALTERNATIVO
LA ECONOMIA SOCIAL Y SOLIDARIA, COMO MODELO ECONÓMICO ALTERNATIVOTry Design
 
Desarrollo endógeno en comunidades mineras
Desarrollo endógeno en comunidades minerasDesarrollo endógeno en comunidades mineras
Desarrollo endógeno en comunidades minerasTry Design
 
Comentario de descentralización
Comentario de descentralizaciónComentario de descentralización
Comentario de descentralizaciónTry Design
 

Mehr von Try Design (16)

Presentacion proyectos Macul
Presentacion proyectos MaculPresentacion proyectos Macul
Presentacion proyectos Macul
 
Síntesis informe comisión presidencial en descentralización
Síntesis informe comisión presidencial en descentralizaciónSíntesis informe comisión presidencial en descentralización
Síntesis informe comisión presidencial en descentralización
 
Cinta Exudante
Cinta ExudanteCinta Exudante
Cinta Exudante
 
PROGRAMA “VIDA EN COMUNIDAD” SERVIU Metropolitano Villa San Antonio Comuna ...
PROGRAMA  “VIDA EN COMUNIDAD” SERVIU Metropolitano Villa San Antonio  Comuna ...PROGRAMA  “VIDA EN COMUNIDAD” SERVIU Metropolitano Villa San Antonio  Comuna ...
PROGRAMA “VIDA EN COMUNIDAD” SERVIU Metropolitano Villa San Antonio Comuna ...
 
Presentacion de Mario Grandón
Presentacion de Mario GrandónPresentacion de Mario Grandón
Presentacion de Mario Grandón
 
Presentacion de Leonardo Moreno
Presentacion de Leonardo MorenoPresentacion de Leonardo Moreno
Presentacion de Leonardo Moreno
 
Presentacion de Paulina Saball
Presentacion de Paulina SaballPresentacion de Paulina Saball
Presentacion de Paulina Saball
 
Herminda de la Victoria
Herminda de la VictoriaHerminda de la Victoria
Herminda de la Victoria
 
ENCADENAMIENTO PRODUCTIVO EN EL SECTOR DEL CUERO
ENCADENAMIENTO PRODUCTIVO EN EL SECTOR DEL CUEROENCADENAMIENTO PRODUCTIVO EN EL SECTOR DEL CUERO
ENCADENAMIENTO PRODUCTIVO EN EL SECTOR DEL CUERO
 
Descentralización de la competencia de fomento productivo
Descentralización de la competencia de fomento productivoDescentralización de la competencia de fomento productivo
Descentralización de la competencia de fomento productivo
 
PROGRAMA ANDINO DE ECONOMÍA SOCIAL
PROGRAMA ANDINO DE ECONOMÍA SOCIALPROGRAMA ANDINO DE ECONOMÍA SOCIAL
PROGRAMA ANDINO DE ECONOMÍA SOCIAL
 
Las capacidades locales para el Desarrollo. Mesa “Innovación para el desarrollo”
Las capacidades locales para el Desarrollo. Mesa “Innovación para el desarrollo”Las capacidades locales para el Desarrollo. Mesa “Innovación para el desarrollo”
Las capacidades locales para el Desarrollo. Mesa “Innovación para el desarrollo”
 
Descentralización y fomento productivo. Avances desde Gobiernos Provinciales,...
Descentralización y fomento productivo. Avances desde Gobiernos Provinciales,...Descentralización y fomento productivo. Avances desde Gobiernos Provinciales,...
Descentralización y fomento productivo. Avances desde Gobiernos Provinciales,...
 
LA ECONOMIA SOCIAL Y SOLIDARIA, COMO MODELO ECONÓMICO ALTERNATIVO
LA ECONOMIA SOCIAL Y SOLIDARIA, COMO MODELO ECONÓMICO ALTERNATIVOLA ECONOMIA SOCIAL Y SOLIDARIA, COMO MODELO ECONÓMICO ALTERNATIVO
LA ECONOMIA SOCIAL Y SOLIDARIA, COMO MODELO ECONÓMICO ALTERNATIVO
 
Desarrollo endógeno en comunidades mineras
Desarrollo endógeno en comunidades minerasDesarrollo endógeno en comunidades mineras
Desarrollo endógeno en comunidades mineras
 
Comentario de descentralización
Comentario de descentralizaciónComentario de descentralización
Comentario de descentralización
 

Kürzlich hochgeladen

POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfJulian Lamprea
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxLolaBunny11
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 

Kürzlich hochgeladen (10)

POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 

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

  • 1. 1 SENADIS Accesibilidad y Discriminación 2 Herramientas y Técnicas para Accesibilidad
  • 2. El Fin de la Accesibilidad “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)
  • 3. ¿Tendremos algún grado de discapacidad cuando seamos adultos ma ? yores
  • 4. Elementos de Accesibilidad Web Manuales Convención ONU Estándares Tecnologías de Apoyo WAI Normas Responsabilidad /Sentido Social Herramientas Hardware W3C Leyes Guías Validadores Decreto 100 Principios Metodologías Software Ley 20.422
  • 5. Implicancias de la No Accesibilidad ¿Es un acto de discriminación? n = 2.119.316 Censo 2011 …Un acceso para todo el mundo…
  • 6. ¿Por qué un sitio debe ser Accesible? ¿Para cumplir con el decreto 100? ¿Para cumplir la convención firmada por Chile ante la ONU? ¿…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?
  • 7. ¿Cómo navega una persona con discapacidad visual? Lectores de Pantalla JAWS - NVDA NVDA Project $$$$$$$$ – Óptima calidad OPEN – Óptima calidad
  • 8. ¿Cómo navega una persona con discapacidad visual? Lectores de Pantalla JAWS - NVDA Sintetizadores RealSpeak Voces Carlos
  • 9. ¿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).
  • 10. ¿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.
  • 11. Pautas de accesibilidad de la W3C Pautas de Accesibilidad al Contenido en la Web (WCAG) WCAG 1.0 (5 de mayo de 1999) WCAG 2.0 (11 de diciembre de 2008) Las WCAG están orientadas principalmente para: 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
  • 12. Imágenes Alternativas textuales para todo contenido no textual.  Óptimo – Atributo “alt” (texto alternativo, descripción, etc.)
  • 13. Empleo del color Usar el color como ÚNICO factor diferenciador.
  • 14. Contraste Contraste suficiente para colores de texto y fondo. Para aquellos textos Para aquellos textos Para aquellos textos
  • 15. Verificar contrastes  Colour Contrast Analyser (versión en Español)  http://www.vision australia.org.au/
  • 16. 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í
  • 17. Enlaces “Tienes acceso a comprar un pasaje, ingresar fotos de mis viajes, o a los problemas que he tenido al viajar.
  • 18. ¿Cómo mantener un Sitio Accesible? Accesibilidad en Tiempo 0 Accesibilidad en el tiempo AA CMS Accesible Joomla AAA Drupal WordPress Por ejemplo, que valide el uso de Alt en imágenes!
  • 19. ¿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?.
  • 20. ¿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.
  • 21. 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.
  • 22. Gracias Servicio Nacional de la Discapacidad