Accesibilidad WCAG

Declaración responsable de Accesibilidad

 

Situación de cumplimiento con la Accesibilidad

Este sitio web es plenamente conforme con [RD 1112/2018 o UNE-EN 301 549], habiéndose desarrollado siguiendo las Pautas de Accesibilidad al Contenido en la Web (WCAG), en su versión WACAG 2.0. Iniciativa planteada por varios organismos y entes internacionales en colaboración con el World Wide Web Consortium (W3C) para favorecer el acceso a los contenidos en internet para usuarios con discapacidades.

Preparación de la presente declaración de Accesibilidad

La presente declaración has sido elaborada el  11 de mayo de 2021. El método empleado para preparar la declaración ha sido una autoevaluación llevada a cabo por el propio organismo. Última revisión de la declaración: 11 de mayo de 2021.

Observaciones y datos de contacto

Puede realizar comunicaciones sobre requisitos de accesibilidad (artículo 10.2.a) del RD 1112/2018) como por ejemplo:

  • Informar sobre cualquier posible incumplimiento por parte de este sitio web
  • Transmitir otras dificultades de acceso al contenido
  • Formular cualquier otra consulta o sugerencia de mejora relativa a la accesibilidad del sitio web

01. Decisiones tomadas en el área del diseño que favorecen la Accesibilidad en esta web

Suficiente contraste entre el texto y su color de fondo

Según las indicaciones WCAG 2.0, la relación de contraste entre el texto y el fondo del texto debe ser de al menos 4.5 a 1. En contextos donde la fuente es de al menos 24 px o 19 px en negrita, el mínimo se reduce a 3 a 1.

Se ha tenido especial cuidado con evitar el texto sobre las imágenes.

No indicar información importante utilizando solo el color

Se han utilizado otros indicadores (como iconos o texto para acompañar la codificación de colores o un subrayado en el texto vinculado) para que las personas que no pueden distinguir colores fácilmente puedan comprender y utilizar su contenido.

No utilizar las características sensoriales como el único indicador para comprender y operar el contenido

Se utiliza en su lugar una combinación de posicionamiento, color y etiquetado para identificar el contenido, sin confiar únicamente en las imágenes, la forma, el tamaño, la ubicación visual, la orientación o el sonido para indicar instrucciones importantes para operar o comprender el contenido.

Diseñar estados de enfoque para ayudar a los usuarios a navegar y comprender dónde se encuentran

El diseño propuesto en esta web no oculta de forma activa los estados resaltados de enfoque (:focus). Cuando las personas usan el teclado para navegar, la web incluye estados de enfoque perfectamente visibles.

Se escribe texto alternativo coherente para las imágenes

Los usuarios con baja visión suelen utilizar un navegador parlante para «leer» la web. Estos navegadores especializados convierten texto en voz para que el usuario pueda escuchar las palabras en un sitio. Cuando un navegador que habla aterriza en una imagen, busca texto alternativo que pueda leer en voz alta; si no encuentra ninguno, a menudo solo dirá «imagen», dejando al usuario sin saber qué es la imagen y qué importancia tiene para la historia.

Para evitar esto, se describen todos los elementos que explican lo que sucede en la imagen, evitando configurar el texto alternativo para que sea genérico.

Si una experiencia no puede ser accesible, utilizar otra ruta para que los usuarios obtengan esa información

En este sentido, se ha pretendido facilitar el acceso a los contenidos de la web a través de más de una vía, utilizando para ello diferentes menús o enlaces oportunos que permitan una navegación interna fluida.

Ser lo más coherente y claro posible en el diseño

Se ha pretendido ser preciso en todas las funciones, ubicación y etiquetado de los componentes, que funcionan y se identifican de forma coherente.

Se utiliza una arquitectura de la información clara, con títulos de sección y párrafos para organizar el contenido. Los textos son también claros y se evita en todo momento la jerga y los modismos.

03. Decisiones tomadas durante el desarrollo web que favorecen la Accesibilidad en este portal

Utilizar los elementos HTML correctos para su contenido

Los elementos HTML comunican al navegador qué tipo de contenido contienen y cómo el navegador debe representar o tratar ese contenido. El árbol de Accesibilidad se basa en supuestos sobre los elementos y su estructura. Esta es la función del navegador que impulsa a los lectores de pantalla.

Para ello se han elegido los elementos correctos para el contexto actual, como forma sencilla de crear una buena base para la experiencia en esta web.

Soporte de navegación por teclado

Los navegadores admiten la tabulación a través de enlaces, formularios y elementos de botón. Esta es una manera fácil de moverse por la página, pero es muy fácil obstaculizar accidentalmente esta funcionalidad: confiando en CSS para mover elementos en lugar de reordenar el HTML; ocultar elementos del flujo de pestañas, ya sea falsificando botones (con JavaScript) en lugar de usar elementos de botón o deshabilitando la pestaña a través de tabindex = ”- 1”; y ocultar elementos de formulario (en una interfaz con pestañas) pero no eliminarlos del flujo de pestañas (para que los elementos de formulario ocultos puedan enfocarse).

Todas estas praxis se han obviado en el desarrollo de este sitio web con el objeto de favorecer la accesibilidad al contenido en todo momento.

Comprender y utilizar puntos de referencia HTML

Es posible que las personas que usan dispositivos de asistencia no deseen examinar todo el contenido de manera lineal, sino que prefieran usar una vista de esquema (generada a partir de marcas) para encontrar el contenido relevante.

