SlideShare una empresa de Scribd logo
1 de 83
ACCESIBILIDAD A LA
SOCIEDAD DE INFORMACIÓN:
MULTIMEDIA, CONTENIDOS
WEB Y AUDIOVISUALES




Fecha: 16 DE MARZO DE 2012
Profesor: MARGA CABRERA
PRESENTACIÓN

Temario

  •   Accesibilidad en la sociedad de la información (TIC)
  •   Legislación
  •   Páginas y contenido web accesible
      •   Normativa
      •   Niveles de accesibilidad en web A, AA y AAA
      •   Herramientas de revisión automáticas
      •   Certificados conforme a la norma UNE 139803:2004
      •   Escritura accesible
      •   Imágenes accesibles
  •   Accesibilidad audiovisual
  •   Claves para ser accesible en los nuevos medios
ACCESIBILIDAD EN LAS TIC


Accesibilidad:

•   En un contexto genérico cuando hablamos de
    accesibilidad nos referimos al grado en el que
    todas las personas pueden utilizar un objeto,
    visitar un lugar o acceder a un servicio,
    independientemente de sus capacidades
    técnicas, cognitivas o físicas.
Accesibilidad en las TIC


Accesibilidad en los nuevos medios:

•   Capacidad de acceso, comprensión y uso de un
    contenido multimedia (imágenes, textos,
    videos, audios, etc.) por el mayor número de
    usuarios posibles con independencia tanto de
    sus capacidades físicas, técnicas o
    intelectuales, como del dispositivo y medio que
    utilicen.
Accesibilidad en las TIC


Accesibilidad en los nuevos medios:

•   Facilitar el acceso a las personas con
    discapacidades psíquicas, físicas o sensoriales.

•   La accesibilidad sobrepasa los límites de la
    discapacidad para abarcar un concepto de
    acceso universal con independencia de
    dispositivos, culturas, idiomas e incluso
    localizaciones.
Accesibilidad en las TIC


Accesibilidad en los nuevos medios:
•   No solo centrarnos en problemas o
    discapacidades, sino hacer uso del sentido
    común y la normativa con el fin de acercarnos
    al concepto de USABILIDAD.

•   Facilitar y mejorar la experiencia de los
    usuarios en su interacción con los dispositivos
    multimedia y la comprensión de sus
    contenidos.
Accesibilidad en las TIC


Accesibilidad en los nuevos medios:

•   La accesibilidad web ha ido paralela a la evolución
    de las nuevas tecnologías.

•   Mientras que la mayoría de los ciudadanos veían
    en las TIC el futuro, otros muchos pensaban ya en
    las dificultades que les supondría la convivencia con
    nuevas redes sociales como Internet.

•   Las nuevas tecnologías son puertas abiertas para
    muchos y barreras otros.
Accesibilidad en las TIC


Accesibilidad en los nuevos medios:

•   VIDEO ACCESIBILIDAD E INTERNET

    Una web accesible es una web más social!
Accesibilidad en las TIC


Accesibilidad en los nuevos medios:

•   Las instituciones están realizando un gran
    esfuerzo en la creación de una Red accesible
    a todos.
•   Debería poder usarlo cualquier persona, aún
    teniendo discapacidad:
    –   Visual
    –   Motora
    –   Intelectual
Accesibilidad en las TIC


Accesibilidad en los nuevos medios:

•   Existen dispositivos para acceder a los
    contenidos web.

•   Las páginas deben tener una estructura
    pensada para ellos, y en general, no se hace.

•   Profesionales -> productos digitales accesibles.
Accesibilidad en las TIC


Accesibilidad en los nuevos medios:

•   También influye en:
    –   Conexiones lentas a internet
    –   Personas poco expertas en el uso
    –   Posiciona mejor en los buscadores
    –   Permite el acceso desde nuevos dispositivos

    PERMITE SACAR MÁS RENDIMIENTO A LA WEB
Accesibilidad en las TIC


Accesibilidad en los nuevos medios:


 ¿Vale más…?
Accesibilidad en las TIC


Accesibilidad en los nuevos medios:

•   VIDEO ACCESIBILIDAD WEB: problemas de
    visión
Accesibilidad en las TIC


Accesibilidad en los nuevos medios:

PERSONAS CON PROBLEMAS DE VISIÓN
• Conversores automáticos de texto en audio.

•
     A Ampliar texto (o CTRL+rueda ratón)
    AA
• Navegador: ver/tamaño de texto/ampliar
(comprobar que no se deforma al ampliar
  tamaño)
Accesibilidad en las TIC


Accesibilidad en los nuevos medios:

PERSONAS CON PROBLEMAS DE VISIÓN
- Comprobar que no se deforma al ampliar
  tamaño
- El tamaño de las fuentes debe estar en
  medidas relativas
Accesibilidad en las TIC


Accesibilidad en los nuevos medios:

PERSONAS CON PROBLEMAS DE VISIÓN
LECTORES DE PANTALLA:
- Describen lo que aparece en el monitor de
  manera secuenciada.
- Tienen recursos de navegación, para que el
  usuario pueda elegir.
- También elegimos tipo de voz y velocidad de
  lectura.
Legislación


Legislación:

-   Apuntes -> Legislación ONU, Europa
Legislación

Legislación ESPAÑA
   La primera ley de ámbito nacional en la que se trata específicamente la
    accesibilidad web es la LEY 34/2002. De Servicios de la Sociedad de
    la Información y de Comercio Electrónico (LSSICE). Publicada el
    12 de julio de 2002.

   La quinta disposición adicional de esta ley está dedicada a la
    Accesibilidad para las personas con discapacidad y de edad avanzada a la
    información proporcionada por medios electrónicos.

   En este punto se señala a las Administraciones Públicas como
    responsables de adoptar las medidas necesarias para que la
    información respectiva a sus páginas de Internet pueda ser accesible
    para el colectivo anteriormente indicado. Además se establece el 31 de
    diciembre de 2005 como fecha límite para conseguirlo.
Legislación


Legislación ESPAÑA
   La importancia y trascendencia de esta ley, viene dada sobre todo
    por su alcance, declarándose la obligatoriedad de cumplir el
    Nivel AA de conformidad a TODOS los sitios web de las
    administraciones públicas y de aquellos organismos en parte
    financiadas por éstas.
Legislación


Legislación ESPAÑA
   La LEY 51/2003 de igualdad de oportunidades, no
    discriminación y accesibilidad universal de las personas con
    discapacidad (LIONDAU), se considera una evolución de la
    LSSICE y sirvió para proporcionar en España un marco legal similar
    al que ofrecía la legislación de otros países europeos, poniendo de
    manifiesto los conceptos de no discriminación y accesibilidad
    universal.

   La Ley establece, la obligación gradual y progresiva de que
    todos los entornos, productos y servicios deben ser abiertos,
    accesibles y practicables para todas las personas y dispone plazos
    y calendarios para realización de las adaptaciones necesarias que
    en el caso de la accesibilidad web seguía siendo 2005.
Legislación


Legislación ESPAÑA
   Por último se existe un plan vigente sobre accesibilidad, el
    Plan Nacional de Accesibilidad 2004-2012 que tiene como
    principal finalidad alcanzar la accesibilidad universal de todos los
    entornos, productos y servicios para superar las barreras que
    actualmente excluyen a las personas con discapacidad.


    Por un nuevo paradigma, el Diseño para Todos,
    hacia la plena la igualdad de oportunidades.
Legislación


Legislación ESPAÑA
   REAL DECRETO 1494/2007, de 12 de noviembre, por el que se
    aprueba el Reglamento sobre las condiciones básicas para el
    acceso de las personas con discapacidad a las tecnologías,
    productos y servicios relacionados con la sociedad de la
    información y medios de comunicación social.
Legislación


Legislación ESPAÑA
   En general, la accesibilidad a los sitios web de la Administración
    Pública española es muy mala: sólo un 20% de los criterios de
    accesibilidad analizados son cumplidos por las cinco webs
    de la Administración Pública.

   Es grave que ninguno de los cinco sitios web cumpla con todos los
    criterios de accesibilidad. Pero aún lo es más que cinco de los
    criterios no sean cumplidos en ninguno de los sitios.
Accesibilidad en las TIC


Accesibilidad en los nuevos medios:

¿Entonces la accesibilidad web es solo para
 ciegos?
Accesibilidad en las TIC


Accesibilidad en los nuevos medios:
¿A quién beneficia?

A personas con discapacidades visuales
- Ceguera

- Baja visión

- Daltonismo
Accesibilidad en las TIC


Accesibilidad en los nuevos medios:
¿A quién beneficia?

A personas con discapacidades auditivas
- Sordera

- Hipoacusia (sordera parcial –ligera o
  moderada)
Accesibilidad en las TIC


Accesibilidad en los nuevos medios:
¿A quién beneficia?

A personas con discapacidades motrices
- Distrofia muscular (debilidad-músculo
  esquelético)
- Distonía muscular (contracciones
  involuntarias)
- Parkinson
Accesibilidad en las TIC


Accesibilidad en los nuevos medios:
¿A quién beneficia?

-   A personas con discapacidades neurológicas y
    cognitivas

-   Discapacidades relacionadas con el
    envejecimiento (suele ser mezcla de las anteriores)

-   Limitaciones derivadas del entorno
    Entorno: navegadores antiguos, conexiones lentas, pantallas
    pequeñas, ausencia de ratón…
Accesibilidad en las TIC


Accesibilidad en los nuevos medios:
¿Cómo navegan?

- Con lectores de pantalla
(video lector braille y otros
Lectores de pantalla)


- Dispositivos adaptados
Accesibilidad en las TIC


Accesibilidad en los nuevos medios:
¿Cómo navegan?

-   Navegadores solo texto 
-   Navegadores adaptados o de sólo texto, existe
    una buena cantidad de navegadores en los
    que sólo se ve el texto de la pantalla, sin
    imágenes ni video,  algunos de ellos son:
    Lynx, Amaya y las extensiones de Mozilla o
    Chrome.
-   Estos navegadores son básicos para que un
    software lector pueda leer el contenido de la
    pantalla del ordenador.
Accesibilidad en las TIC


Accesibilidad en los nuevos medios:
¿Cómo navegan?

-   Ampliadores

   -> ZoomTex, es una lupa o
    magnificador de pantalla para
    personas con problemas de visión.
    Está pensado para el sistema
    operativo de Windows.
Accesibilidad en las TIC


Accesibilidad en los nuevos medios:

Accesibilidad en web (video ampliación)

AFECTA A:
- Creadores de navegadores para internet.

- Creadores de herramientas de apoyo para
  personas con discapacidad.
- Generadores de contenido.
Contenido web accesible

CRITERIOS PRINCIPALES WAI:
 
¿Quién define las pautas de accesibilidad?
 
 En la actualidad existe un grupo de trabajo
  internacional dentro de la W3C (World Wide Web
  Consortium) denominado WAI.

   Es el encargado de definir unas pautas o
    recomendaciones para garantizar la accesibilidad (las
    WCAG) del contenido, las herramientas y los agentes
    de usuario.
