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]

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

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

Ayudas técnicas (I)

Discapacidad visual

Lectores de pantalla:

• JAWS

• Window Eyes

• NVDA• NonVisual Desktop Access

Magnificadores de pantalla:

• Propio del S.O.

• Zoomtext

Ayudas técnicas (II)

Discapacidad Auditiva

• Personas con sordera (especialmente prelocutiva)

• Subtitulado de vídeos

• Lenguaje de signos

• Textos sencillos y fáciles

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

Diferentes tipos de usuarios (II)

Discapacidad Motriz

• Extremidades (superiores)

• Baja movilidad

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”

Diferentes tipos de usuarios (IV)

Discapacidad Cognitiva

• Personas con dislexia

• Personas con discapacidad en el aprendizaje

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

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)

Guías de contenido digital accesible

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

Guía de contenido digital accesible: vídeo

• 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

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

Discapacidades visuales (II)

• Tablas que resultan incomprensibles cuando se leen de forma secuencial

EspañaHablan

español

hablan

español

Enero 10 0

Febrero 11 0

Estados

UnidosHablan

español

hablan

español

Enero 5 25

Febrero 3 30

España México Estados Unidos

Hablan

español

hablan

español

Hablan

español

hablan

español

Hablan

español

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

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)

• 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)

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

antoni.granollers@udl.cat

@DCU_MPIUA

Gracias por su

atención !!!

http://www.slideshare.net/DCU_MP

IUA/creacin-de-documentos-

digitales-accesibles

creación de documentos digitales accesibles

Technology

edificios accesibles

creaciÓn y promociÓn de contenidos digitales...

creación de documentos accesibles

creación de documentos educativos electrónicos...

creaciÓn de materiales didÁcticos digitales en el aula de...

cuadernillos digitales -1: creación y gestión de...

creación de repositorios digitales concreación de...

creación de certificados digitales con openssl ca local

repositorios digitales. definición y pautas para su...

creación de contenidos digitales

memoria del taller de creaciÓn de mÁscaras digitales

diseño y desarrollo de producto, creación de soluciones...

competencias digitales y creaciÓn de vÍdeojuegos en …

creaciÓn de huertos urbanos accesibles en la quinta …

creación y explotación de contenidos digitales. juan...

centro de recursos digitales...sala juvenil, ludoteca,...

creación de comprobantes fiscales digitales para chedraui

creación de modelos topográficos digitales (mtds) a partir...

introducción a la creación de documentos digitales...

uso de ontología para la creación de objetos virtuales de...