creación de documentos digitales accesibles

CREACIÓN de DOCUMENTOS DIGITALES

ACCESIBLESI Jornada Iberoamericana de

Interacción Humano-ComputadorPopayán, Colombia

Toni Granollers (3-diciembre-2014)

Índice

• Introducción a la accesibilidad digital

• Documentos digitales (documentos, presentaciones, vídeos) accesibles

• Edición y validación de documentos digitales sin barreras• Las guías

• Principales elementos de un documento y las pautas para hacerlos accesibles

• Conversión a PDFs accesibles

• Validación en los diferentes formatos

CREACIÓN de DOCUMENTOS DIGITALES - I Jornada Iberoamericana de IHC, Popayan (Diciembre 2014) - T.Granollers 2 / 81

Introducción a la accesibilidad digital

• Conceptos previos

• Usuarios con discapacidades

• Guías de contenido digital accesible


CONCEPTOS PREVIOS


Conceptos de accesibilidad (I)

La accesibilidad es un DERECHO

Para la mayoría de la gente, la tecnología hace las cosas más fáciles, para las personas con discapacidad las

hace posibles. [Rick Hansen – Man in Motion]


http://ulczyk.blogspot.com/2009/05/por-el-derecho-la-accesibilidad.html

http://ulczyk.blogspot.com/2009/05/por-el-derecho-la-accesibilidad.html

Conceptos de accesibilidad (II)


Accesibilidad significa básicamente que las personas con discapacidad puedan acceder a

un contenido concreto.


Conceptos de accesibilidad (III)


• Toda persona tiene derecho a la educación y esta debe ser igual para todos

[Declaración Universal de los Derechos Humanos]

• Las personas con discapacidad deben poder vivir de forma independiente y participar plenamente en la sociedad

[Derechos de las Personas con discapacidad

de las Naciones Unidas]


Conceptos de accesibilidad (IV)


Conceptos de accesibilidad (V)

e-Accesibilidad

Es la capacidad de acceso e interacción con un

sitio Web para cualquier tipo de usuario,

independientemente de sus capacidades o su

contexto de navegación.

Accesibilidad ≠ Acceso para ciegos


Conceptos de accesibilidad (VI)

Todas las plataformas

Todas las resoluciones

Todos los usuarios

Todos los dispositivos

Todos los navegadores

Diseño

Universal


Conceptos de accesibilidad (VII)

• Legalidad: cumple con las normativas y leyes


http://accesibilidadweb.dlsi.

ua.es/?menu=colombia

http://accesibilidadweb.dlsi.ua.es/?menu=colombia

USUARIOS CON DISCAPACIDADES


Uso de la tecnología

¿Cómo utilizan la tecnología

las personas con discapacidad?


Diferentes tipos de usuarios (I)

Discapacidad Visuales

• Personas ciegas

• Personas con baja visión

• Sector mayoritario

• Incluye las personas

mayores


http://www.vilaweb.tv/?video=4380

http://www.vilaweb.tv/?video=4380

Ayudas técnicas (I)

Discapacidad visual

Lectores de pantalla:

• JAWS

• Window Eyes

• NVDA• NonVisual Desktop Access

Magnificadores de pantalla:

• Propio del S.O.

• Zoomtext


http://www.aisquared.com/zoomtext

Ayudas técnicas (II)

Discapacidad Auditiva

• Personas con sordera (especialmente prelocutiva)

• Subtitulado de vídeos

• Lenguaje de signos

• Textos sencillos y fáciles


http://hebergcck224.rnu.tn/ws/_site/demo_free.php

http://hebergcck224.rnu.tn/ws/_site/demo_free.php

Ejemplo mundial de futbol 2014http://es.fifa.com/worldcup/index.html

http://es.fifa.com/worldcup/videos/y=2014/m=6/video=uruguay

-inglaterra-lenguaje-internacional-de-signos-2378315.html

https://www.youtube.com/watch?v=GDI11Co5APU#t=89


http://es.fifa.com/worldcup/index.html

http://es.fifa.com/worldcup/videos/y=2014/m=6/video=uruguay-inglaterra-lenguaje-internacional-de-signos-2378315.html

https://www.youtube.com/watch?v=GDI11Co5APU#t=89

Diferentes tipos de usuarios (II)

Discapacidad Motriz

• Extremidades (superiores)

• Baja movilidad


http://www.youtube.com/watch?v=2BhHwk9qSvI

http://www.youtube.com/watch?v=2BhHwk9qSvI