Para ello, esta web tiene establecidos puntos de referencia en HTML para definir áreas específicas, como cabecera (header), contenido principal (main), formularios de contacto (form), elementos o menús de navegación (nav), y pie de página (footer).

Uso de los atributos ARIA solo cuando es necesario

ARIA son las siglas de Accessible Rich Internet Applications. Es una especificación opcional pero útil para definir formas de marcar HTML que tiene experiencias dinámicas (generalmente controladas por JavaScript).

El objetivo al usarlos es comunicar al navegador y la tecnología de asistencia, como los lectores de páginas web, cómo va a cambiar el contenido o cuál es el propósito del contenido. Los mensajes de error dinámicos pueden llamar a los lectores de pantalla, los botones se pueden vincular al contenido al que afectan y se pueden expresar muchos otros estados útiles a nivel de código.

Durante el desarrollo de esta web, se ha utilizado el etiquetado y marcado de ARIA sólo en aquellos casos en que la propia semántica del HTML no era suficiente para describir el estado o función de un objeto.

Brindar a los usuarios una forma de omitir la navegación de nivel superior para acceder al contenido principal

Especialmente útil para los usuarios de teclado, es darles una vía de pasar por alto la navegación de nivel superior (header) para acceder al contenido principal (main). Para ello se ha establecido un botón en la parte superior de la página (solo puede ser visible si está activo) que, cuando se hace clic, cambia el enfoque actual del botón a la parte superior del contenido principal de la página. Esto evita que el usuario tenga que desplazarse por muchos elementos de navegación.

Este botón de acceso al contenido se halla antes del comienzo del menú principal de navegación.

Hacer enlaces descriptivos

La tecnología de asistencia es capaz de encontrar todos los enlaces en una página y presentarlos en varias formas, pero estos enlaces son bastante poco prácticos si se trata de enlaces que son solo el texto «haga clic aquí».

Por tanto, se han creado vínculos que describan claramente a dónde irá el usuario si hace clic en él, lo que les dará una idea de la acción que se va a llevar a cabo al hacer clic.

Evite imágenes e iconografía en pseudo-elementos

Se ha evitado, en la medida de lo posible, la creación de iconos en pseudo-elementos que al ser leídos por la tecnología de asistencia (que se basa en HTML para encontrar el contenido que se presentará a los usuarios) proporcionen lecturas de elementos vacíos.

Aquellos que se han implementados y corresponden a esta característica, han sido etiquetados mediante aria-hidden=”true”, para evitar lo descrito anteriormente y favorecer la experiencia a los usuarios que utilizan tecnología asistida para la lectura de la página web.

Crear rutas alternativas para que los usuarios accedan a la información

Puede ser difícil convertir ciertos componentes (como un mapa SVG o un video) en experiencias accesibles. En estos casos, y para esta web en concreto, se ha considerado el incluir descripciones de los videos para los usuarios que puedan requerirlo.

Los enlaces son visualmente identificables

Los enlaces en esta web tienen asigados estilos claros que definen los estados enfoque (:focus)  y activo (:active). La propiedad de contorno indica cuando un elemento o seleccionado o tiene foco. Esto es útil para los usuarios que no tienen la capacidad de usar un mouse o tienen problemas de visión.

El documento HTML tiene un atributo de idioma

El atributo HTML lang se utiliza para identificar el idioma del contenido de texto en la web. Esta información ayuda a los motores de búsqueda a devolver resultados específicos del idioma, y ​​también la utilizan los lectores de pantalla que cambian de perfil de idioma para proporcionar el acento y la pronunciación correctos.

04. Herramientas alternativas que se aportan para favorecer la experiencia de usuario a nivel de accesibilidad

Menú de Accesilibilidad

Con el objeto de hacer la experiencia de navegación web más amigable a usuarios con diversas discapacidades, se ha habilitado un menú de accesibilidad que incide directamente sobre la presentación del contenido.

Estos estilos asignados, se corresponden con los siguientes criterios:

Modo claro
Visualización de contenido en modo de alto contraste sobre fondo claro.

Modo oscuro
Visualización de contenido en modo de alto contraste sobre fondo oscuro.

Resaltado
Esta función sombrea las áreas de texto de la web.

Tamaño de fuente
Permite aumentar el tamaño de las fuentes que se visualizan en el sitio web.

Enlaces
Resalta los enlaces (internos y externos) del sitio.

Espaciado
Aumenta el interlineado de los textos del sitio web para favorecer la legibilidad de los mismos.

Dislexia
Alterna la tipografía principal del sitio por otra con características de monoespaciado que permitan una mayor legilibilidad, y por tanto una mayor compresión, de los textos a usuarios con problemas de dislexia.

05. Implementación de software de terceros

Esta web utiliza un gestor de contenidos (CMS) y software desarrollado por terceros para un correcto funcionamiento.

Aunque en gran medida se han revisado para cumplir con las recomendaciones de Accesibilidad, estas herramientas, así como su gestor de contenidos, se han actualizan de manera periódica. Esto puede ocasionar que en momentos determinados, entre revisiones periódicas de Accesibilidad, algunas de estas actualizaciones no cumpla con los criterios establecidos para un sitio web accesible.

En este caso, o en cualquier otro en el que como usuario pueda detectar algún problema relativo a la Accesibilidad de esta página, no dude en ponerse en contacto con nosotros y hacérnoslo saber.