Contenido web accesible
NORMATIVA WCAG 2.0

 Las Pautas de Accesibilidad para el Contenido Web
 (WCAG) 2.0 cubren un amplio rango de recomendaciones
 para crear contenido Web más accesible.

 Seguir estas pautas permite crear un contenido más
 accesible para un mayor número de personas con
 discapacidad, incluyendo:
    Ceguera y baja visión
    Sordera y deficiencias auditivas
    Deficiencias del aprendizaje
    Limitaciones cognitivas
    Limitaciones de la movilidad
    Deficiencias del habla
    Fotosensitividad
    Combinaciones de las anteriores
Contenido web accesible
CRITERIOS PRINCIPALES WAI:
Principios fundamentales
 
Existen cuatro principios fundamentales sobre los que se
  apoya la accesibilidad:
 
 Perceptibilidad: todo el contenido (textual o multimedia)
  ha de ser apreciable por los usuarios.
 Operatibilidad: todos los elementos de la interfaz han de
  facilitar la interacción.
 Comprensibilidad: todo el contenido ofrecido ha de ser de
  fácil comprensión.
 Robustez: Todo el contenido ha de ser lo suficientemente
  robusto como para soportar una amplia gama de
  tecnologías y dispositivos futuros.
Contenido web accesible

CRITERIOS PRINCIPALES WAI:
Principios fundamentales
 
   Las directrices se componen de criterios de
    cumplimiento (success criteria).

   Cada criterio de cumplimiento tiene un nivel de
    adecuación o conformidad (A, AA o AAA) que indica su
    impacto en la accesibilidad.
Contenido web accesible
CRITERIOS PRINCIPALES WAI:
Principios fundamentales
 
    Para que una página web sea conforme con las WCAG 2.0, deben
    satisfacerse todos los requisitos de conformidad siguientes:

   Nivel de conformidad: Uno de los siguientes niveles de
    conformidad se satisface por completo.

       Nivel A: Para lograr conformidad con el Nivel A (el mínimo), la página
        web satisface todos los Criterios de Conformidad del Nivel A, o proporciona
        una versión alternativa conforme.

       Nivel AA: Para lograr conformidad con el Nivel AA, la página web satisface
        todos los Criterios de Conformidad de los Niveles A y AA, o proporciona una
        versión alternativa conforme al Nivel AA.

       Nivel AAA: Para lograr conformidad con el Nivel AAA, la página web
        satisface todos los Criterios de Conformidad de los Niveles A, AA y AAA, o
        proporciona una versión alternativa conforme al Nivel AAA.
Contenido web accesible

NORMATIVA WCAG 2.0

Pautas de Accesibilidad para el Contenido Web (WCAG)
 2.0

1 Perceptible
       1.1
        Proporcionar alternativas textuales para todo contenido no textual
          Atributo “alt” para describir imágenes.

          Imágenes decorativas alt=“ “

          Mejor usar CSS que posicionen las imágenes decorativas

          No repetir información: imágenes+enlaces (p.e. icono de

           imprimir)
          Alternativas textuales, textos largos. Longdesc=“ url “
Contenido web accesible

NORMATIVA WCAG 2.0

Pautas de Accesibilidad para el Contenido Web (WCAG)
 2.0

1 Perceptible
       1.1
        Proporcionar alternativas textuales para todo contenido no textual
          En formularios utilizar las etiquetas <label> o atributos <title>

           en los input de formulario.
          Colocar correctamente el <label>

              Antes: text, file, password, textarea y select
              Después: checkbox y radio
Contenido web accesible

NORMATIVA WCAG 2.0

Pautas de Accesibilidad para el Contenido Web (WCAG)
 2.0

1 Perceptible
       1.2 Subtítulos y alternativas.
          Son los elementos que muestran su contenido según una línea

           temporal (animaciones, canciones, películas) habrá que realizar
           para estos transcripciones textuales, subtitulado o lenguaje de
           signos.
Contenido web accesible

NORMATIVA WCAG 2.0

Pautas de Accesibilidad para el Contenido Web (WCAG)
 2.0

1 Perceptible
       1.3 Adaptable y disponible a los productos de apoyo
          Nuestro contenido debe ser independiente de la forma de

           presentación, es decir, independiente del software (presentar
           contenido sin hojas de estilo).
          Esto lo conseguimos respetando una estructura lógica y

           proporcionando información de características sensoriales:
           colores, énfasis…
Contenido web accesible

NORMATIVA WCAG 2.0

Pautas de Accesibilidad para el Contenido Web (WCAG
 ) 2.0

1 Perceptible
       1.3 Adaptable y disponible a los productos de apoyo
          Usar correctamente <H1>…<H6>

          Para las listas usar <ol>, <ul>, <dl>

          Usar tablas para representar datos! No para maquetar

         TABLAS:
          Anunciar encabezados, filas y columnas.

          Usar el título de la tables, y summary para descripción de lo

           que se va a mostrar y cómo.
Contenido web accesible
NORMATIVA WCAG 2.0

Pautas de Accesibilidad para el Contenido Web (WCAG) 2.0


1 Perceptible
        1.4
         Distinguible: facilitar a los usuarios ver y oír el contenido
          Uso adecuado del color en la la información de primer plano y el
           fondo.
          Aplicable también al sonido.

          Contraste suficiente (analizador)
Contenido web accesible
NORMATIVA WCAG 2.0

Pautas de Accesibilidad para el Contenido Web (WCAG) 2.0


1 Perceptible
        1.4 Distinguible: texto y fuente
          Especial cuidado con la modificación de los tamaños de la fuente
           utilizada, para que no rompa o descuadre la web.
          A poder ser evitar textos justificados, ya que a las personas con

           problemas cognitivos les cuesta mantener la lectura.
Contenido web accesible
NORMATIVA WCAG 2.0

Pautas de Accesibilidad para el Contenido Web (WCAG) 2.0


1 Perceptible
        1.4 Distinguible: texto y fuente
            Problemas con los Captchas (video).
Contenido web accesible

NORMATIVA WCAG 2.0

La información y la interfaz de usuario tienen que ser
 presentados de forma que los puedan percibir

2 Operable
        2.1 Accesible mediante el teclado.
           Toda la funcionalidad debe ser accesible mediante teclado.

           Si nuestra web es accesible mediante teclado podrá ser accesible

            mediante productos de apoyo.
Contenido web accesible

NORMATIVA WCAG 2.0

Pautas de Accesibilidad para el Contenido Web (WCAG)
 2.0

2 Operable
       2.2 Proporcionar a los usuarios el tiempo suficiente.
          Algunas personas necesitan más tiempo para completar las

           tareas.
          Lo mejor es no tener tiempo, pero si lo tiene, debería poderse

           parar, reanudar o ajustar.
          Hay excepciones, como por ejemplo una venta por puja…
Contenido web accesible

NORMATIVA WCAG 2.0

Pautas de Accesibilidad para el Contenido Web (WCAG)
 2.0

2 Operable
       2.3 No diseñar contenido con efectos dañinos.
          Evitar contenido que se sepa que puede provocar ataques,

           espasmos o convulsiones, (epilepsia).
          Cumplir la regla de los 3 destellos o menos en nuestra web.

          En el caso de que sea inevitable, dejar el área lo más pequeña

           posible, por ejemplo el 25% de la web.
Contenido web accesible

NORMATIVA WCAG 2.0

Pautas de Accesibilidad para el Contenido Web (WCAG)
 2.0

2 Operable
       2.4 Navegable.
          Ayudar en la medida de lo posible a que los usuarios encuentren

           lo que buscan.
          Utilizar títulos, migas de pan y sitemap.

          Utilizar enlaces para saltar bloques repetitivos de la web (menú

           o cabeceras).
          Intentar que el orden tenga sentido, siguiendo la misma

           estructura de la web.
Contenido web accesible
NORMATIVA WCAG 2.0

La información y la interfaz de usuario deben ser comprensibles.

   3. Legible
   3.1
      Hacer que los contenidos textuales resulten legibles y comprensibles.
    Hacer nuestro contenido comprensible tanto para los
     usuarios como para sus productos de apoyo.
    Por ejemplo especificando el idioma de nuestra web,
     los lectores de pantalla tienen diferentes
     pronunciaciones según el idioma.
    Si se usan abreviaturas, anunciar la equivalencia en
     el código.
Contenido web accesible

NORMATIVA WCAG 2.0

La información y la interfaz de usuario deben ser
  comprensibles.

  3. Legible
        3.2 Predecible.
           Hacer que nuestras páginas actúen de manera predecible.

           Evitar los cambios de estructura mientras navegamos (menús

            que cambian de lado)
Contenido web accesible

NORMATIVA WCAG 2.0

La información y la interfaz de usuario deben ser
  comprensibles.

  3. Legible
        3.3 Ayudar a los usuarios a evitar y corregir los errores.
           Los usuarios con discapacidad son más propensos a cometer

            errores y encuentran gran dificultad para corregirlos.
           Enviar alertas de cómo solucionarlo.
Contenido web accesible

NORMATIVA WCAG 2.0

 Maximizar la compatibilidad con las aplicaciones de usuario
 actuales y futuras, incluyendo las ayudas técnicas.
4 Robusto
       4.1 Maximizar la compatibilidad
          Maxibilizar la compatibildad con los agentes de usuario y

           productos de apoyo.
          Evitar malas prácticas que provoquen que el producto de apoyo

           no interprete bien el contenido.
          Validar nuestras web y usar el lenguaje de acuerdo a la

           especificación.
Contenido web accesible

NORMATIVA WCAG 2.0

 Maximizar la compatibilidad con las aplicaciones de usuario
 actuales y futuras, incluyendo las ayudas técnicas.
4 Robusto
       4.1 Maximizar la compatibilidad
          Validador de código HTML y CSS del W3C

          http://validator.w3.org
Contenido web accesible

NORMATIVA WCAG 2.0

    VALIDACIÓN AUTOMÁTICA

-   http://tawdis.net/ (Fundación CTIC)
Contenido web accesible

NORMATIVA WCAG 2.0

    VALIDACIÓN MANUAL

-   Hemos visto que hay pautas que son imposibles de
    detectar automáticamente.
-   Hay que evaluarlo por nuestra cuenta.
-   Por ejemplo, que el texto alternativo sea el adecuado.
Contenido web accesible

NORMATIVA WCAG 2.0

    VALIDACIÓN MANUAL

-   Herramientas que nos pueden ayudar:
    -   Usar varios navegadores.
    -   Usar la web con el teclado.
    -   Probar lectores de pantalla.
    -   Probar con usuarios reales (personas con alguna discapacitad)
    -   Monitorizar si actualizamos a menudo.
Contenido web accesible
CRITERIOS PRINCIPALES WAI