Ayudas técnicas (III)

Discapacidad Motriz

Acceso con el teclado

• Teclado y ratones adaptados

• Teclado del sistema operativo

• StickyKeys

• ToogleKeys

Control por voz

• Dragon Naturally Speaking

• Opera: Navegación por voz

• Vocal Joystick

Dispositivos de “apuntamiento”


http://www.microsoft.com/spain/accesibilidad/training/windowsxp/stickykeys.aspx

http://ssli.ee.washington.edu/vj/videos/UIST_S3.mov

Diferentes tipos de usuarios (IV)

Discapacidad Cognitiva

• Personas con dislexia

• Personas con discapacidad en el aprendizaje


http://www.youtube.com/watch?v=rLpRotz1Yck&feature=player_embedded#at=36

http://www.youtube.com/watch?v=rLpRotz1Yck&feature=player_embedded#at=36

Ayudas técnicas (IV)

Discapacidad cognitiva

(Dificultades en la comprensión lectora)

Ayudas técnicas que pueden consistir en:

• Ampliadores de pantalla

• Sintetizadores (dislexia)

• Ayudas para “autocompletar”

• Texto de lectura fácil• Simplext, sistema automático de simplificación de

textos


http://www.youtube.com/watch?v=W0EoZdYnJEk&feature=player_embedded

http://www.simplext.es/

http://www.simplext.es/

Dificultades de los usuarios (V)

Problemas ambientales

(Dificultades del contexto o entorno donde se realiza la actividad digital)

Ayudas técnicas que pueden consistir en:

• Ampliadores de pantalla

• Teclados alternativos

• Navegación por teclado


ACCESIBILIDAD EN DOCUMENTOS DIGITALES


Estudiantes con discapacidad

• Notable incremento de universitarios con discapacidad

• Sin embargo, queda mucho por hacer para una igualdad de oportunidades.

Personas con discapacidad en las

universidades de Cataluña (2008)


http://www.udl.cat/serveis/seu/UdLxtothom.html

http://www.udl.cat/serveis/seu/UdLxtothom.html

Guías de contenido digital accesible

• http://www.udl.cat/serveis/seu/UdLxtothom/recursos/guies.html• http://griho.udl.cat/projects/GuiesCongintutDigitalAccessible.html


http://www.udl.cat/serveis/seu/UdLxtothom/recursos/guies.html

http://griho.udl.cat/projects/GuiesCongintutDigitalAccessible.html

http://griho.udl.cat/ca/guies.html

http://griho.udl.cat/ca/guies.html



Guía de contenido digital accesible: vídeo

• http://www.videoaccessible.udl.cat

http://www.youtube.com/watch?v=d-IUOWiGsa4


http://www.videoaccessible.udl.cat/

http://www.youtube.com/watch?v=d-IUOWiGsa4

ELEMENTOS QUE PRESENTAN MÁS DIFICULTADES


Elementos que presentan más dificultades

Discapacidades visuales (I)

• Imágenes sin texto alternativo

• Imágenes complejas (gráficos y estadísticas) sin descripción

El paciente le dice al

medico: Doctor, hace una

semana que no como, no

duermo y no tomo agua.

¿Que cree que tengo?.

Y el doctor responde:

Pues, hambre, sueño y

sed

Imagen 1

Tíulo: Gráfica de evolución demográfica de Granada entre 1900 y 2013

Podemos ver que la población pasa de 75570 habitantes en 1900 a 255000 en

1991. A partir de aquí se estanca, aunque disminuye ligeramente.

Fuente: Wikipedia- Granada

Fuente:

http://www.todacolombia.com/departamentos/departamentoscolombianos.html


http://www.todacolombia.com/departamentos/departamentoscolombianos.html


Discapacidades visuales (II)

• Tablas que resultan incomprensibles cuando se leen de forma secuencial

EspañaHablan

español

No

hablan

español

Enero 10 0

Febrero 11 0

Estados

UnidosHablan

español

No

hablan

español

Enero 5 25

Febrero 3 30

Mes

España México Estados Unidos

Hablan

español

No

hablan

español

Hablan

español

No

hablan

español

Hablan

español

No

hablan

español

Enero 10 0 15 5 5 25

Febrero 11 0 20 2 3 30



Discapacidades visuales (III)

• Acciones que SOLO dependen del uso del ratón (que no pueden activarse mediante el teclado)

• Formatos no estándares de documentos (problemas con ayudas técnicas)

