Se define la accesibilidad web como una característica de una página web que hace que se pueda utilizar por personas que padecen algún tipo de discapacidad, sea temporal o definitiva. El concepto de accesibilidad surge para eliminar las dificultades de acceso para las personas con discapacidad (tanto sensorial como física), pero además permite otras ventajas adicionales para los usuarios web sin discapacidad. Un organismo internacional, la W3C, definió en el año 2008 un conjunto de reglas de diseño, las WCAG 2.0, a seguir para conseguir una web accesible. El objetivo principal del Trabajo de Final de Grado consiste en la creación de una aplicación de análisis y mejora de la accesibilidad web. Dicha aplicación se genera a partir de un marco de desarrollo definido en una Tesis Doctoral presentada en la UIB.
Opciones de accesibilidad de los navegadores web
Los navegadores web Explorer, Netscape, Mozilla, FireFox, Opera, etc. incorporan diferentes opciones de accesibilidad que permiten personalizar el programa, el acceso y la visualización de las páginas. Algunos son recursos comunes en Windows pero otros están relacionados con el código html.
Barra de herramientas
Los navegadores tienen diferentes barras de herramientas con funciones específicas: herramientas, direcciones, favoritos, historial y muchas otras. Estas barras pueden ser un estorbo, ya que reducen la ventana donde se visualiza la página web y complican la interfaz del usuario. Para evitar esas molestias se pueden ocultar.
Por el contrario, la barra de herramientas estándar puede emplearse cuando las personas prefieran utilizar el lenguaje gráfico de los iconos como alternativa al lenguaje textual de los menús. Se puede activar la “visión de pantalla completa”, F11, que esconde la barra de menú y otras barras de herramientas, simplificando el entorno y ampliando la zona de la pantalla.
Algunas de las barras de herramientas se pueden personalizar:
La barra de herramientas estándar contiene las herramientas de navegación. En algunos programas podemos añadir, quitar y ordenar los botones, usar iconos grandes o pequeños y mostrar u ocultar el texto de las etiquetas. En Explorer y Firefox se accede desde el menú Ver | Barra de Herramientas |Personalizar.
La barra de vínculos es un espacio reducido donde podemos guardar enlaces a las webs más visitadas. En Internet Explorer se pueden cambiar los iconos para que resulten comprensibles.
Favoritos.
Es un espacio amplio que permite guardar de forma ordenada las direcciones web de nuestro interés. Personalizar estas herramientas permite crear una lista de enlaces, con iconos significativos, que facilitan el acceso rápido a las páginas web sin tener que teclear las direcciones.
“Autocompletar“ es otra opción que ahorra tiempo al teclear ya que, a medida que se escribe muestra una lista de entradas coincidentes donde podemos seleccionar nuestro texto.
5.5.2.1. Visualización de las páginas web.
Los navegadores disponen de opciones para mejorar la visualización de las páginas web siempre que estas respeten las pautas de accesibilidad. Es posible:
Variar el tamaño de la fuente, o CTRL+ / CTRL– en muchos navegadores, o desde el menú Ver | Tamaño del texto.
Cambiar el color del texto y del fondo de la página web si se necesitan colores de gran contraste. Menú Herramientas | Opciones de Internet | Colores.
Asociar una hoja de estilo para visualizar la información de la web con fuentes y colores acorde con nuestras necesidades.
5.5.2.2. Acceso sin ratón.
Las personas que no puedan manejar el ratón disponen de los métodos abreviados de teclado para acceder a las opciones del programa y navegar por la Web. La utilizan habitualmente las personas ciegas y pero también aquellas que utilizan teclados virtuales programables.
Los navegadores web tienen unos métodos del teclado propios para navegar por la página web además de los habituales desplazarse por cualquier documento.
Herramienta de accesibilidad
Hemos usado el plugin ONE TAP una herramienta diseñada para mejorar la accesibilidad digital, cuyo propósito principal es adaptar la visualización de las páginas web para que sean más comprensibles, legibles y navegables para personas con distintos tipos de discapacidad. A continuación, se detalla para qué sirve cada una de estas funciones y qué beneficios concretos aportan a las personas con discapacidad:
1. Permite aumentar el texto
- Utilidad: Amplía el tamaño de la fuente en todo el contenido visible.
- Beneficia a: Personas con baja visión, presbicia, problemas de enfoque o fatiga visual.
- Ventaja: Reduce la necesidad de esfuerzo visual y mejora la legibilidad sin perder el contexto del contenido.
2. Aumentar el interlineado
- Utilidad: Incrementa el espacio vertical entre líneas de texto.
- Beneficia a: Personas con dislexia, dificultades cognitivas, trastorno por déficit de atención (TDAH) o trastornos del procesamiento visual.
- Ventaja: Disminuye la confusión entre líneas consecutivas, mejora la comprensión y reduce el estrés visual.
3. Modificar la alineación del texto
- Utilidad: Permite cambiar la alineación del texto (justificado, alineado a la izquierda, centrado, etc.).
- Beneficia a: Personas con dislexia o dificultades de seguimiento visual.
- Ventaja: Evita la formación de “ríos de texto”, es decir, espacios irregulares entre palabras que dificultan la lectura, especialmente cuando el texto está justificado.
4. Cambia la tipografía a una fuente más legible
- Utilidad: Sustituye la fuente original por una más clara y accesible, como OpenDyslexic, Arial o Verdana.
- Beneficia a: Personas con dislexia, baja visión o dificultades de lectura.
- Ventaja: Mejora la diferenciación entre caracteres similares (por ejemplo, “b” y “d”, “i” y “l”), lo que facilita la decodificación del texto.
5. Cambiar a escala de grises
- Utilidad: Elimina los colores y presenta el contenido solo en tonos de gris.
- Beneficia a: Personas con daltonismo o que se distraen con colores intensos o innecesarios.
- Ventaja: Permite centrarse en el contenido textual sin interferencias cromáticas y facilita la comprensión basada en el contraste.
6. Modifica el contraste
- Utilidad: Ajusta la relación de luminosidad entre el texto y el fondo, permitiendo modos de alto contraste o inversión de colores.
- Beneficia a: Personas con baja visión, sensibilidad a la luz o visión borrosa.
- Ventaja: Mejora la visibilidad y legibilidad del texto al evitar combinaciones de colores poco perceptibles.
7. Informa sobre la estructura de la página
- Utilidad: Muestra al usuario cómo está organizada la página en términos de encabezados, secciones y elementos de navegación.
- Beneficia a: Personas ciegas o con discapacidad cognitiva que utilizan lectores de pantalla o necesitan un esquema lógico.
- Ventaja: Facilita una navegación coherente y predecible, crucial para la autonomía y la orientación dentro del sitio web.
8. Resalta los enlaces
- Utilidad: Marca visualmente los enlaces mediante subrayados, cambios de color o destacando su contorno.
- Beneficia a: Personas con dificultades visuales o trastornos del procesamiento visual.
- Ventaja: Mejora la identificación de elementos interactivos, evitando que pasen desapercibidos.
9. Enfoca el entorno
- Utilidad: Reduce el brillo o la visibilidad de los elementos no esenciales, dejando en primer plano el texto o sección activa.
- Beneficia a: Personas con trastornos de atención (como el TDAH), hipersensibilidad visual o fatiga cognitiva.
- Ventaja: Disminuye las distracciones visuales y permite centrar la atención en la lectura o tarea específica.
La barra de herramientas de accesibilidad hace que sea muy sencillo encontrar y cambiar todo tipo de ajustes de accesibilidad.
Sus otras características le dan la posibilidad de habilitar el salto al contenido, añadir el enfoque del contorno para los elementos enfocables, eliminar los atributos de destino de los enlaces y añadir roles de referencia a los enlaces.
Preparación de la presente declaración de accesibilidad
La presente declaración fue preparada el 5 de junio de 2025.
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: 5 de junio de 2025.
Observaciones y datos de contacto
Puede realizar comunicaciones sobre requisitos de accesibilidad (artículo 10.2.a) del Real Decreto 1112/2018, de 7 de septiembre) 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.
A través del Correo electrónico: info@sepropyme.com