ADMINISTRACIÓN ESPAÑOL: principales ERRORES WAI

   Criterio 1: El contenido presentado debe ser comprensible sin color

   Criterio 2: Proporcionar un formato alternativo para todo elemento no textual

   Criterio 3: El contenido debe ser comprensible en un navegador sin gráficos y en un
    navegador sólo texto

   Criterio 4: Los usuarios deben poder controlar cómo visualizan los textos

   Criterio 5: Se debe proporcionar un título descriptivo para cada marco (frame)

   Criterio 6: El contenido del sitio web se debe visualizar correctamente sin cargar la hoja de
    estilos

   Criterio 7: Se debe proporcionar información accesible sobre la maquetación general del sitio
    web

   Criterio 8: El sitio web debe ser accesible sin scripts, applets y otros objetos de programación

   Criterio 9: Se debe evitar el parpadeo en la pantalla
Contenido web accesible

CRITERIOS PRINCIPALES WAI

PRINCIPALES ERRORES ACCESIBILIDAD
 BANCA ESPAÑOLA

   Problemas encontrados
Contenido web accesible
CRITERIOS PRINCIPALES WAI
RECOMENDACIONES:

4.    Separar el contenido de la presentación visual.
5.    No poner texto como imágenes ya que impiden cambiar los tamaños.
6.    Ofrecer la posibilidad de aumentar el tamaño de las fuentes.
7.    Asegurarse de que los textos y gráficos son comprensibles cuando se ven sin color.
8.    Adoptar fondos simples, preferentemente planos y con suficiente contraste.
9.    No utilizar imágenes o textos que se mueven.
10.   Añadir texto alternativo o etiquetas "alt" para todas las imágenes.
11.   Evitar las páginas con marcos pues no son accesibles para algunos navegadores.
12.   Presentar un mapa web o índice del sitio web en formato texto.
13.   No obligar al usuario a descargarse plug-ins, ni a la utilización de scripts o applets en
      funciones esenciales del sitio web.

      Además de estas recomendaciones se debe tener en cuenta que la usabilidad guarda
      una relación muy importante con la accesibilidad.

      Un sitio web ha de cumplir las pautas de accesibilidad, pero también debe facilitar la
      navegación a los usuarios y la realización de las tareas para las que han accedido al
      sitio web.
Contenido web accesible


CONTENIDOS ACCESIBLES

 Resumen   Video (red.es)
Contenido web accesible
REPASO breve para crear sitios webs accesibles:

   Imágenes y animaciones: use el atributo ALT para describir la
    función de cada elemento.

   Mapas de imagen: use el elemento MAP y TEXTO para las zonas
    activas.

   Multimedia: proporcione subtítulos y transcripción del sonido,
    descripción del vídeo.

   Enlaces de Hipertexto: use un texto que tenga sentido leído fuera de
    contexto. Por ejemplo, evite " pincha aquí ".

   Organización de las páginas: use encabezados, listas y estructuras
    consistentes. Use CSS para la maquetación donde sea posible.
Contenido web accesible
Guía breve para crear sitios Webs accesibles.
   Figuras y Diagramas: descríbalos brevemente en la página o use el
    atributo LONGDESC.

   Scripts, applets y plug-ins: ofrezca contenido alternativo si las
    funciones nuevas no son accesibles.

   Marcos: use el elemento NOFRAMES y títulos con sentido.

   Tablas: facilite la lectura línea a línea.

   Revise su trabajo: verifique use las herramientas, puntos de
    comprobación y pautas de www.w3.org/tr/wcag20

                                     Fuente: www.w3.org/wai/quicktips
Contenido web accesible


ACCESIBILIDAD AUDIOVISUAL

   Gracias al avance tecnológico y a las mejoras en la
    velocidad de conexión cada vez es mayor el uso de
    contenidos audiovisuales en los nuevos medios,
    generando una mejora en la experiencia de los
    usuarios y en el acceso a la información.

   A pesar de esto, no debemos olvidar las dificultades
    con las que se pueden encontrar personas con
    discapacidades en el acceso a este tipo de
    información.
Contenido web accesible


ACCESIBILIDAD AUDIOVISUAL
    Los contenidos audiovisuales presentan una mayor complejidad que el
     resto de contenidos a la hora de trabajar la accesibilidad.
    Por eso debemos diferenciar 3 eslabones o capas de acceso a su
     información:

6.   EL CONTENIDO

    Preparar un contenido audiovisual perceptible y accesible para
     todo el mundo con independencia de las discapacidades auditivas o
     visuales que se puedan presentar.

    Debemos ofrecer alternativas al contenido audiovisual utilizando
     técnicas como la subtitulación, la audiodescripción o la transcripción
     al lenguaje de signos para garantizar el acceso a la información.
Contenido web accesible

ACCESIBILIDAD AUDIOVISUAL

3.   ACCESO AL CONTENIDO
    Hay multitud de plataformas o aplicaciones que nos permiten
     insertar los contenidos audiovisuales minimizando la
     necesidad de conocimientos técnicos.

    Pero para poder llegar al mayor número de usuarios y mejorar la
     accesibilidad a estos contenidos, es necesario centrarse en la
     robustez y estabilidad que nos ofrecen las aplicaciones.

    Debemos tener en cuenta que la tecnología esté al alcance de
     la mayor parte de los usuarios sin la necesidad de instalar
     complementos adicionales. Maximizando la compatibilidad con
     las presenten y futuras tecnologías.
Contenido web accesible


ACCESIBILIDAD AUDIOVISUAL

3.   ACCESO AL CONTENIDO
    Para ello recomendamos:

      Evitar el uso de las últimas versiones de las aplicaciones de
       reproducción.
      Utilizar aplicaciones que no requieran la instalación de
       complementos adicionales.
      Asegurarnos de que la aplicación sea compatible en la mayoría
       de dispositivos.
Contenido web accesible


ACCESIBILIDAD AUDIOVISUAL
3. LA OPERATIBILIDAD DEL REPRODUCTOR
 Para garantizar la accesibilidad a los contenidos audiovisuales
   debemos asegurarnos que los usuarios pueden interactuar con la
   información ofreciendo el control mediante el uso de
   interfaces accesibles.

   Permitir activar o desactivar la reproducción garantizando el
    control de los tiempos de asimilación del contenido.

   Etiquetar todos los botones de navegación describiendo su
    funcionalidad.

   Ofrecer alternativas de navegación mediante el uso del teclado.
Contenido web accesible


ACCESIBILIDAD AUDIOVISUAL
SUBTITULACIÓN

   La subtitulación es la técnica que se utiliza para transmitir
    la información de un contenido multimedia a usuarios que
    presentan discapacidades auditivas.

   Consiste en la proyección de subtítulos textuales utilizados
    como alternativa a los diálogos y elementos sonoros que se
    ofrecen en un contenido multimedia.
Contenido web accesible


ACCESIBILIDAD AUDIOVISUAL
SUBTITULACIÓN
   No solo consiste en trascribir/subtitular la información, debemos
    otorgarle de orden y sentido.

   La normativa nos muestra incluso la necesidad de utilizar un
    código de color para facilitar la localización y distinción de
    los personajes en un contexto en donde se pueda requerir:

   Amarillo, verde, cian, magenta, por orden de protagonismo y
    blanco, para el resto de personajes.
Contenido web accesible


ACCESIBILIDAD AUDIOVISUAL
SUBTITULACIÓN

   Existe una norma ISO para estandarizarlo (UNE 153010) que nos
    ofrece unas pautas o recomendaciones a tener en cuenta para
    facilitar tanto la legibilidad como la comprensión de los
    subtítulos.

   Destacamos las más importantes:
Contenido web accesible


ACCESIBILIDAD AUDIOVISUAL
SUBTITULACIÓN
   Los subtítulos deberán aparecer en la parte inferior de la imagen
    ocupando 2 líneas, excepcionalmente 3.
   Cada personaje debe aparecer en líneas distintas.
   El texto debe presentarse centrado.
   Colocar tres puntos suspensivos al final de subtítulo y otros tres al
    principio del siguiente.
   La velocidad recomendada es de 12 caracteres por segundo.
   Utilizar los pronombres siempre que se pueda.
   No reproducir las abreviaturas.
   Utilizar acrónimos.
Contenido web accesible


ACCESIBILIDAD AUDIOVISUAL
SUBTITULACIÓN

   Existen multitud de formatos para la integración de subtítulos,
    pero cabe destacar dos formatos:
     SMIL (Synchronized Multimedia Integration Language) compatible con la
      mayoría de reproductores
     SAMI (Synchronized Accessible Media Interchange) utilizado por Windows
      Media Player.


   Se puede subtitular VIDEOS EN YOUTUBE
Contenido web accesible


ACCESIBILIDAD AUDIOVISUAL
AUDIODESCRIPCIÓN

   La audiodescripción es la técnica que se utiliza para transmitir
    la información de un contenido multimedia a personas
    ciegas o que presentan discapacidades visuales.

   Consiste en añadir un contenido alternativo en formato
    audio (pista) para describir las acciones, los personajes, los
    gestos, los paisajes… y así ayudar a comprender el contexto de la
    narración.
Contenido web accesible


ACCESIBILIDAD AUDIOVISUAL
AUDIODESCRIPCIÓN
   Recomendaciones y técnicas para una audiodescripción efectiva:
       Analizar las peculiaridades del producto audiovisual para plantear su
        enfoque y localizar posibles huecos o pausas para la inserción.
       Preparar un guión capaz de sincronizar el espacio-temporal adecuándose
        correctamente a la trama y respetando sus elementos.
       Realizar una correcta locución: clara y neutra.
       Realizar un montaje efectivo compensado los volúmenes y efectos de
        ambiente.
Contenido web accesible


ACCESIBILIDAD AUDIOVISUAL
AUDIODESCRIPCIÓN
   Recomendaciones y técnicas para una audiodescripción efectiva:
       Analizar las peculiaridades del producto audiovisual para plantear su
        enfoque y localizar posibles huecos o pausas para la inserción.
       Preparar un guión capaz de sincronizar el espacio-temporal adecuándose
        correctamente a la trama y respetando sus elementos.
       Realizar una correcta locución: clara y neutra.
       Realizar un montaje efectivo compensado los volúmenes y efectos de
        ambiente.
Contenido web accesible


ACCESIBILIDAD AUDIOVISUAL
AUDIODESCRIPCIÓN

   Para la creación de audiodescripciones existen dos técnicas
    diferenciadas:

       Puede ser insertando una pista sonora dentro del contenido
        audiovisual en el proceso de posproducción.

       Utilizando SMIL/SAMI (como en la inserción de subtítulos)
        separándolos del contenido audiovisual, permitiendo su uso
        como un contenido independiente.
Contenido web accesible


ACCESIBILIDAD AUDIOVISUAL
AUDIODESCRIPCIÓN

 Documental de audiodescripción
 Ejemplo de audiodescripción Nemo (video)

 Ejemplo Amelie (video)

 Audiodescripción SERES INVISIBLES
Accesibilidad en las TIC
10 CLAVES PARA SER ACCESIBLE EN LOS NUEVOS
  MEDIOS