• Diseños no flexibles, resultan ilegibles cuando se cambia el tamaño del texto

• Poco contraste y Usar solamente el color para dar información sin otra alternativa



Discapacidades Auditivas (I)

• Falta de subtítulos o de transcripciones de los contenidos sonoros

• Falta de imágenes que ayuden a la comprensión del contenido del documento o textos innecesariamente complejos

• Complejidad del texto con palabras demasiado técnicas



Discapacidades Motrices (I)

• Elementos de interacción demasiado pequeños

• dificultan su uso a personas con poca precisión en sus movimientos

• Acciones que SOLO dependen del uso del ratón (que no pueden activarse mediante el teclado)



Discapacidades Cognitivas (I)

• Elementos visuales o sonoros que no se pueden desactivar y que pueden distraer a personas con déficit de atención

• Falta de una organización clara y coherente de la información

• Lenguaje complejo

• Falta de imágenes que ayuden a la comprensión del contenido del documento



Discapacidades Ambientales (I)

• Conexiones lentas, los usuarios pueden desactivar las imágenes y elementos multimedia para reducir el tiempo de descarga

• Pantallas pequeñas• dificultan la visualización de documentos (no adaptables y diseñados

para resoluciones mayores)

• Dificultan la interacción

• Entornos de trabajo• Mucho ruido ambiental

• Silencio forzado (bibliotecas, hospitales, …)

• Ambientes mal iluminados

• Dispositivo apuntador no-habitual que dificulta el uso


CREACIÓN DE DOCUMENTOS DIGITALES ACCESIBLES


Pautas per crear documentos accesibles

• Simplificar la maquetación

• Tablas lo más simples posible

• Alternativas a las imágenes (desde el momento de creación)

• Repensar todos los elementos que puedan presentar dificultades para ser leídos por un sintetizador de voz

• Testear el resultado con usuarios reales


Documentos creados con unprocesador de textos

• Programas tipo Microsoft Word o Open Office Writer

• Microsoft Word, propietario pero es un estándar de facto quetodo el mundo conoce y utiliza


Documentos creados con formato “presentación”

• Programas tipo Microsoft PowerPoint o Open Office Impress

• Versión esquemática de ideas principales

• Estándar de facto para todo tipo de presentaciones (e incluso como documento)

• Fuerte componente gráfico

• Combinación de información multimedia• visual + texto + sonido

• Altamente recomendable para audiencias con personas con discapacidad cognitiva


Documentos creados con formato PDF(Portable Document Format)

• Ideales para formularios

• Opciones de firma digital y gestión de derechos digitales

• Documentos multiplataforma y de formato abierto• Portabilidad entre diferentes equipos y sistemas

• Admiten múltiples fuentes, imágenes, perfiles de colores, elementos multimedia y elementos vectoriales, anotaciones ...

• Fidelidad en la reproducción del formato y diseño• Impresión tal como se muestra en la pantalla


Consejos para crear documentos accesibles con un procesador de textos

Microsoft Word o Open Office Writer

1. Contenido

2. Estructura

3. Estilos y formatos

4. Identificar elementos (imágenes, enlaces, tablas ...)

5. Elementos con formato correcto


Procesador de textosRecomendaciones en el texto (I)

• Información importante, al principio, seguir el orden de la pirámide inversa

• Texto bien redactado

• Lenguaje sencillo

• Buena puntuación

• Evitar abreviaturas y símbolos

• Frases cortas y sencillas• Evitar textos densos

• Agrupar párrafos bajo encabezamientos

• Utilizar listas


Procesador de textosRecomendaciones en el texto (II)

• Modificar las propiedades del estilo para añadir saltos de línea

• Evitar tamaños de letra pequeños• Mínimo entre 12 i 14 puntos

• Evitar estructuras (títulos-subtítulos-…) complejas• Complican a comprensión

• Pueden causar problemas al transformar a otros formatos


Procesador de textos Estructura

• Utilizar SIEMPRE elementos estructurales: • Cabeceras y pies de página• Títulos • Listas• etc...

• Definir los estilos y formatos del documento• A parte de mantener la estructura, mantener la coherencia de estilo a lo largo del documento

• No simular elementos estructurales


Procesador de textosImágenes y gráficos

• Imágenes correctas, con buen contraste y claras

• Gráficos sencillos y con los datos claros • Muchos datos en un mismo gráfico dificultan su lectura

• Texto descriptivo en las imágenes

