Академический Документы
Профессиональный Документы
Культура Документы
Gestin de
Contenidos Accesibles
Accesibilidad
Este documento ha sido elaborado por AGESIC (Agencia para el Desarrollo del Gobierno de Gestin Electrnica y la
Sociedad de la Informacin y el Conocimiento)
Usted es libre de copiar, distribuir, comunicar y difundir pblicamente este documento as como hacer obras derivadas,
siempre y cuando tengan en cuenta citar la obra de forma especfica y no utilizar esta obra para fines comerciales. Toda
obra derivada de sta deber ser generada con estas mismas condiciones.
Gestin de Contenidos Accesibles | 3
ndice
Introduccin ...................................................................................................................... 4
Accesibilidad Web .................................................................................................................... 4
Referencia tcnica: WCAG 2.0 ............................................................................................. 5
Sistemas de Gestin de Contenidos .......................................................................................... 5
Imgenes y alternativas textuales ...................................................................................... 6
Introduccin .............................................................................................................................. 6
Equivalentes textuales ............................................................................................................... 6
Texto alternativo .................................................................................................... 6
Cmo escribir un texto alternativo ......................................................................... 7
Cmo asignar el texto alternativo y cundo ........................................................... 8
Casos prcticos..................................................................................................... 10
Imgenes decorativas ........................................................................................... 10
Imgenes de contenido ......................................................................................... 11
Imgenes funcionales (enlaces) ........................................................................... 13
Edicin de contenidos ..................................................................................................... 14
Introduccin ............................................................................................................................ 14
Estructura ................................................................................................................................ 14
Encabezados ........................................................................................................................ 14
Listas ................................................................................................................................... 16
Listas no ordenadas .............................................................................................. 16
Listas ordenadas ................................................................................................... 16
Listas de definicin .............................................................................................. 17
En General ........................................................................................................... 17
Marcado semntico ............................................................................................................. 18
nfasis e importancia ........................................................................................... 18
Citas ..................................................................................................................... 19
Especificar la expansin de abreviaturas y acrnimos ........................................ 19
Evitar proporcionar informacin textual en imgenes ......................................... 20
Lenguaje y Comprensin ........................................................................................................ 21
Texto ................................................................................................................................... 21
Identificar cambios en el idioma .......................................................................... 21
Usar un lenguaje claro y sencillo ......................................................................... 21
Estructura sencilla ................................................................................................ 22
Imgenes .............................................................................................................. 24
Enlaces ................................................................................................................. 25
Presentacin ............................................................................................................................ 26
Color y contraste ................................................................................................................. 26
No transmitir informacin slo por el color ........................................................ 26
Usar un contraste suficiente ................................................................................. 27
Coherencia ........................................................................................................... 28
Tablas .............................................................................................................................. 29
Datos tabulares / Tablas de datos ............................................................................................ 29
Creacin de tablas de datos accesibles ................................................................................ 29
Interpretacin de las tablas por los lectores de pantalla ....................................... 31
Gestin de Contenidos Accesibles | 4
Introduccin
Esta gua est dirigida a todos aquellos que gestionan el contenido de los
portales de gobierno, para que a travs de la aplicacin de buenas prcticas,
el mensaje comunicacional llegue a la mayor cantidad de ciudadanos posi-
ble independientemente de sus capacidades personales y de su contexto.
Accesibilidad Web
Definicin
Equivalentes textuales
Existen dos mecanismos para proporcionar equivalentes textuales a las im-
genes:
Importante
Texto alternativo
Lee algn texto relacionado con la imagen, como puede ser el nom-
bre del archivo de imagen (por ejemplo "imagen.jpg")
El texto alternativo ms apropiado para una imagen depende del uso que se
le da a la imagen. Por ejemplo:
Ejemplo
P
La dieta de los espaoles se acerca bastante a lo que se conoce como dieta mediterrnea
o
aunque es deficitaria en fibra, "por lo que se debe incrementar el consumo de pan y cereales
s
integrales", as como en frutas y verduras, segn el Panel de Consumo Alimentario.
i
b
l
e
s
t
e
x
Al tiempo, el panel seala que el gasto total en alimentacin y bebidas ascendi este ltimo
t
ao un 2,4% con respecto al registrado el ao anterior
o
s
alternativos:
Recomendacin
Ejemplo
La dieta de los espaoles se acerca bastante a lo que se conoce como dieta mediterrnea
aunque es deficitaria en fibra (2%), "por lo que se debe incrementar el consumo de pan y
T
cereales integrales", as como en frutas y verduras, segn el Panel de Consumo Alimentario.
e
x
t
o
s
a
l
t Asimismo, las conclusiones del estudio muestran que existen en la dieta nacional ciertos
e desequilibrios producidos por exceso de carnes, de protenas en general (19%) y grasas
r (39%), aunque se consume leche y derivados por encima de los mnimos establecidos en una
n dieta ideal. Por otra parte, el consumo de carbohidratos (40%) se considera adecuado.
a
Al tiempo, el panel seala que el gasto total en alimentacin y bebidas ascendi este ltimo
t
ao un 2,4% con respecto al registrado el ao anterior.
i
v
os posibles:
Casos prcticos
En las pginas web las imgenes se usan principalmente con tres finalida-
des:
Imgenes decorativas
Imgenes de contenido
Imgenes sencillas
Ejemplo
El texto alternativo en este caso es, como en el caso anterior, el texto mos-
trado por la imagen "Telfono de atencin al cliente 1911".
Por otra parte, entrar en detalles como que el texto est en color gris y azul o
que est acompaado del dibujo de un telfono es totalmente irrelevante y
no se debe incluir en el texto alternativo.
Imgenes complejas
Ventas
En este caso, donde se usa la imagen de una impresora como un enlace para
imprimir el documento, el texto alternativo debe indicar la funcin. Por
tanto, dicho texto debe ser "Imprimir". No es relevante indicar que se trata
de la imagen de una impresora. Textos alternativos como "Impresora" o
"Imagen de impresora" o "Imagen de impresora, enlace para imprimir" son
incorrectos.
Como caso especial, cuando la imagen que funciona como enlace est in-
cluida dentro o al lado de un enlace que ya dispone de un texto que indica
la funcin del enlace, dicha imagen se puede considerar decorativa y por
tanto tener un texto alternativo vaco.
Gestin de Contenidos Accesibles | 14
Edicin de contenidos
Introduccin
La lectura de contenidos en una computadora u otros dispositivos digitales
difiere de la realizada en el medio impreso al que estamos acostumbrados.
Los usuarios tienden a escanear los documentos en busca de la informa-
cin que les interesa y si no la encuentran lo abandonan rpidamente.
Para que los documentos sean ms fciles de leer para todo el mundo es ne-
cesario seguir una serie de recomendaciones bsicas:
Estructura
Encabezados
Los encabezados son el mecanismo bsico para estructurar los documen-
tos reflejando la organizacin lgica del texto. Permiten a los lectores ojear
los documentos de forma rpida ("explorar") leyendo slo los ttulos para
reconocer las diferentes secciones del mismo y encontrar fcilmente la in-
formacin que buscan sin necesidad de una lectura completa del texto.
Listas
Siempre que sea posible debemos organizar las enumeraciones de elemen-
tos relacionados entre s en forma de listas.
Al igual que en los encabezados, las listas son una pista visual para la es-
tructuracin de los contenidos. Pero no podemos basarnos slo en la in-
formacin visual, debemos identificar explcitamente las listas. De esta for-
ma, los lectores de pantalla pueden reconocer una lista e informar a los
usuarios de su presencia y del nmero de elementos que la componen.
Los diferentes tipos de lista disponibles para documentos Web son los si-
guientes.
Listas no ordenadas
100 g de harina
10 g de azcar
1 taza de agua
2 huevos
sal, pimienta
Listas ordenadas
Listas de definicin
Accesibilidad
Posibilidad de que un sitio o servicio Web pueda ser visitado y utilizado de forma satisfacto-
ria por el mayor nmero posible de personas, independientemente de las limitaciones que
tenga la persona o de las derivadas de su entorno.
Aplicacin
Programa preparado para una utilizacin especfica, como el pago de nminas, formacin de
un banco de trminos lxicos, etc.
Ordenador
Mquina electrnica dotada de una memoria de gran capacidad y de mtodos de tratamiento
de la informacin, capaz de resolver problemas aritmticos y lgicos gracias a la utilizacin
automtica de programas registrados en ella.
En General
Marcado semntico
Una vez que la estructura del documento est ms o menos definida, es ne-
cesario disponer de una semntica mnima, es decir, proporcionar un sig-
nificado. Cmo podemos ofrecer significado a nuestros bloques? Compro-
baremos que cada palabra muestra el significado que tratamos de ofrecer y
no simplemente un conjunto de caracteres dispuesto en la pantalla.
nfasis e importancia
Citas
Abreviaturas y acrnimos
nfasis e importancia
Existen dos mecanismos bsicos para resaltar un texto sobre el texto que le
rodea.
El nfasis se debe usar para resaltar una palabra, un concepto, etc. Normal-
mente, el nfasis puede cambiar el significado de una frase.
Ejemplo
Enfatiza que las motos son peligrosas (quiz otra persona est diciendo que
no lo son).
Enfatiza que lo que son peligrosas son las motos (quiz otra persona
est diciendo que lo que son peligrosos son los coches).
Estas propiedades se deben usar con prudencia slo cuando queremos enfa-
tizar el texto o darle importancia. No debemos usarlos slo con fines esti-
lsticos, de presentacin, porque queramos simplemente usar un estilo de le-
tra en itlica o negrita.
Citas
Citas largas (blockquote): son las citas que ocupan uno o ms blo-
ques completos de texto. Por ejemplo, uno o varios prrafos.
Ejemplo
Lenguaje y Comprensin
Texto
Identificar cambios en el idioma
"Conspicuo": "Sobresaliente"
"Eximio": "Excelente"
"Clarificar": "Aclarar"
"Adolecer": "Carecer"
Estructura sencilla
Ejemplo:
"El director, de acuerdo a la planificacin del proyecto, presentar el in-
forme preliminar el 2 de Julio." NO
Esta organizacin del contenido permite que los usuarios capten la informa-
cin ms importante aunque no lleguen a leer el documento en su totalidad.
Gestin de Contenidos Accesibles | 24
Las imgenes deben ser fciles de entender y tener una clara vinculacin
con el texto.
Los elementos grficos se deben usar, siempre que sea posible, como
complemento y apoyo del texto para facilitar su comprensin. La decisin
de realizar una versin accesible del portal como una versin slo texto no
es correcta, no debemos eliminar las imgenes, debemos hacerlas accesi-
bles.
Imgenes
Tanto las fotografas como las ilustraciones o dibujos han de ser claros y
hacer clara referencia al tema del texto.
Enlaces
Ejemplo:
Recomendaciones:
No usar enlaces del estilo "pinche aqu", "haga clic aqu", "siga es-
te enlace" o similares. Indicar en el texto claramente el destino del
enlace.
Gestin de Contenidos Accesibles | 26
Presupuestos 2011
Planificacin de proyectos
Presentacin
Color y contraste
No transmitir informacin slo por el color
A
B
C
Emplear una forma alternativa que no se base slo en el color. "la opcin
correcta se marca en verde y aparece entre parntesis".
A
B
(C)
Las personas con baja visin o deficiencia en la percepcin del color tienen
dificultades para leer textos cuyo color tengan un bajo contraste con el
color de fondo. Por ello, se debe comprobar que el contraste entre el color
de primer plano y el del fondo de los diferentes elementos (texto, imgenes,
etc.) sea el suficiente para garantizar su correcta percepcin.
Coherencia
Presentacin coherente
Se debe respetar los estilos definidos por el desarrollador del portal. Un esti-
lo de presentacin similar (fuentes, colores, etc.) en todas las pginas facili-
tar la identificacin y la usabilidad del sitio web.
Tablas
Datos tabulares / Tablas de datos
Las tablas son estructuras de datos que permiten organizar informacin que
tiene caractersticas comunes o algn tipo de relacin entre s. Las relacio-
nes existentes entre los datos se establecen a travs de referencias. Dichas
referencias se consigue mediante el uso de celdas de encabezado, ya sean de
fila o de columna. Estos encabezados son los ttulos de seccin (ver Estruc-
tura), que indican lo que hay en las filas o columnas correspondientes.
De igual forma, en las tablas de datos usadas en las pginas web se deben
identificar los encabezados de fila y columna. Siguiendo con el ejemplo
de Hundir la flota, las coordenadas horizontales (letras A-J) se conocen co-
mo encabezados de fila, mientras que las coordenadas verticales (nmeros
1-10) se conocen como encabezados de columna.
Montevideo 26 18 Cubierto
Bogot 19 9 Lluvia
Lima 19 13 Soleado
Santiago 22 16 Chubascos
Ejemplo
Mnima: 6
Previsin: Nublado
...
Montevideo 26 18 Cubierto
Bogot 19 9 Lluvia
Lima 19 13 Soleado
Santiago 22 16 Chubascos
Ejemplo
Ejemplo
Montevideo 26 18 Cubierto
Bogot 19 9 Lluvia
Lima 19 13 Soleado
Santiago 22 16 Chubascos
Por ltimo, se ofrece el modo en el que se accede a una tabla para la que no
se han definido caractersticas de accesibilidad.
Tablas de maquetacin
Una de las caractersticas ms utilizadas y menos aconsejables de las tablas
es el aprovechamiento de su estructura reticular para disponer el contenido
de un documento, ya se trate de imgenes, texto o la mezcla de ambos.
Ejemplo de Ficha