3.    Preparar los contenidos utilizando un lenguaje claro, sencillo y bien
      estructurado que facilite su comprensión.

5.    Utilizar encabezados y entradillas, resaltando las palabras clave en
      negrita, resumiendo y destacando los puntos clave de la información,
      usando listas numeradas y no numeradas para mejorar la localización y
      jerarquización del contenido.

7.    Proporcionar contenido alternativo en formato texto para todos los
      contenidos visuales.

9.    Antes de realizar los contenidos alternativos debemos analizar la
      función de los elementos visuales o sonoros en el contexto.

11.    A la hora de insertar contenidos audiovisuales, debemos asegurarnos
      de utilizar una tecnología de integración y reproducción que se
      encuentre disponible para la mayoría de los usuarios.
Accesibilidad en las TIC
10 CLAVES PARA SER ACCESIBLE EN LOS NUEVOS
  MEDIOS

3.   Cuando escojamos el interface de reproducción para los contenidos
     audiovisuales tendremos que asegurarnos que respeta los principios
     de accesibilidad, describiendo las funcionalidades de los botones de
     acción.

5.   Permitir a los usuarios controlar o interactuar con los tempos en
     reproducción de los contenidos audiovisuales.

7.   Preparar subtítulos como alternativa a los audios.

9.   Preparar audiodescripciones para los videos.

11. Utilizar el sentido común basándonos en los criterios de usabilidad
     para lograr el acceso universal a los contenidos del producto
     multimedia.
Accesibilidad en las TIC

   TAMBIÉN PODEMOS GENERAR CONTENIDO ALTERNATIVO A
    TRAVÉS DE PDFs ACCESIBLES:
    GUÍA BREVE DE ACCESIBILIDAD EN DOCUMENTOS PDF

       Opciones de ACCESIBILIDAD en visualizador ACROBAT READER

       ACCESIBILIDAD EN REDES SOCIALES

       Informe de accesibilidad de plataformas de redes sociales

       ENREDAR: Guía de ayuda para las redes sociales

       Lectura Fácil para personas con discapacidad intelectual:
        http://www.simplext.es
Accesibilidad en las TIC


Accesibilidad en los nuevos medios:

PERSONAS CON PROBLEMAS MOTORES E
 INTELECTUALES
VIDEO Tecnología para todos

  Accesibilidad Digital: catálogo de más de 800 ayudas
   técnicas comerciales y más de 400 alternativas
   "caseras".
Accesibilidad en las TIC



                           ¡Gracias!


@MargaTwita
margacabrera,mendez@gmail.com


Muchas de las referencias han sido gracias Blas Hernández,
en www.manualdeestilo.com

Más contenido relacionado

Similar a Accesibilidad multimedia y contenidos web

Presentación e inclusion- utzeri mauro-
Presentación e inclusion- utzeri mauro-Presentación e inclusion- utzeri mauro-
Presentación e inclusion- utzeri mauro-mauroutz
 
Herramientas de Comunicación y Accesibilidad para la Transparencia en los Leg...
Herramientas de Comunicación y Accesibilidad para la Transparencia en los Leg...Herramientas de Comunicación y Accesibilidad para la Transparencia en los Leg...
Herramientas de Comunicación y Accesibilidad para la Transparencia en los Leg...Miguel Angel Gonzalo
 
Web 2.0 La brecha y la alfabetización digital
Web 2.0 La brecha y la alfabetización digitalWeb 2.0 La brecha y la alfabetización digital
Web 2.0 La brecha y la alfabetización digitalguestac8ef7
 
Abrazo, integra tv 4all @ eweek2004 (final)
Abrazo, integra tv 4all @ eweek2004 (final)Abrazo, integra tv 4all @ eweek2004 (final)
Abrazo, integra tv 4all @ eweek2004 (final)Luigi Ceccaroni
 
Accesibilidad audiovisual: Subtitulación y Audidescripción
Accesibilidad audiovisual: Subtitulación y AudidescripciónAccesibilidad audiovisual: Subtitulación y Audidescripción
Accesibilidad audiovisual: Subtitulación y Audidescripcióngute Laune
 
Historia de la accesibilidad en españa.
Historia de la accesibilidad en españa.Historia de la accesibilidad en españa.
Historia de la accesibilidad en españa.José María
 
E europe 2002. accesibilidad sitios web.
E europe 2002. accesibilidad sitios web.E europe 2002. accesibilidad sitios web.
E europe 2002. accesibilidad sitios web.José María
 
Tanta Comunicación: Accesibilidad Web
Tanta Comunicación: Accesibilidad WebTanta Comunicación: Accesibilidad Web
Tanta Comunicación: Accesibilidad WebAccenture Digital
 
E learning y discapacidad visual m
E learning y discapacidad visual mE learning y discapacidad visual m
E learning y discapacidad visual mnoglor30
 
E learning y discapacidad visual
E learning y discapacidad visualE learning y discapacidad visual
E learning y discapacidad visualdiscapacitados
 
Nuevas tecnologías de información y comunicación
Nuevas tecnologías de información y comunicación Nuevas tecnologías de información y comunicación
Nuevas tecnologías de información y comunicación Claudia Baez Garcia
 
Nuevas tecnicas de información y comunicación presentación
Nuevas tecnicas de información y comunicación presentaciónNuevas tecnicas de información y comunicación presentación
Nuevas tecnicas de información y comunicación presentaciónClaudia Baez Garcia
 
Nuevas tecnicas de información y comunicación presentación
Nuevas tecnicas de información y comunicación presentaciónNuevas tecnicas de información y comunicación presentación
Nuevas tecnicas de información y comunicación presentaciónClaudia Baez Garcia
 
Accesibilidad a la TVDI desvelando parametros de similitudes - Anelise Jantsch
Accesibilidad a la TVDI desvelando parametros de similitudes - Anelise JantschAccesibilidad a la TVDI desvelando parametros de similitudes - Anelise Jantsch
Accesibilidad a la TVDI desvelando parametros de similitudes - Anelise JantschRed Auti
 
Accesibilidad audiovisual. red melisa.
Accesibilidad audiovisual. red melisa.Accesibilidad audiovisual. red melisa.
Accesibilidad audiovisual. red melisa.José María
 
La accesibilidad en tv.
La accesibilidad en tv.La accesibilidad en tv.
La accesibilidad en tv.José María
 

Similar a Accesibilidad multimedia y contenidos web (20)

PresentacióN Jaisiel Taller Uoc 19 05 2009
PresentacióN Jaisiel Taller Uoc 19 05 2009PresentacióN Jaisiel Taller Uoc 19 05 2009
PresentacióN Jaisiel Taller Uoc 19 05 2009
 
Presentación e inclusion- utzeri mauro-
Presentación e inclusion- utzeri mauro-Presentación e inclusion- utzeri mauro-
Presentación e inclusion- utzeri mauro-
 
Herramientas de Comunicación y Accesibilidad para la Transparencia en los Leg...
Herramientas de Comunicación y Accesibilidad para la Transparencia en los Leg...Herramientas de Comunicación y Accesibilidad para la Transparencia en los Leg...
Herramientas de Comunicación y Accesibilidad para la Transparencia en los Leg...
 
Web 2.0 La brecha y la alfabetización digital
Web 2.0 La brecha y la alfabetización digitalWeb 2.0 La brecha y la alfabetización digital
Web 2.0 La brecha y la alfabetización digital
 
Tecnología asistiva para el aprendizaje
Tecnología asistiva para el aprendizajeTecnología asistiva para el aprendizaje
Tecnología asistiva para el aprendizaje
 
Abrazo, integra tv 4all @ eweek2004 (final)
Abrazo, integra tv 4all @ eweek2004 (final)Abrazo, integra tv 4all @ eweek2004 (final)
Abrazo, integra tv 4all @ eweek2004 (final)
 
Accesibilidad audiovisual: Subtitulación y Audidescripción
Accesibilidad audiovisual: Subtitulación y AudidescripciónAccesibilidad audiovisual: Subtitulación y Audidescripción
Accesibilidad audiovisual: Subtitulación y Audidescripción
 
Historia de la accesibilidad en españa.
Historia de la accesibilidad en españa.Historia de la accesibilidad en españa.
Historia de la accesibilidad en españa.
 
Apuntes
ApuntesApuntes
Apuntes
 
E europe 2002. accesibilidad sitios web.
E europe 2002. accesibilidad sitios web.E europe 2002. accesibilidad sitios web.
E europe 2002. accesibilidad sitios web.
 
Tanta Comunicación: Accesibilidad Web
Tanta Comunicación: Accesibilidad WebTanta Comunicación: Accesibilidad Web
Tanta Comunicación: Accesibilidad Web
 
E learning y discapacidad visual m
E learning y discapacidad visual mE learning y discapacidad visual m
E learning y discapacidad visual m
 
E learning y discapacidad visual
E learning y discapacidad visualE learning y discapacidad visual
E learning y discapacidad visual
 
Nuevas tecnologías de información y comunicación
Nuevas tecnologías de información y comunicación Nuevas tecnologías de información y comunicación
Nuevas tecnologías de información y comunicación
 
Nuevas tecnicas de información y comunicación presentación
Nuevas tecnicas de información y comunicación presentaciónNuevas tecnicas de información y comunicación presentación
Nuevas tecnicas de información y comunicación presentación
 
Nuevas tecnicas de información y comunicación presentación
Nuevas tecnicas de información y comunicación presentaciónNuevas tecnicas de información y comunicación presentación
Nuevas tecnicas de información y comunicación presentación
 
Apoyo tecnologico para la Discapacidad ATEDIS
Apoyo tecnologico para la Discapacidad ATEDISApoyo tecnologico para la Discapacidad ATEDIS
Apoyo tecnologico para la Discapacidad ATEDIS
 
Accesibilidad a la TVDI desvelando parametros de similitudes - Anelise Jantsch
Accesibilidad a la TVDI desvelando parametros de similitudes - Anelise JantschAccesibilidad a la TVDI desvelando parametros de similitudes - Anelise Jantsch
Accesibilidad a la TVDI desvelando parametros de similitudes - Anelise Jantsch
 
Accesibilidad audiovisual. red melisa.
Accesibilidad audiovisual. red melisa.Accesibilidad audiovisual. red melisa.
Accesibilidad audiovisual. red melisa.
 
La accesibilidad en tv.
La accesibilidad en tv.La accesibilidad en tv.
La accesibilidad en tv.
 

Más de Marga Cabrera Méndez

Cómo hacer un plan comunicación para veterinaria
Cómo hacer un plan comunicación para veterinariaCómo hacer un plan comunicación para veterinaria
Cómo hacer un plan comunicación para veterinariaMarga Cabrera Méndez
 
Taller de iniciación a la comunicación digital para museos
Taller de iniciación a la comunicación digital para museosTaller de iniciación a la comunicación digital para museos
Taller de iniciación a la comunicación digital para museosMarga Cabrera Méndez
 