• Las imágenes estrictamente decorativas sin texto alternativo (o poner “imagen decorativa”)• no aporta información esencial al lector

• Titular las imágenes: añadir una leyenda a la imagen para complementar su significado


Procesador de textosTablas

• No utilizar tablas para maquetar

• Utilizarlas solo para mostrar datos

• Cuanto más simples mejor• Recomendación: utilizar tablas sencillas de dos columnas que tengan

sentido leídas horizontalmente (línea a línea)


Documentos Word 2007

1. Creación de contenido accesible

2. Estructuración del documento

3. Elementos a tener en cuenta


Documentos con Word 20071. Creación de contenido accesible (I)

Metadatos

1. MENÚ: Archivo – Información – Propiedades


Documentos con Word 20071. Creación de contenido accesible (II)

Idioma del documento

a) Define el idioma principal del documento

1. MENÚ: Inicio - Edición -Seleccionar - Seleccionar todo

2. MENÚ: Revisar - Revisión -Definir idioma

b) Define el idioma secundario del documento

1. Seleccionar un texto concreto

2. Repetir los pasos anteriores pero sin definirlo como idioma principal


Documentos con Word 20072. Estructuración del documento (I)


Documentos con Word 20072. Estructuración del documento (II)

Modificar el estilo


Documentos con Word 20072. Estructuración del documento (III)

Crear documentos bien estructurados, con una jerarquía de títulos y subtítulos.

MENÚ: Vista - Mostrar u ocultar - Mapa del documento


Documentos con Word 20072. Estructuración del documento (IV)

Definir encabezados

1. MENÚ: Insertar – Encabezado y pie de página - Encabezado


Documentos con Word 20072. Estructuración del documento (V)

Numeración de las páginas

1. MENÚ: Insertar - Encabezado y pie de página - Número de página

Tener en cuenta:

Si nuestro objetivo final es generar

documentos PDF para que ser vistos en

pantalla, lo mejor es no numerar las

páginas, ya que el formato PDF tiene una

numeración propia y la doble numeración

puede llevar a confusión en el momento

de lectura.


Documentos con Word 20072. Estructuración del documento (VI)

Listas• viñetas, si queremos marcar puntos importantes;

• numeración, si queremos hacer una secuencia;

• esquema, si queremos conseguir una estructura jerárquica


Documentos con Word 20072. Estructuración del documento (VII)

Columnas1. MENÚ: Diseño de página - Configurar página - Columnas


Documentos con Word 20073. Elementos a tener en cuenta (I)

Enlaces• NO incluir la URL en el enlace

• al leerla con un sintetizador de voz resulta muy tediosa

• Evitar el texto “hacer clic aquí” como texto del enlace, ya que no da ningún tipo de información.


Documentos con Word 20073. Elementos a tener en cuenta (II)

Imágenes y gráficos

1. MENÚ: Insertar - Imagen

2. Formato de imagen

3. Añadir texto para describir la imagen

4. Alinear la imagen con el texto


4. Alinear la imagen con el texto


Documentos con Word 20073. Elementos a tener en cuenta (III)

Tablas de datos1. MENÚ: Insertar – Tablas - Tabla

2. Propiedades de tabla


Documentos con Word 20073. Elementos a tener en cuenta (IV-a)

Tablas de contenido

1. MENÚ: Vista - Mapa del documento

2. MENÚ: Referencia - Tabla de contenidos


Documentos con Word 20073. Elementos a tener en cuenta (IV-b)

Tablas de contenido

Consejos

• Mostrar hasta tres niveles de la jerarquía.

• Antes de generar la tabla tenemos que posicionarnos en el punto del documento en que deseamos insertarla


Con OpenOffice Writer

Seguir exactamente los mismos consejos


Documentos PowerPoint 2003

Documentos creados con MS PowerPoint 2003

1. Recomendaciones sobre el contenido

2. Creación de contenido accesible

3. Estructuración del documento

4. Elementos a tener en cuenta


Documentos con PowerPoint Recomendaciones sobre el contenido (I)

Texto

• Utilizar un tamaño de letra grande, ≥ 14 puntos

• Utilizar un interlineado = 1,5

“La regla del 6”• No más de 6 palabras/línea

• No más de 6 líneas de texto

• No más de 6 elementos en un gráfico

Fuente: Centro Estatal de Autonomía Personal y Ayudas Técnicas (CEAPAT)


http://www.ceapat.org/mostrarDocumento.do?idDoc=200909230002

