Accesibilidad y Usabilidad en Contenidos
Versión: 1.0
Dirección de Administración Electrónica y Atención a la Ciudadanía - Servicio Web
Enero 2008
Accesibilidad y Usabilidad en ContenidosCurso Formativo V Página 2 / 25
Índice
1 Guía de errores habituales en Contenidos............................................3
1.1 Texto alternativo en las imágenes..........................................................3
1.2 No utilizar el subrayado..........................................................................7
1.3 Uso de Listas...........................................................................................8
1.4 Uso de Tablas.......................................................................................10
1.5 Formato y tamaño de ficheros..............................................................121.5.1 Formato..........................................................................................131.5.2 Tamaño..........................................................................................151.5.3 Apertura en página nueva..............................................................16
1.6 Títulos, texto y colores..........................................................................17
1.7 Nombre y título de los contenidos........................................................19
1.8 Uso del Euskera....................................................................................22
1.9 Uso de mayúsculas...............................................................................23
2 Información de contacto........................................................................25
V.1.0. – 24/05/2023 Web Zerbitzua – Servicio WebAdministrazio Elektronikorako eta Herritarrei Arreta Emateko Zuzendaritza/
Dirección de Administración Electrónica y Atención a la Ciudadanía
VICEPRESIDENCIA DELGOBIERNO
JAURLARITZARENLEHENDAKARIORDETZA
Accesibilidad y Usabilidad en ContenidosCurso Formativo V Página 3 / 25
1 Guía de errores habituales en Contenidos
1.1 Texto alternativo en las imágenes
Si una imagen no lleva su texto asociado, los navegadores que no soporten imágenes no podrán acceder al contenido de las mismas.
Cómo asociar un mensaje de texto a una imagen.
1. Subir la imagen a la carpeta “images” del Contenido concreto, tanto en castellano como en euskera.
2. Insertar la imagen a través del botón picture del editor.
V.1.0. – 24/05/2023 Web Zerbitzua – Servicio WebAdministrazio Elektronikorako eta Herritarrei Arreta Emateko Zuzendaritza/
Dirección de Administración Electrónica y Atención a la Ciudadanía
VICEPRESIDENCIA DELGOBIERNO
JAURLARITZARENLEHENDAKARIORDETZA
Todas las imágenes tienen que llevar obligatoriamente texto alternativo, aunque sea un espacio en blanco
Accesibilidad y Usabilidad en ContenidosCurso Formativo V Página 4 / 25
3. Se abrirá la siguiente pantalla:
En “file selector” buscamos la ruta donde hemos subido la imagen. En “title” indicamos el texto alternativo que debe llevar la imagen.
Si se trata de una imagen decorativa, es decir, una imagen que no aporta ninguna información relevante, dejamos un espacio en blanco en el campo correspondiente (Title).
V.1.0. – 24/05/2023 Web Zerbitzua – Servicio WebAdministrazio Elektronikorako eta Herritarrei Arreta Emateko Zuzendaritza/
Dirección de Administración Electrónica y Atención a la Ciudadanía
VICEPRESIDENCIA DELGOBIERNO
JAURLARITZARENLEHENDAKARIORDETZA
Accesibilidad y Usabilidad en ContenidosCurso Formativo V Página 5 / 25
Si se trata de una imagen significativa, es decir, una imagen que sí aporta información relevante, describimos brevemente su contenido en el campo “Title”.
Si la imagen contiene un enlace a otra página, se debe incluir la leyenda “Acceso a …”
V.1.0. – 24/05/2023 Web Zerbitzua – Servicio WebAdministrazio Elektronikorako eta Herritarrei Arreta Emateko Zuzendaritza/
Dirección de Administración Electrónica y Atención a la Ciudadanía
VICEPRESIDENCIA DELGOBIERNO
JAURLARITZARENLEHENDAKARIORDETZA
Accesibilidad y Usabilidad en ContenidosCurso Formativo V Página 6 / 25
V.1.0. – 24/05/2023 Web Zerbitzua – Servicio WebAdministrazio Elektronikorako eta Herritarrei Arreta Emateko Zuzendaritza/
Dirección de Administración Electrónica y Atención a la Ciudadanía
VICEPRESIDENCIA DELGOBIERNO
JAURLARITZARENLEHENDAKARIORDETZA
Accesibilidad y Usabilidad en ContenidosCurso Formativo V Página 7 / 25
1.2 No utilizar el subrayado
Si se quiere destacar algo, se puede utilizar negrita o un tipo de letra mayor. Nunca subrayado, ya que se puede confundir con un enlace e inducir a error.
V.1.0. – 24/05/2023 Web Zerbitzua – Servicio WebAdministrazio Elektronikorako eta Herritarrei Arreta Emateko Zuzendaritza/
Dirección de Administración Electrónica y Atención a la Ciudadanía
VICEPRESIDENCIA DELGOBIERNO
JAURLARITZARENLEHENDAKARIORDETZA
NO
NO
NO
SI
SI
SI
Accesibilidad y Usabilidad en ContenidosCurso Formativo V Página 8 / 25
1.3 Uso de Listas
Las listas deben poder ser leídas de forma lineal.
V.1.0. – 24/05/2023 Web Zerbitzua – Servicio WebAdministrazio Elektronikorako eta Herritarrei Arreta Emateko Zuzendaritza/
Dirección de Administración Electrónica y Atención a la Ciudadanía
VICEPRESIDENCIA DELGOBIERNO
JAURLARITZARENLEHENDAKARIORDETZA
NO
SI
Accesibilidad y Usabilidad en ContenidosCurso Formativo V Página 9 / 25
Los contenidos susceptibles de ir en listas DEBEN ir en listas con viñetas.
V.1.0. – 24/05/2023 Web Zerbitzua – Servicio WebAdministrazio Elektronikorako eta Herritarrei Arreta Emateko Zuzendaritza/
Dirección de Administración Electrónica y Atención a la Ciudadanía
VICEPRESIDENCIA DELGOBIERNO
JAURLARITZARENLEHENDAKARIORDETZA
NO
SI
Accesibilidad y Usabilidad en ContenidosCurso Formativo V Página 10 / 25
1.4 Uso de Tablas
La regla general es NO UTILIZAR TABLAS y menos aún para maquetar contenidos. Si resulta imprescindible el uso de tablas éstas deberán ser accesibles, lo cual es un proceso lento y laborioso.
Las tablas tienen una función específica: desplegar datos que necesitan ser mostrados en forma tabulada, y no para estructurar o “maquetar” páginas.
El Uso indiscriminado de tablas en el diseño web provoca confusión a los usuarios de navegadores parlantes, lectores de pantalla y navegadores de texto o que acceden a través de teléfonos móviles o PDA’s. Para evitar estos problemas, no se deben usar tablas para organizar la estructura de las páginas (maquetar), ni para ningún efecto visual.
Por ejemplo:
Con un lector de pantalla o un navegador parlante, el usuario escucharía el siguiente texto:
“Instrucciones para dar cuerda al reloj sombra de una mujer, el perfume del pan. Por Julio Cortázar ¿Qué más quiere, qué más quiere? Átelo... pronto a su muñeca, déjelo latir en libertad, Allá al fondo está la muerte, pero no tenga imítelo...”
V.1.0. – 24/05/2023 Web Zerbitzua – Servicio WebAdministrazio Elektronikorako eta Herritarrei Arreta Emateko Zuzendaritza/
Dirección de Administración Electrónica y Atención a la Ciudadanía
VICEPRESIDENCIA DELGOBIERNO
JAURLARITZARENLEHENDAKARIORDETZA
Accesibilidad y Usabilidad en ContenidosCurso Formativo V Página 11 / 25
Se ha puesto a disposición de los usuarios del Gestor de Contenidos un manual de accesibilidad de tablas en “Jakina”, en la Sección de documentos del Servicio de Gestión Web o en la siguiente dirección:
http://jakina.ejgvdns/jakinaim/servicio_web/Manual%20de%20accesibilidad%20y%20diseño%20de%20tablas_1.2.pdf
En la mayoría de los casos las tablas no ofrecen ningún valor añadido y pueden ser sustituidas por otro tipo de alternativas accesibles:
Contenido en tabla (no accesible):
Alternativa sin tabla (accesible):
V.1.0. – 24/05/2023 Web Zerbitzua – Servicio WebAdministrazio Elektronikorako eta Herritarrei Arreta Emateko Zuzendaritza/
Dirección de Administración Electrónica y Atención a la Ciudadanía
VICEPRESIDENCIA DELGOBIERNO
JAURLARITZARENLEHENDAKARIORDETZA
Accesibilidad y Usabilidad en ContenidosCurso Formativo V Página 12 / 25
1.5 Formato y tamaño de ficheros
Todos los ficheros adjuntos (formato pdf, word y otros) deberán estar debidamente señalados, indicando además el tamaño de los mismos. Los ficheros adjuntos deberán abrirse obligatoriamente en página aparte.
V.1.0. – 24/05/2023 Web Zerbitzua – Servicio WebAdministrazio Elektronikorako eta Herritarrei Arreta Emateko Zuzendaritza/
Dirección de Administración Electrónica y Atención a la Ciudadanía
VICEPRESIDENCIA DELGOBIERNO
JAURLARITZARENLEHENDAKARIORDETZA
NO
NO
NO
NO
Accesibilidad y Usabilidad en ContenidosCurso Formativo V Página 13 / 25
1.5.1 Formato
El criterio acordado para referenciar los archivos de Word, Excel y Acrobat, indicando el tamaño y formato, es el siguiente:
o (doc, 327 KB)o (excel, 4 MB)o (pdf, 1 MB)
Se propone la siguiente nomenclatura para el resto de archivos de la familia Microsoft Office. Por ejemplo:
o (power point, 142 KB)o (access, 1,8 MB)
V.1.0. – 24/05/2023 Web Zerbitzua – Servicio WebAdministrazio Elektronikorako eta Herritarrei Arreta Emateko Zuzendaritza/
Dirección de Administración Electrónica y Atención a la Ciudadanía
VICEPRESIDENCIA DELGOBIERNO
JAURLARITZARENLEHENDAKARIORDETZA
SI
SI
SI
SI
Accesibilidad y Usabilidad en ContenidosCurso Formativo V Página 14 / 25
En el caso de archivos especiales en formatos poco usuales se dejará a criterio de los departamentos la elección de la nomenclatura adecuada.
En cualquier caso, si se desea, se puede ofrecer un enlace a la página de “Ayuda” de Euskadi.net donde se recogen enlaces a todos los lectores o reproductores que permitan visualizar todos los contenidos incorporados en las páginas web de la red de Portales de Euskadi.net1.
El texto a incorporar será el siguiente:
Si no dispone del programa necesario para visualizar este archivo puede descargarlo desde nuestra Página de Ayuda.
El enlace deberá incorporar la siguiente dirección en castellano:
http://www.euskadi.net/r33-2288/es/contenidos/informacion/cabecera_ayuda/es_6138/cabecera_ayuda.html
Y éste para la versión en euskera:
http://www.euskadi.net/r33-2288/eu/contenidos/informacion/cabecera_ayuda/eu_6138/cabecera_ayuda.html#4
No se recomienda, por tanto, incluir enlaces a los reproductores desde las páginas de los diferentes portales, sino centralizar todo este tráfico en la página de “Ayuda” de Euskadi.net destinada a tal efecto.
1 En el caso de incorporar un fichero en un formato cuyo reproductor no aparezca en la página de Ayuda de Euskadi.net deberá ponerse en contacto con su Webmaster o Gestor Web para incorporar el nuevo formato a dicha página.V.1.0. – 24/05/2023 Web Zerbitzua – Servicio Web
Administrazio Elektronikorako eta Herritarrei Arreta Emateko Zuzendaritza/Dirección de Administración Electrónica y Atención a la Ciudadanía
VICEPRESIDENCIA DELGOBIERNO
JAURLARITZARENLEHENDAKARIORDETZA
Accesibilidad y Usabilidad en ContenidosCurso Formativo V Página 15 / 25
1.5.2 Tamaño
Además se indicará, entre paréntesis, utilizando la nomenclatura propuesta e indicando el tamaño en “KB” cuando éste sea inferior a 1 Mega y “MB” cuando sea igual o superior.
En este sentido no se debe redactar nunca una frase referida al link, del tipo “haz clic aquí para más información”. Escribe la frase como lo harías normalmente y coloca la referencia de enlace en la palabra o palabras que mejor describen los contenidos adicionales con los que enlazan.
Ej. Organigrama del Departamento (pdf, 1,4 MB)
Para ver el Organigrama pincha aquí
Se recomienda encarecidamente incluir comentarios a los enlaces, es decir, que el usuario no sólo tenga la posibilidad de descargar un determinado documento sino que antes de descargarlo obtenga una breve explicación sobre su contenido. Se trata de evitar situaciones como la de la imagen siguiente:
V.1.0. – 24/05/2023 Web Zerbitzua – Servicio WebAdministrazio Elektronikorako eta Herritarrei Arreta Emateko Zuzendaritza/
Dirección de Administración Electrónica y Atención a la Ciudadanía
VICEPRESIDENCIA DELGOBIERNO
JAURLARITZARENLEHENDAKARIORDETZA
SINO
Accesibilidad y Usabilidad en ContenidosCurso Formativo V Página 16 / 25
1.5.3 Apertura en página nueva
Enlace a cualquier contenido, búsquedas o Portal del entorno de Euskadi.net (cualquier página web con la nueva apariencia de Euskadi.net) abrir en la misma ventana.
Enlace a pdf/doc/excel… (archivos adjuntos) abrir en una nueva ventana.
Enlace a otro portal del Gobierno no migrado (apariencia antigua) en una nueva ventana.
Enlace a Portales o páginas web externos a Euskadi.net abrir en una nueva ventana.
V.1.0. – 24/05/2023 Web Zerbitzua – Servicio WebAdministrazio Elektronikorako eta Herritarrei Arreta Emateko Zuzendaritza/
Dirección de Administración Electrónica y Atención a la Ciudadanía
VICEPRESIDENCIA DELGOBIERNO
JAURLARITZARENLEHENDAKARIORDETZA
Accesibilidad y Usabilidad en ContenidosCurso Formativo V Página 17 / 25
1.6 Títulos, texto y colores
Se recomienda la utilización de letra tipo “Verdana” por sus buenas características de legibilidad en el entorno Web.
La utilización del mismo tipo de letra en todo el Portal constituye igualmente un criterio de homogeneidad estilística muy conveniente.
En este sentido, ofrecemos a modo de ejemplo, la siguiente propuesta:
Consejos de uso de enfatizadores:
o Itálica: Por convención se utiliza principalmente itálica para listados de libros y publicaciones o para destacar palabras extranjeras o citas textuales. Se debe evitar el uso de itálica en largos bloques de texto porque la legibilidad del texto en itálica, especialmente en resoluciones de pantalla, es menor que en su equivalente en texto escrito.
o Negrita: La negrita enfatiza el texto al destacar en un color más oscuro del texto normal. Los subtítulos son adecuados para el uso de negrita. Al igual que en el caso anterior, el uso de negrita en grandes bloques de texto reduce enormemente su efectividad.
o Texto en color: El texto en color, al igual que el subrayado, puede confundir al lector, haciéndole creer que se encuentra ante un hipervínculo e intente hacer clic sobre él. Recomendamos su
V.1.0. – 24/05/2023 Web Zerbitzua – Servicio WebAdministrazio Elektronikorako eta Herritarrei Arreta Emateko Zuzendaritza/
Dirección de Administración Electrónica y Atención a la Ciudadanía
Ejemplo Características
Título Principal Verdana, Color Departamental, en mayúsculas la primera letra de cada palabra y los nombres propios, negrita, 14 (4 pt).
Título nivel dos (subtítulo)Verdana, en Mayúsculas sólo la primera letra, negrita, 12 (3 pt).
Título nivel tres (destacado)Verdana, en Mayúsculas sólo la primera letra, negrita, 10 (2 pt).
Texto normal de contenidoVerdana, en Mayúsculas sólo la primera letra, 10 (2 pt).
VICEPRESIDENCIA DELGOBIERNO
JAURLARITZARENLEHENDAKARIORDETZA
Accesibilidad y Usabilidad en ContenidosCurso Formativo V Página 18 / 25
utilización únicamente en los títulos principales –mediante el uso del color corporativo- o bajo la forma de negrita en subtítulos y destacados.
o Mayúsculas: Se recomienda evitar en todos los casos el uso de palabras totalmente en mayúsculas, puesto que la lectura se ve dificultada, se hace más incomoda y resulta, en definitiva, más lenta.
Evitar el uso indiscriminado de colores. Éstos quedarán reservados a títulos, enlaces y enlaces visitados, nunca para destacar un término del contenido. Utilizar siempre el mismo tipo de enfatizador en todo el texto. Se debe evitar el uso de negrita, mayúsculas o aumentos de tipo de letra para enfatizar de modo aleatorio contenido de similar importancia.
1.7 Nombre y título de los contenidos
V.1.0. – 24/05/2023 Web Zerbitzua – Servicio WebAdministrazio Elektronikorako eta Herritarrei Arreta Emateko Zuzendaritza/
Dirección de Administración Electrónica y Atención a la Ciudadanía
VICEPRESIDENCIA DELGOBIERNO
JAURLARITZARENLEHENDAKARIORDETZA
NO
Accesibilidad y Usabilidad en ContenidosCurso Formativo V Página 19 / 25
Cuando generamos un documento, bien sea en castellano o en euskera, es necesario que el título y la descripción del mismo sean claras.
En el siguiente ejemplo podemos observar como una mala utilización del título y el no poner descripción da por resultado…
…que cuando un usuario introduzca, por ejemplo, la palabra “vivienda” en el buscador general de Euskadi.net obtenga un resultado que le dice bien poco sobre el contenido que se va a encontrar:
V.1.0. – 24/05/2023 Web Zerbitzua – Servicio WebAdministrazio Elektronikorako eta Herritarrei Arreta Emateko Zuzendaritza/
Dirección de Administración Electrónica y Atención a la Ciudadanía
VICEPRESIDENCIA DELGOBIERNO
JAURLARITZARENLEHENDAKARIORDETZA
NO
NO
Accesibilidad y Usabilidad en ContenidosCurso Formativo V Página 20 / 25
Si, por el contrario, se hubieran introducido los datos con mayor precisión el resultado de búsqueda hubiera sido mucho más rico y preciso, como se puede apreciar en el mismo contenido una vez realizado el cambio oportuno:
Cambio en el Gestor de Contenidos:
Resultado de búsqueda del Contenido con el buscador de Euskadi.net:
V.1.0. – 24/05/2023 Web Zerbitzua – Servicio WebAdministrazio Elektronikorako eta Herritarrei Arreta Emateko Zuzendaritza/
Dirección de Administración Electrónica y Atención a la Ciudadanía
VICEPRESIDENCIA DELGOBIERNO
JAURLARITZARENLEHENDAKARIORDETZA
SI
Accesibilidad y Usabilidad en ContenidosCurso Formativo V Página 21 / 25
Además, no sólo debemos tener cuidado en designar bien un documento. También resulta muy importante que los documentos NO tengan el mismo nombre para evitar casos como el de la imagen:
Nota: En la nueva versión del Gestor de Contenidos aparecen igualmente los campos correspondientes a “Nombre” y “Descripción”.
V.1.0. – 24/05/2023 Web Zerbitzua – Servicio WebAdministrazio Elektronikorako eta Herritarrei Arreta Emateko Zuzendaritza/
Dirección de Administración Electrónica y Atención a la Ciudadanía
VICEPRESIDENCIA DELGOBIERNO
JAURLARITZARENLEHENDAKARIORDETZA
NO
Accesibilidad y Usabilidad en ContenidosCurso Formativo V Página 22 / 25
1.8 Uso del Euskera
El Decreto de Modelo de Presencia en Internet de Euskadi.net obliga a que todos los contenidos DEBAN aparecer tanto en castellano como en euskera. En este sentido, todos los textos que aparezcan en la sección de euskera deberán estar en este idioma y los adjuntos traducidos al euskera.
Actualmente gran cantidad de contenidos no cumplen en absoluto con esta norma obligatoria.
V.1.0. – 24/05/2023 Web Zerbitzua – Servicio WebAdministrazio Elektronikorako eta Herritarrei Arreta Emateko Zuzendaritza/
Dirección de Administración Electrónica y Atención a la Ciudadanía
VICEPRESIDENCIA DELGOBIERNO
JAURLARITZARENLEHENDAKARIORDETZA
NO
Textos en castellano
Documentos no traducidos
Accesibilidad y Usabilidad en ContenidosCurso Formativo V Página 23 / 25
1.9 Uso de mayúsculas
Se debe evitar el uso indiscriminado de mayúsculas en los contenidos.
V.1.0. – 24/05/2023 Web Zerbitzua – Servicio WebAdministrazio Elektronikorako eta Herritarrei Arreta Emateko Zuzendaritza/
Dirección de Administración Electrónica y Atención a la Ciudadanía
VICEPRESIDENCIA DELGOBIERNO
JAURLARITZARENLEHENDAKARIORDETZA
NO
NO
Accesibilidad y Usabilidad en ContenidosCurso Formativo V Página 24 / 25
Las reglas básicas del uso de mayúsculas son:
1. La primera palabra de un escrito; la que va después de punto; la que sigue a un signo de cierre de interrogación (?) o de exclamación (!), si no se interpone una coma; y la que va después de dos puntos.
2. Todos los nombres propios y de lugar: Joseba Azkarraga, Bilbao, Bizkaia, etc.
3. Los títulos de dignidad o de autoridad y los nombres que designan entidades: el Consejero del Departamento, el Gobierno Vasco, La Diputación Foral, etc. 4. Los nombres de los meses pueden escribirse indistintamente con mayúscula o minúscula, aunque la habitual es hoy la segunda forma.
Además: Es obligatorio el uso de la tilde en las mayúsculas cuando lo exijan las reglas generales de acentuación.
V.1.0. – 24/05/2023 Web Zerbitzua – Servicio WebAdministrazio Elektronikorako eta Herritarrei Arreta Emateko Zuzendaritza/
Dirección de Administración Electrónica y Atención a la Ciudadanía
VICEPRESIDENCIA DELGOBIERNO
JAURLARITZARENLEHENDAKARIORDETZA
NO
Accesibilidad y Usabilidad en ContenidosCurso Formativo V Página 25 / 25
2 Información de contacto
Se ha habilitado una herramienta de comunicación para atender a todas las preguntas que pudieran surgir tras el curso formativo. Podéis dirigir vuestras consultas a la siguiente dirección electrónica.
V.1.0. – 24/05/2023 Web Zerbitzua – Servicio WebAdministrazio Elektronikorako eta Herritarrei Arreta Emateko Zuzendaritza/
Dirección de Administración Electrónica y Atención a la Ciudadanía
VICEPRESIDENCIA DELGOBIERNO
JAURLARITZARENLEHENDAKARIORDETZA
Top Related