WhatsApp: El pequeño gran mundo digital
WhatsApp: El pequeño gran mundo digitalWhatsApp: El pequeño gran mundo digital
WhatsApp: El pequeño gran mundo digitalMarga Cabrera Méndez
 
Generar contenidos para redes sociales
Generar contenidos para redes socialesGenerar contenidos para redes sociales
Generar contenidos para redes socialesMarga Cabrera Méndez
 
Ventajas de consolidar la marca institucional
Ventajas de consolidar la marca institucionalVentajas de consolidar la marca institucional
Ventajas de consolidar la marca institucionalMarga Cabrera Méndez
 
Comunicación digital y cultura. Nuevas formas de llegar al público
Comunicación digital y cultura. Nuevas formas de llegar al públicoComunicación digital y cultura. Nuevas formas de llegar al público
Comunicación digital y cultura. Nuevas formas de llegar al públicoMarga Cabrera Méndez
 
Observatorio de nuevos medios en español
Observatorio de nuevos medios en españolObservatorio de nuevos medios en español
Observatorio de nuevos medios en españolMarga Cabrera Méndez
 
Las redes sociales y los jóvenes: lo que tienen que saber los padres
Las redes sociales y los jóvenes: lo que tienen que saber los padresLas redes sociales y los jóvenes: lo que tienen que saber los padres
Las redes sociales y los jóvenes: lo que tienen que saber los padresMarga Cabrera Méndez
 
Docentes analógicos frente a nativos digitales
Docentes analógicos frente a nativos digitalesDocentes analógicos frente a nativos digitales
Docentes analógicos frente a nativos digitalesMarga Cabrera Méndez
 
Recursos para encontrar fotos gratis y con licencia para tu proyecto online
Recursos para encontrar fotos gratis y con licencia para tu proyecto onlineRecursos para encontrar fotos gratis y con licencia para tu proyecto online
Recursos para encontrar fotos gratis y con licencia para tu proyecto onlineMarga Cabrera Méndez
 
Emprendimiento en periodismo y periodismo de datos
Emprendimiento en periodismo y periodismo de datosEmprendimiento en periodismo y periodismo de datos
Emprendimiento en periodismo y periodismo de datosMarga Cabrera Méndez
 

Más de Marga Cabrera Méndez (20)

Cómo hacer un plan comunicación para veterinaria
Cómo hacer un plan comunicación para veterinariaCómo hacer un plan comunicación para veterinaria
Cómo hacer un plan comunicación para veterinaria
 
Marca digital del veterinario
Marca digital del veterinarioMarca digital del veterinario
Marca digital del veterinario
 
Taller de iniciación a la comunicación digital para museos
Taller de iniciación a la comunicación digital para museosTaller de iniciación a la comunicación digital para museos
Taller de iniciación a la comunicación digital para museos
 
WhatsApp: El pequeño gran mundo digital
WhatsApp: El pequeño gran mundo digitalWhatsApp: El pequeño gran mundo digital
WhatsApp: El pequeño gran mundo digital
 
Museos y comunicación digital
Museos y comunicación digitalMuseos y comunicación digital
Museos y comunicación digital
 
Generar contenidos para redes sociales
Generar contenidos para redes socialesGenerar contenidos para redes sociales
Generar contenidos para redes sociales
 
Ventajas de consolidar la marca institucional
Ventajas de consolidar la marca institucionalVentajas de consolidar la marca institucional
Ventajas de consolidar la marca institucional
 
Emprender en periodismo
Emprender en periodismoEmprender en periodismo
Emprender en periodismo
 
Girls are coming
Girls are comingGirls are coming
Girls are coming
 
Visualizacion información
Visualizacion informaciónVisualizacion información
Visualizacion información
 
Comunicación digital y cultura. Nuevas formas de llegar al público
Comunicación digital y cultura. Nuevas formas de llegar al públicoComunicación digital y cultura. Nuevas formas de llegar al público
Comunicación digital y cultura. Nuevas formas de llegar al público
 
Marketing digital y cultura
Marketing digital y culturaMarketing digital y cultura
Marketing digital y cultura
 
Observatorio de nuevos medios en español
Observatorio de nuevos medios en españolObservatorio de nuevos medios en español
Observatorio de nuevos medios en español
 
Las redes sociales y los jóvenes: lo que tienen que saber los padres
Las redes sociales y los jóvenes: lo que tienen que saber los padresLas redes sociales y los jóvenes: lo que tienen que saber los padres
Las redes sociales y los jóvenes: lo que tienen que saber los padres
 
Docentes analógicos frente a nativos digitales
Docentes analógicos frente a nativos digitalesDocentes analógicos frente a nativos digitales
Docentes analógicos frente a nativos digitales
 
Emprender en periodismo
Emprender en periodismoEmprender en periodismo
Emprender en periodismo
 
Recursos para encontrar fotos gratis y con licencia para tu proyecto online
Recursos para encontrar fotos gratis y con licencia para tu proyecto onlineRecursos para encontrar fotos gratis y con licencia para tu proyecto online
Recursos para encontrar fotos gratis y con licencia para tu proyecto online
 
Emprendimiento en periodismo y periodismo de datos
Emprendimiento en periodismo y periodismo de datosEmprendimiento en periodismo y periodismo de datos
Emprendimiento en periodismo y periodismo de datos
 
Emprender en nuevos medios
Emprender en nuevos mediosEmprender en nuevos medios
Emprender en nuevos medios
 
El profesor como community manager
El profesor como community managerEl profesor como community manager
El profesor como community manager
 

Último

05 Fenomenos fisicos y quimicos de la materia.pdf
05 Fenomenos fisicos y quimicos de la materia.pdf05 Fenomenos fisicos y quimicos de la materia.pdf
05 Fenomenos fisicos y quimicos de la materia.pdfRAMON EUSTAQUIO CARO BAYONA
 
Actividad transversal 2-bloque 2. Actualización 2024
Actividad transversal 2-bloque 2. Actualización 2024Actividad transversal 2-bloque 2. Actualización 2024
Actividad transversal 2-bloque 2. Actualización 2024Rosabel UA
 
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024gharce
 
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...YobanaZevallosSantil1
 
Fichas de MatemáticA QUINTO DE SECUNDARIA).pdf
Fichas de MatemáticA QUINTO DE SECUNDARIA).pdfFichas de MatemáticA QUINTO DE SECUNDARIA).pdf
Fichas de MatemáticA QUINTO DE SECUNDARIA).pdfssuser50d1252
 
PROGRAMACION ANUAL DE MATEMATICA 2024.docx
PROGRAMACION ANUAL DE MATEMATICA 2024.docxPROGRAMACION ANUAL DE MATEMATICA 2024.docx
PROGRAMACION ANUAL DE MATEMATICA 2024.docxEribertoPerezRamirez
 
Técnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materialesTécnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materialesRaquel Martín Contreras
 
Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialpatriciaines1993
 
CIENCIAS NATURALES 4 TO ambientes .docx
CIENCIAS NATURALES 4 TO  ambientes .docxCIENCIAS NATURALES 4 TO  ambientes .docx
CIENCIAS NATURALES 4 TO ambientes .docxAgustinaNuez21
 
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfFisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfcoloncopias5
 
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docxEDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docxLuisAndersonPachasto
 
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfTema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfDaniel Ángel Corral de la Mata, Ph.D.
 
MODELO DE INFORME DE INDAGACION CIENTIFICA .docx
MODELO DE INFORME DE INDAGACION CIENTIFICA .docxMODELO DE INFORME DE INDAGACION CIENTIFICA .docx
MODELO DE INFORME DE INDAGACION CIENTIFICA .docxRAMON EUSTAQUIO CARO BAYONA
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfAlfredoRamirez953210
 
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptxMonitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptxJUANCARLOSAPARCANARE
 
cuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básicacuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básicaGianninaValeskaContr
 
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfTarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfManuel Molina
 

Último (20)

05 Fenomenos fisicos y quimicos de la materia.pdf
05 Fenomenos fisicos y quimicos de la materia.pdf05 Fenomenos fisicos y quimicos de la materia.pdf
05 Fenomenos fisicos y quimicos de la materia.pdf
 
Earth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversaryEarth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversary
 
Actividad transversal 2-bloque 2. Actualización 2024
Actividad transversal 2-bloque 2. Actualización 2024Actividad transversal 2-bloque 2. Actualización 2024
Actividad transversal 2-bloque 2. Actualización 2024
 
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
 
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
 
Fichas de MatemáticA QUINTO DE SECUNDARIA).pdf
Fichas de MatemáticA QUINTO DE SECUNDARIA).pdfFichas de MatemáticA QUINTO DE SECUNDARIA).pdf
Fichas de MatemáticA QUINTO DE SECUNDARIA).pdf
 
PROGRAMACION ANUAL DE MATEMATICA 2024.docx
PROGRAMACION ANUAL DE MATEMATICA 2024.docxPROGRAMACION ANUAL DE MATEMATICA 2024.docx
PROGRAMACION ANUAL DE MATEMATICA 2024.docx
 
Técnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materialesTécnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materiales
 
Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundial
 
CIENCIAS NATURALES 4 TO ambientes .docx
CIENCIAS NATURALES 4 TO  ambientes .docxCIENCIAS NATURALES 4 TO  ambientes .docx
CIENCIAS NATURALES 4 TO ambientes .docx
 
DIA INTERNACIONAL DAS FLORESTAS .
DIA INTERNACIONAL DAS FLORESTAS         .DIA INTERNACIONAL DAS FLORESTAS         .
DIA INTERNACIONAL DAS FLORESTAS .
 
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdfTema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
 
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfFisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
 
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docxEDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docx
 
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfTema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
 
MODELO DE INFORME DE INDAGACION CIENTIFICA .docx
MODELO DE INFORME DE INDAGACION CIENTIFICA .docxMODELO DE INFORME DE INDAGACION CIENTIFICA .docx
MODELO DE INFORME DE INDAGACION CIENTIFICA .docx
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
 
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptxMonitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
 
cuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básicacuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básica
 
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfTarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
 