Documentos con PowerPoint Recomendaciones sobre el contenido (II)

Colores

• No más de 3 colores por diapositiva

• Colores consistentes en toda la presentación

Colores según las condiciones lumínicas de la sala

POCA iluminación Fondo oscuro y texto claro

MUCHA iluminación Fondo claro y texto oscuro


Documentos con PowerPoint Recomendaciones sobre el contenido (III)

Les transiciones

• Mejor sin transiciones

• Si las hay: • Desaparecer

• Disolver para desaparecer, y

• Aparecer

• Ayudan a captar o mantener la atención de los oyentes de la presentación

• Evitar • los ruidos (distraen, desconcentran)

• las transiciones largas o lentas


Documentos con PowerPoint

• Metadatos

• Idioma del documento

• Listas

• Recomendaciones sobre imágenes y gráficos

• Tablas

• Enlaces (URLs)

Prácticamente

igual que con el

editor de textos


Documentos con PowerPointCreación de contenido accesible (I)

Notas en les transparencias

• Aclaraciones

• Ayuda al emisor

• Alternativa al uso de transiciones

Algunas herramientas asistenciales permiten acceder directamente a las notas

1. MENÚ: Ver - Página de notas


Documentos con PowerPoint Estructuración del documento (I)

Formatos y estilos

• Diapositivas en blanco o utilizando un patrón

1. MENÚ: Ver - Patrón - Patrón de diapositivas


Documentos con PowerPoint Estructuración del documento (II)

Numeración

recomendable numerar las diapositivas e indicar el total

1. MENÚ: Insertar - Número de diapositiva

2. MENÚ: Ver - Patrón - Patrón de diapositivas


Documents con PowerPoint Elementos a tener en cuenta (I)

vídeos y/o sonidos• puede incorporarse sonido como alternativa al texto de la presentación

(sobretodo para presentaciones en la web)

• los vídeos y sonidos deben tener una alternativa textual (vídeos subtitulados y/o con audiodescripción)

1. MENÚ: Insertar – Películas

y sonidos

2. Formato de la imagen

3. Texto alternativo en la

pestaña Web


Documentos con PowerPoint Aspectos adicionales (I)

• El formato MS Word suele ser más accesible que el formato PowerPoint, • es aconsejable ofrecer un documento MS Word como alternativa

• Recomendable• Añadir el texto de la presentación en las notas de cada transparencia


Convertir documentos MS Office a PDF

Word 2003 cuando se

instala Adobe Acrobat

Professional

Word 2007 cuando se instala Adobe Acrobat Professional


Convertir documentos MS Office a PDF (I)


Convertir documentos MS Office a PDF (II)


Verificar la accesibilidad en MS Word o PowerPoint


Verificar la accesibilidad en documentos PDF

• SOLO con Adobe Profesional

• Herramientas > Accesibilidad > Comprobación completa

En las últimas versiones

• Herramientas > Asistente de acciones > Hacer accesible


CONCLUSIÓN (I)Accesibilidad y documentos

• La Accesibilidad en los documentos digitales beneficia a todos

• Las instituciones educativas debemos adoptar las medidas necesarias para asegurar el acceso a la información digital a TODOS los estudiantes


CONCLUSIÓN (II)Contenido digital accesible

• Para que sea accesible, el contenido digital debe ser:• Perceptible: disponible para los sentidos (vista,

tacto, oída)

• Comprensible: contenido e interfaz

• Operable: los elementos de la interfaz deben permitir la interacción

• Robusto: contenido consistente y fiable

Perceptible

Operable Comprensible

Robusto


CONCLUSIÓN (III)Beneficios de los documentos accesibles

• Al profesor• Mayor reutilización y visibilidad

• Responsabilidad social

• No serán necesarias acciones especiales de última hora

• Al estudiante• Mejor acceso

• Experiencia más satisfactoria.

• A la institución• Complimiento de los requisitos legales

• Mejor imagen corporativa

• Más estudiantes potenciales


Toni Granollers

Escola Politècnica Superior

Universitat de Lleida (UdL)

C/ Jaume II, 69

25001 – Lleida

(+34) 973 702750

[email protected]

@DCU_MPIUA

@

Gracias por su

atención !!!


http://www.slideshare.net/DCU_MP

IUA/creacin-de-documentos-

digitales-accesibles

mailto:[email protected]

http://www.slideshare.net/DCU_MPIUA/creacin-de-documentos-digitales-accesibles

creación de documentos digitales accesibles

Technology