Accesibilidad multimedia y contenidos web

  • 1. ACCESIBILIDAD A LA SOCIEDAD DE INFORMACIÓN: MULTIMEDIA, CONTENIDOS WEB Y AUDIOVISUALES Fecha: 16 DE MARZO DE 2012 Profesor: MARGA CABRERA
  • 2. PRESENTACIÓN Temario • Accesibilidad en la sociedad de la información (TIC) • Legislación • Páginas y contenido web accesible • Normativa • Niveles de accesibilidad en web A, AA y AAA • Herramientas de revisión automáticas • Certificados conforme a la norma UNE 139803:2004 • Escritura accesible • Imágenes accesibles • Accesibilidad audiovisual • Claves para ser accesible en los nuevos medios
  • 3. ACCESIBILIDAD EN LAS TIC Accesibilidad: • En un contexto genérico cuando hablamos de accesibilidad nos referimos al grado en el que todas las personas pueden utilizar un objeto, visitar un lugar o acceder a un servicio, independientemente de sus capacidades técnicas, cognitivas o físicas.
  • 4. Accesibilidad en las TIC Accesibilidad en los nuevos medios: • Capacidad de acceso, comprensión y uso de un contenido multimedia (imágenes, textos, videos, audios, etc.) por el mayor número de usuarios posibles con independencia tanto de sus capacidades físicas, técnicas o intelectuales, como del dispositivo y medio que utilicen.
  • 5. Accesibilidad en las TIC Accesibilidad en los nuevos medios: • Facilitar el acceso a las personas con discapacidades psíquicas, físicas o sensoriales. • La accesibilidad sobrepasa los límites de la discapacidad para abarcar un concepto de acceso universal con independencia de dispositivos, culturas, idiomas e incluso localizaciones.
  • 6. Accesibilidad en las TIC Accesibilidad en los nuevos medios: • No solo centrarnos en problemas o discapacidades, sino hacer uso del sentido común y la normativa con el fin de acercarnos al concepto de USABILIDAD. • Facilitar y mejorar la experiencia de los usuarios en su interacción con los dispositivos multimedia y la comprensión de sus contenidos.
  • 7. Accesibilidad en las TIC Accesibilidad en los nuevos medios: • La accesibilidad web ha ido paralela a la evolución de las nuevas tecnologías. • Mientras que la mayoría de los ciudadanos veían en las TIC el futuro, otros muchos pensaban ya en las dificultades que les supondría la convivencia con nuevas redes sociales como Internet. • Las nuevas tecnologías son puertas abiertas para muchos y barreras otros.
  • 8. Accesibilidad en las TIC Accesibilidad en los nuevos medios: • VIDEO ACCESIBILIDAD E INTERNET Una web accesible es una web más social!
  • 9. Accesibilidad en las TIC Accesibilidad en los nuevos medios: • Las instituciones están realizando un gran esfuerzo en la creación de una Red accesible a todos. • Debería poder usarlo cualquier persona, aún teniendo discapacidad: – Visual – Motora – Intelectual
  • 10. Accesibilidad en las TIC Accesibilidad en los nuevos medios: • Existen dispositivos para acceder a los contenidos web. • Las páginas deben tener una estructura pensada para ellos, y en general, no se hace. • Profesionales -> productos digitales accesibles.
  • 11. Accesibilidad en las TIC Accesibilidad en los nuevos medios: • También influye en: – Conexiones lentas a internet – Personas poco expertas en el uso – Posiciona mejor en los buscadores – Permite el acceso desde nuevos dispositivos PERMITE SACAR MÁS RENDIMIENTO A LA WEB
  • 12. Accesibilidad en las TIC Accesibilidad en los nuevos medios: ¿Vale más…?
  • 13. Accesibilidad en las TIC Accesibilidad en los nuevos medios: • VIDEO ACCESIBILIDAD WEB: problemas de visión
  • 14. Accesibilidad en las TIC Accesibilidad en los nuevos medios: PERSONAS CON PROBLEMAS DE VISIÓN • Conversores automáticos de texto en audio. • A Ampliar texto (o CTRL+rueda ratón) AA • Navegador: ver/tamaño de texto/ampliar (comprobar que no se deforma al ampliar tamaño)
  • 15. Accesibilidad en las TIC Accesibilidad en los nuevos medios: PERSONAS CON PROBLEMAS DE VISIÓN - Comprobar que no se deforma al ampliar tamaño - El tamaño de las fuentes debe estar en medidas relativas
  • 16. Accesibilidad en las TIC Accesibilidad en los nuevos medios: PERSONAS CON PROBLEMAS DE VISIÓN LECTORES DE PANTALLA: - Describen lo que aparece en el monitor de manera secuenciada. - Tienen recursos de navegación, para que el usuario pueda elegir. - También elegimos tipo de voz y velocidad de lectura.
  • 17. Legislación Legislación: - Apuntes -> Legislación ONU, Europa
  • 18. Legislación Legislación ESPAÑA  La primera ley de ámbito nacional en la que se trata específicamente la accesibilidad web es la LEY 34/2002. De Servicios de la Sociedad de la Información y de Comercio Electrónico (LSSICE). Publicada el 12 de julio de 2002.  La quinta disposición adicional de esta ley está dedicada a la Accesibilidad para las personas con discapacidad y de edad avanzada a la información proporcionada por medios electrónicos.  En este punto se señala a las Administraciones Públicas como responsables de adoptar las medidas necesarias para que la información respectiva a sus páginas de Internet pueda ser accesible para el colectivo anteriormente indicado. Además se establece el 31 de diciembre de 2005 como fecha límite para conseguirlo.
  • 19. Legislación Legislación ESPAÑA  La importancia y trascendencia de esta ley, viene dada sobre todo por su alcance, declarándose la obligatoriedad de cumplir el Nivel AA de conformidad a TODOS los sitios web de las administraciones públicas y de aquellos organismos en parte financiadas por éstas.
  • 20. Legislación Legislación ESPAÑA  La LEY 51/2003 de igualdad de oportunidades, no discriminación y accesibilidad universal de las personas con discapacidad (LIONDAU), se considera una evolución de la LSSICE y sirvió para proporcionar en España un marco legal similar al que ofrecía la legislación de otros países europeos, poniendo de manifiesto los conceptos de no discriminación y accesibilidad universal.  La Ley establece, la obligación gradual y progresiva de que todos los entornos, productos y servicios deben ser abiertos, accesibles y practicables para todas las personas y dispone plazos y calendarios para realización de las adaptaciones necesarias que en el caso de la accesibilidad web seguía siendo 2005.
  • 21. Legislación Legislación ESPAÑA  Por último se existe un plan vigente sobre accesibilidad, el Plan Nacional de Accesibilidad 2004-2012 que tiene como principal finalidad alcanzar la accesibilidad universal de todos los entornos, productos y servicios para superar las barreras que actualmente excluyen a las personas con discapacidad. Por un nuevo paradigma, el Diseño para Todos, hacia la plena la igualdad de oportunidades.
  • 22. Legislación Legislación ESPAÑA  REAL DECRETO 1494/2007, de 12 de noviembre, por el que se aprueba el Reglamento sobre las condiciones básicas para el acceso de las personas con discapacidad a las tecnologías, productos y servicios relacionados con la sociedad de la información y medios de comunicación social.
  • 23. Legislación Legislación ESPAÑA  En general, la accesibilidad a los sitios web de la Administración Pública española es muy mala: sólo un 20% de los criterios de accesibilidad analizados son cumplidos por las cinco webs de la Administración Pública.  Es grave que ninguno de los cinco sitios web cumpla con todos los criterios de accesibilidad. Pero aún lo es más que cinco de los criterios no sean cumplidos en ninguno de los sitios.
  • 24. Accesibilidad en las TIC Accesibilidad en los nuevos medios: ¿Entonces la accesibilidad web es solo para ciegos?
  • 25. Accesibilidad en las TIC Accesibilidad en los nuevos medios: ¿A quién beneficia? A personas con discapacidades visuales - Ceguera - Baja visión - Daltonismo
  • 26. Accesibilidad en las TIC Accesibilidad en los nuevos medios: ¿A quién beneficia? A personas con discapacidades auditivas - Sordera - Hipoacusia (sordera parcial –ligera o moderada)
  • 27. Accesibilidad en las TIC Accesibilidad en los nuevos medios: ¿A quién beneficia? A personas con discapacidades motrices - Distrofia muscular (debilidad-músculo esquelético) - Distonía muscular (contracciones involuntarias) - Parkinson
  • 28. Accesibilidad en las TIC Accesibilidad en los nuevos medios: ¿A quién beneficia? - A personas con discapacidades neurológicas y cognitivas - Discapacidades relacionadas con el envejecimiento (suele ser mezcla de las anteriores) - Limitaciones derivadas del entorno Entorno: navegadores antiguos, conexiones lentas, pantallas pequeñas, ausencia de ratón…
  • 29. Accesibilidad en las TIC Accesibilidad en los nuevos medios: ¿Cómo navegan? - Con lectores de pantalla (video lector braille y otros Lectores de pantalla) - Dispositivos adaptados
  • 30. Accesibilidad en las TIC Accesibilidad en los nuevos medios: ¿Cómo navegan? - Navegadores solo texto  - Navegadores adaptados o de sólo texto, existe una buena cantidad de navegadores en los que sólo se ve el texto de la pantalla, sin imágenes ni video,  algunos de ellos son: Lynx, Amaya y las extensiones de Mozilla o Chrome. - Estos navegadores son básicos para que un software lector pueda leer el contenido de la pantalla del ordenador.
  • 31. Accesibilidad en las TIC Accesibilidad en los nuevos medios: ¿Cómo navegan? - Ampliadores  -> ZoomTex, es una lupa o magnificador de pantalla para personas con problemas de visión. Está pensado para el sistema operativo de Windows.
  • 32. Accesibilidad en las TIC Accesibilidad en los nuevos medios: Accesibilidad en web (video ampliación) AFECTA A: - Creadores de navegadores para internet. - Creadores de herramientas de apoyo para personas con discapacidad. - Generadores de contenido.
  • 33. Contenido web accesible CRITERIOS PRINCIPALES WAI:   ¿Quién define las pautas de accesibilidad?    En la actualidad existe un grupo de trabajo internacional dentro de la W3C (World Wide Web Consortium) denominado WAI.  Es el encargado de definir unas pautas o recomendaciones para garantizar la accesibilidad (las WCAG) del contenido, las herramientas y los agentes de usuario.
  • 34. Contenido web accesible NORMATIVA WCAG 2.0 Las Pautas de Accesibilidad para el Contenido Web (WCAG) 2.0 cubren un amplio rango de recomendaciones para crear contenido Web más accesible. Seguir estas pautas permite crear un contenido más accesible para un mayor número de personas con discapacidad, incluyendo:  Ceguera y baja visión  Sordera y deficiencias auditivas  Deficiencias del aprendizaje  Limitaciones cognitivas  Limitaciones de la movilidad  Deficiencias del habla  Fotosensitividad  Combinaciones de las anteriores
  • 35. Contenido web accesible CRITERIOS PRINCIPALES WAI: Principios fundamentales   Existen cuatro principios fundamentales sobre los que se apoya la accesibilidad:    Perceptibilidad: todo el contenido (textual o multimedia) ha de ser apreciable por los usuarios.  Operatibilidad: todos los elementos de la interfaz han de facilitar la interacción.  Comprensibilidad: todo el contenido ofrecido ha de ser de fácil comprensión.  Robustez: Todo el contenido ha de ser lo suficientemente robusto como para soportar una amplia gama de tecnologías y dispositivos futuros.
  • 36. Contenido web accesible CRITERIOS PRINCIPALES WAI: Principios fundamentales    Las directrices se componen de criterios de cumplimiento (success criteria).  Cada criterio de cumplimiento tiene un nivel de adecuación o conformidad (A, AA o AAA) que indica su impacto en la accesibilidad.
  • 37. Contenido web accesible CRITERIOS PRINCIPALES WAI: Principios fundamentales   Para que una página web sea conforme con las WCAG 2.0, deben satisfacerse todos los requisitos de conformidad siguientes:  Nivel de conformidad: Uno de los siguientes niveles de conformidad se satisface por completo.  Nivel A: Para lograr conformidad con el Nivel A (el mínimo), la página web satisface todos los Criterios de Conformidad del Nivel A, o proporciona una versión alternativa conforme.  Nivel AA: Para lograr conformidad con el Nivel AA, la página web satisface todos los Criterios de Conformidad de los Niveles A y AA, o proporciona una versión alternativa conforme al Nivel AA.  Nivel AAA: Para lograr conformidad con el Nivel AAA, la página web satisface todos los Criterios de Conformidad de los Niveles A, AA y AAA, o proporciona una versión alternativa conforme al Nivel AAA.
  • 38. Contenido web accesible NORMATIVA WCAG 2.0 Pautas de Accesibilidad para el Contenido Web (WCAG) 2.0 1 Perceptible  1.1 Proporcionar alternativas textuales para todo contenido no textual  Atributo “alt” para describir imágenes.  Imágenes decorativas alt=“ “  Mejor usar CSS que posicionen las imágenes decorativas  No repetir información: imágenes+enlaces (p.e. icono de imprimir)  Alternativas textuales, textos largos. Longdesc=“ url “
  • 39. Contenido web accesible NORMATIVA WCAG 2.0 Pautas de Accesibilidad para el Contenido Web (WCAG) 2.0 1 Perceptible  1.1 Proporcionar alternativas textuales para todo contenido no textual  En formularios utilizar las etiquetas <label> o atributos <title> en los input de formulario.  Colocar correctamente el <label>  Antes: text, file, password, textarea y select  Después: checkbox y radio
  • 40. Contenido web accesible NORMATIVA WCAG 2.0 Pautas de Accesibilidad para el Contenido Web (WCAG) 2.0 1 Perceptible  1.2 Subtítulos y alternativas.  Son los elementos que muestran su contenido según una línea temporal (animaciones, canciones, películas) habrá que realizar para estos transcripciones textuales, subtitulado o lenguaje de signos.
  • 41. Contenido web accesible NORMATIVA WCAG 2.0 Pautas de Accesibilidad para el Contenido Web (WCAG) 2.0 1 Perceptible  1.3 Adaptable y disponible a los productos de apoyo  Nuestro contenido debe ser independiente de la forma de presentación, es decir, independiente del software (presentar contenido sin hojas de estilo).  Esto lo conseguimos respetando una estructura lógica y proporcionando información de características sensoriales: colores, énfasis…
  • 42. Contenido web accesible NORMATIVA WCAG 2.0 Pautas de Accesibilidad para el Contenido Web (WCAG ) 2.0 1 Perceptible  1.3 Adaptable y disponible a los productos de apoyo  Usar correctamente <H1>…<H6>  Para las listas usar <ol>, <ul>, <dl>  Usar tablas para representar datos! No para maquetar TABLAS:  Anunciar encabezados, filas y columnas.  Usar el título de la tables, y summary para descripción de lo que se va a mostrar y cómo.
  • 43. Contenido web accesible NORMATIVA WCAG 2.0 Pautas de Accesibilidad para el Contenido Web (WCAG) 2.0 1 Perceptible  1.4 Distinguible: facilitar a los usuarios ver y oír el contenido  Uso adecuado del color en la la información de primer plano y el fondo.  Aplicable también al sonido.  Contraste suficiente (analizador)
  • 44. Contenido web accesible NORMATIVA WCAG 2.0 Pautas de Accesibilidad para el Contenido Web (WCAG) 2.0 1 Perceptible  1.4 Distinguible: texto y fuente  Especial cuidado con la modificación de los tamaños de la fuente utilizada, para que no rompa o descuadre la web.  A poder ser evitar textos justificados, ya que a las personas con problemas cognitivos les cuesta mantener la lectura.
  • 45. Contenido web accesible NORMATIVA WCAG 2.0 Pautas de Accesibilidad para el Contenido Web (WCAG) 2.0 1 Perceptible  1.4 Distinguible: texto y fuente  Problemas con los Captchas (video).
  • 46. Contenido web accesible NORMATIVA WCAG 2.0 La información y la interfaz de usuario tienen que ser presentados de forma que los puedan percibir 2 Operable  2.1 Accesible mediante el teclado.  Toda la funcionalidad debe ser accesible mediante teclado.  Si nuestra web es accesible mediante teclado podrá ser accesible mediante productos de apoyo.
  • 47. Contenido web accesible NORMATIVA WCAG 2.0 Pautas de Accesibilidad para el Contenido Web (WCAG) 2.0 2 Operable  2.2 Proporcionar a los usuarios el tiempo suficiente.  Algunas personas necesitan más tiempo para completar las tareas.  Lo mejor es no tener tiempo, pero si lo tiene, debería poderse parar, reanudar o ajustar.  Hay excepciones, como por ejemplo una venta por puja…
  • 48. Contenido web accesible NORMATIVA WCAG 2.0 Pautas de Accesibilidad para el Contenido Web (WCAG) 2.0 2 Operable  2.3 No diseñar contenido con efectos dañinos.  Evitar contenido que se sepa que puede provocar ataques, espasmos o convulsiones, (epilepsia).  Cumplir la regla de los 3 destellos o menos en nuestra web.  En el caso de que sea inevitable, dejar el área lo más pequeña posible, por ejemplo el 25% de la web.
  • 49. Contenido web accesible NORMATIVA WCAG 2.0 Pautas de Accesibilidad para el Contenido Web (WCAG) 2.0 2 Operable  2.4 Navegable.  Ayudar en la medida de lo posible a que los usuarios encuentren lo que buscan.  Utilizar títulos, migas de pan y sitemap.  Utilizar enlaces para saltar bloques repetitivos de la web (menú o cabeceras).  Intentar que el orden tenga sentido, siguiendo la misma estructura de la web.
  • 50. Contenido web accesible NORMATIVA WCAG 2.0 La información y la interfaz de usuario deben ser comprensibles. 3. Legible 3.1 Hacer que los contenidos textuales resulten legibles y comprensibles.  Hacer nuestro contenido comprensible tanto para los usuarios como para sus productos de apoyo.  Por ejemplo especificando el idioma de nuestra web, los lectores de pantalla tienen diferentes pronunciaciones según el idioma.  Si se usan abreviaturas, anunciar la equivalencia en el código.
  • 51. Contenido web accesible NORMATIVA WCAG 2.0 La información y la interfaz de usuario deben ser comprensibles. 3. Legible  3.2 Predecible.  Hacer que nuestras páginas actúen de manera predecible.  Evitar los cambios de estructura mientras navegamos (menús que cambian de lado)
  • 52. Contenido web accesible NORMATIVA WCAG 2.0 La información y la interfaz de usuario deben ser comprensibles. 3. Legible  3.3 Ayudar a los usuarios a evitar y corregir los errores.  Los usuarios con discapacidad son más propensos a cometer errores y encuentran gran dificultad para corregirlos.  Enviar alertas de cómo solucionarlo.
  • 53. Contenido web accesible NORMATIVA WCAG 2.0 Maximizar la compatibilidad con las aplicaciones de usuario actuales y futuras, incluyendo las ayudas técnicas. 4 Robusto  4.1 Maximizar la compatibilidad  Maxibilizar la compatibildad con los agentes de usuario y productos de apoyo.  Evitar malas prácticas que provoquen que el producto de apoyo no interprete bien el contenido.  Validar nuestras web y usar el lenguaje de acuerdo a la especificación.
  • 54. Contenido web accesible NORMATIVA WCAG 2.0 Maximizar la compatibilidad con las aplicaciones de usuario actuales y futuras, incluyendo las ayudas técnicas. 4 Robusto  4.1 Maximizar la compatibilidad  Validador de código HTML y CSS del W3C  http://validator.w3.org
  • 55. Contenido web accesible NORMATIVA WCAG 2.0 VALIDACIÓN AUTOMÁTICA - http://tawdis.net/ (Fundación CTIC)
  • 56. Contenido web accesible NORMATIVA WCAG 2.0 VALIDACIÓN MANUAL - Hemos visto que hay pautas que son imposibles de detectar automáticamente. - Hay que evaluarlo por nuestra cuenta. - Por ejemplo, que el texto alternativo sea el adecuado.
  • 57. Contenido web accesible NORMATIVA WCAG 2.0 VALIDACIÓN MANUAL - Herramientas que nos pueden ayudar: - Usar varios navegadores. - Usar la web con el teclado. - Probar lectores de pantalla. - Probar con usuarios reales (personas con alguna discapacitad) - Monitorizar si actualizamos a menudo.
  • 58. Contenido web accesible CRITERIOS PRINCIPALES WAI ADMINISTRACIÓN ESPAÑOL: principales ERRORES WAI  Criterio 1: El contenido presentado debe ser comprensible sin color  Criterio 2: Proporcionar un formato alternativo para todo elemento no textual  Criterio 3: El contenido debe ser comprensible en un navegador sin gráficos y en un navegador sólo texto  Criterio 4: Los usuarios deben poder controlar cómo visualizan los textos  Criterio 5: Se debe proporcionar un título descriptivo para cada marco (frame)  Criterio 6: El contenido del sitio web se debe visualizar correctamente sin cargar la hoja de estilos  Criterio 7: Se debe proporcionar información accesible sobre la maquetación general del sitio web  Criterio 8: El sitio web debe ser accesible sin scripts, applets y otros objetos de programación  Criterio 9: Se debe evitar el parpadeo en la pantalla
  • 59. Contenido web accesible CRITERIOS PRINCIPALES WAI PRINCIPALES ERRORES ACCESIBILIDAD BANCA ESPAÑOLA  Problemas encontrados
  • 60. Contenido web accesible CRITERIOS PRINCIPALES WAI RECOMENDACIONES: 4. Separar el contenido de la presentación visual. 5. No poner texto como imágenes ya que impiden cambiar los tamaños. 6. Ofrecer la posibilidad de aumentar el tamaño de las fuentes. 7. Asegurarse de que los textos y gráficos son comprensibles cuando se ven sin color. 8. Adoptar fondos simples, preferentemente planos y con suficiente contraste. 9. No utilizar imágenes o textos que se mueven. 10. Añadir texto alternativo o etiquetas "alt" para todas las imágenes. 11. Evitar las páginas con marcos pues no son accesibles para algunos navegadores. 12. Presentar un mapa web o índice del sitio web en formato texto. 13. No obligar al usuario a descargarse plug-ins, ni a la utilización de scripts o applets en funciones esenciales del sitio web. Además de estas recomendaciones se debe tener en cuenta que la usabilidad guarda una relación muy importante con la accesibilidad. Un sitio web ha de cumplir las pautas de accesibilidad, pero también debe facilitar la navegación a los usuarios y la realización de las tareas para las que han accedido al sitio web.
  • 61. Contenido web accesible CONTENIDOS ACCESIBLES  Resumen Video (red.es)
  • 62. Contenido web accesible REPASO breve para crear sitios webs accesibles:  Imágenes y animaciones: use el atributo ALT para describir la función de cada elemento.  Mapas de imagen: use el elemento MAP y TEXTO para las zonas activas.  Multimedia: proporcione subtítulos y transcripción del sonido, descripción del vídeo.  Enlaces de Hipertexto: use un texto que tenga sentido leído fuera de contexto. Por ejemplo, evite " pincha aquí ".  Organización de las páginas: use encabezados, listas y estructuras consistentes. Use CSS para la maquetación donde sea posible.
  • 63. Contenido web accesible Guía breve para crear sitios Webs accesibles.  Figuras y Diagramas: descríbalos brevemente en la página o use el atributo LONGDESC.  Scripts, applets y plug-ins: ofrezca contenido alternativo si las funciones nuevas no son accesibles.  Marcos: use el elemento NOFRAMES y títulos con sentido.  Tablas: facilite la lectura línea a línea.  Revise su trabajo: verifique use las herramientas, puntos de comprobación y pautas de www.w3.org/tr/wcag20 Fuente: www.w3.org/wai/quicktips
  • 64. Contenido web accesible ACCESIBILIDAD AUDIOVISUAL  Gracias al avance tecnológico y a las mejoras en la velocidad de conexión cada vez es mayor el uso de contenidos audiovisuales en los nuevos medios, generando una mejora en la experiencia de los usuarios y en el acceso a la información.  A pesar de esto, no debemos olvidar las dificultades con las que se pueden encontrar personas con discapacidades en el acceso a este tipo de información.
  • 65. Contenido web accesible ACCESIBILIDAD AUDIOVISUAL  Los contenidos audiovisuales presentan una mayor complejidad que el resto de contenidos a la hora de trabajar la accesibilidad.  Por eso debemos diferenciar 3 eslabones o capas de acceso a su información: 6. EL CONTENIDO  Preparar un contenido audiovisual perceptible y accesible para todo el mundo con independencia de las discapacidades auditivas o visuales que se puedan presentar.  Debemos ofrecer alternativas al contenido audiovisual utilizando técnicas como la subtitulación, la audiodescripción o la transcripción al lenguaje de signos para garantizar el acceso a la información.
  • 66. Contenido web accesible ACCESIBILIDAD AUDIOVISUAL 3. ACCESO AL CONTENIDO  Hay multitud de plataformas o aplicaciones que nos permiten insertar los contenidos audiovisuales minimizando la necesidad de conocimientos técnicos.  Pero para poder llegar al mayor número de usuarios y mejorar la accesibilidad a estos contenidos, es necesario centrarse en la robustez y estabilidad que nos ofrecen las aplicaciones.  Debemos tener en cuenta que la tecnología esté al alcance de la mayor parte de los usuarios sin la necesidad de instalar complementos adicionales. Maximizando la compatibilidad con las presenten y futuras tecnologías.
  • 67. Contenido web accesible ACCESIBILIDAD AUDIOVISUAL 3. ACCESO AL CONTENIDO  Para ello recomendamos:  Evitar el uso de las últimas versiones de las aplicaciones de reproducción.  Utilizar aplicaciones que no requieran la instalación de complementos adicionales.  Asegurarnos de que la aplicación sea compatible en la mayoría de dispositivos.
  • 68. Contenido web accesible ACCESIBILIDAD AUDIOVISUAL 3. LA OPERATIBILIDAD DEL REPRODUCTOR  Para garantizar la accesibilidad a los contenidos audiovisuales debemos asegurarnos que los usuarios pueden interactuar con la información ofreciendo el control mediante el uso de interfaces accesibles.  Permitir activar o desactivar la reproducción garantizando el control de los tiempos de asimilación del contenido.  Etiquetar todos los botones de navegación describiendo su funcionalidad.  Ofrecer alternativas de navegación mediante el uso del teclado.
  • 69. Contenido web accesible ACCESIBILIDAD AUDIOVISUAL SUBTITULACIÓN  La subtitulación es la técnica que se utiliza para transmitir la información de un contenido multimedia a usuarios que presentan discapacidades auditivas.  Consiste en la proyección de subtítulos textuales utilizados como alternativa a los diálogos y elementos sonoros que se ofrecen en un contenido multimedia.
  • 70. Contenido web accesible ACCESIBILIDAD AUDIOVISUAL SUBTITULACIÓN  No solo consiste en trascribir/subtitular la información, debemos otorgarle de orden y sentido.  La normativa nos muestra incluso la necesidad de utilizar un código de color para facilitar la localización y distinción de los personajes en un contexto en donde se pueda requerir:  Amarillo, verde, cian, magenta, por orden de protagonismo y blanco, para el resto de personajes.
  • 71. Contenido web accesible ACCESIBILIDAD AUDIOVISUAL SUBTITULACIÓN  Existe una norma ISO para estandarizarlo (UNE 153010) que nos ofrece unas pautas o recomendaciones a tener en cuenta para facilitar tanto la legibilidad como la comprensión de los subtítulos.  Destacamos las más importantes:
  • 72. Contenido web accesible ACCESIBILIDAD AUDIOVISUAL SUBTITULACIÓN  Los subtítulos deberán aparecer en la parte inferior de la imagen ocupando 2 líneas, excepcionalmente 3.  Cada personaje debe aparecer en líneas distintas.  El texto debe presentarse centrado.  Colocar tres puntos suspensivos al final de subtítulo y otros tres al principio del siguiente.  La velocidad recomendada es de 12 caracteres por segundo.  Utilizar los pronombres siempre que se pueda.  No reproducir las abreviaturas.  Utilizar acrónimos.
  • 73. Contenido web accesible ACCESIBILIDAD AUDIOVISUAL SUBTITULACIÓN  Existen multitud de formatos para la integración de subtítulos, pero cabe destacar dos formatos:  SMIL (Synchronized Multimedia Integration Language) compatible con la mayoría de reproductores  SAMI (Synchronized Accessible Media Interchange) utilizado por Windows Media Player.  Se puede subtitular VIDEOS EN YOUTUBE
  • 74. Contenido web accesible ACCESIBILIDAD AUDIOVISUAL AUDIODESCRIPCIÓN  La audiodescripción es la técnica que se utiliza para transmitir la información de un contenido multimedia a personas ciegas o que presentan discapacidades visuales.  Consiste en añadir un contenido alternativo en formato audio (pista) para describir las acciones, los personajes, los gestos, los paisajes… y así ayudar a comprender el contexto de la narración.
  • 75. Contenido web accesible ACCESIBILIDAD AUDIOVISUAL AUDIODESCRIPCIÓN  Recomendaciones y técnicas para una audiodescripción efectiva:  Analizar las peculiaridades del producto audiovisual para plantear su enfoque y localizar posibles huecos o pausas para la inserción.  Preparar un guión capaz de sincronizar el espacio-temporal adecuándose correctamente a la trama y respetando sus elementos.  Realizar una correcta locución: clara y neutra.  Realizar un montaje efectivo compensado los volúmenes y efectos de ambiente.
  • 76. Contenido web accesible ACCESIBILIDAD AUDIOVISUAL AUDIODESCRIPCIÓN  Recomendaciones y técnicas para una audiodescripción efectiva:  Analizar las peculiaridades del producto audiovisual para plantear su enfoque y localizar posibles huecos o pausas para la inserción.  Preparar un guión capaz de sincronizar el espacio-temporal adecuándose correctamente a la trama y respetando sus elementos.  Realizar una correcta locución: clara y neutra.  Realizar un montaje efectivo compensado los volúmenes y efectos de ambiente.
  • 77. Contenido web accesible ACCESIBILIDAD AUDIOVISUAL AUDIODESCRIPCIÓN  Para la creación de audiodescripciones existen dos técnicas diferenciadas:  Puede ser insertando una pista sonora dentro del contenido audiovisual en el proceso de posproducción.  Utilizando SMIL/SAMI (como en la inserción de subtítulos) separándolos del contenido audiovisual, permitiendo su uso como un contenido independiente.
  • 78. Contenido web accesible ACCESIBILIDAD AUDIOVISUAL AUDIODESCRIPCIÓN  Documental de audiodescripción  Ejemplo de audiodescripción Nemo (video)  Ejemplo Amelie (video)  Audiodescripción SERES INVISIBLES
  • 79. Accesibilidad en las TIC 10 CLAVES PARA SER ACCESIBLE EN LOS NUEVOS MEDIOS 3. Preparar los contenidos utilizando un lenguaje claro, sencillo y bien estructurado que facilite su comprensión. 5. Utilizar encabezados y entradillas, resaltando las palabras clave en negrita, resumiendo y destacando los puntos clave de la información, usando listas numeradas y no numeradas para mejorar la localización y jerarquización del contenido. 7. Proporcionar contenido alternativo en formato texto para todos los contenidos visuales. 9. Antes de realizar los contenidos alternativos debemos analizar la función de los elementos visuales o sonoros en el contexto. 11. A la hora de insertar contenidos audiovisuales, debemos asegurarnos de utilizar una tecnología de integración y reproducción que se encuentre disponible para la mayoría de los usuarios.
  • 80. Accesibilidad en las TIC 10 CLAVES PARA SER ACCESIBLE EN LOS NUEVOS MEDIOS 3. Cuando escojamos el interface de reproducción para los contenidos audiovisuales tendremos que asegurarnos que respeta los principios de accesibilidad, describiendo las funcionalidades de los botones de acción. 5. Permitir a los usuarios controlar o interactuar con los tempos en reproducción de los contenidos audiovisuales. 7. Preparar subtítulos como alternativa a los audios. 9. Preparar audiodescripciones para los videos. 11. Utilizar el sentido común basándonos en los criterios de usabilidad para lograr el acceso universal a los contenidos del producto multimedia.
  • 81. Accesibilidad en las TIC  TAMBIÉN PODEMOS GENERAR CONTENIDO ALTERNATIVO A TRAVÉS DE PDFs ACCESIBLES: GUÍA BREVE DE ACCESIBILIDAD EN DOCUMENTOS PDF  Opciones de ACCESIBILIDAD en visualizador ACROBAT READER  ACCESIBILIDAD EN REDES SOCIALES  Informe de accesibilidad de plataformas de redes sociales  ENREDAR: Guía de ayuda para las redes sociales  Lectura Fácil para personas con discapacidad intelectual: http://www.simplext.es
  • 82. Accesibilidad en las TIC Accesibilidad en los nuevos medios: PERSONAS CON PROBLEMAS MOTORES E INTELECTUALES VIDEO Tecnología para todos Accesibilidad Digital: catálogo de más de 800 ayudas técnicas comerciales y más de 400 alternativas "caseras".
  • 83. Accesibilidad en las TIC ¡Gracias! @MargaTwita margacabrera,mendez@gmail.com Muchas de las referencias han sido gracias Blas Hernández, en www.manualdeestilo.com