Contenido principal

Ejemplos de errores de accesibilidad

  • Compartir

Introducción

Antes de explicar los errores comunes, es conveniente entender cómo actúan los dispositivos de ayuda a la lectura para personas que tengan dificultades de visión o de interpretación.

¿Qué es un lector de pantalla?

Un lector de pantalla es un software que lee en voz alta o traduce a braille el contenido de la pantalla. Algunos de los más conocidos son:

  • JAWS (Job Access With Speech) – muy usado en entornos profesionales.

  • NVDA (NonVisual Desktop Access) – gratuito y de código abierto.

  • VoiceOver – integrado en dispositivos Apple.

  • Narrador de Windows – incluido en sistemas Windows

¿Cómo navega una persona invidente por una web?

  • Usan el teclado, no el ratón. Las teclas permiten moverse por encabezados, enlaces, listas, formularios y otros elementos.

  • El lector interpreta el HTML semántico: etiquetas como <h1>, <nav>, <button>, <ul>, etc. ayudan a entender la estructura.

  • Los textos alternativos (alt) en imágenes son esenciales para describir contenido visual.

  • Los roles ARIA (Accessible Rich Internet Applications) permiten describir elementos dinámicos como menús o pestañas

¿Qué lee exactamente el lector de pantalla?

  • Encabezados y títulos: ayudan a entender la estructura y la jerarquía del contenido.

  • Enlaces y botones: si están bien etiquetados, el lector puede anunciar su función.

  • Formularios: los campos deben tener etiquetas (label) claras.

  • Contenido dinámico: si se actualiza sin recargar la página, debe notificarse mediante ARIA Live Regions

¿Cómo se actúa en la práctica?

  1. Se abre el navegador.

  2. Se navega por la estructura de la página recorriendo los encabezados con teclas rápidas.

  3. Se accede a listas de elementos y enlaces  y se realiza búsquedas.

  4. Se recibe retroalimentación auditiva sobre cada acción

  • Errores más frecuentes que pueden evitarse en la redacción del contenido:

    • Identificación de elementos gráficos
    • Estructura y jerarquía de los contenidos
    • Semántica de textos
    • Identificación de enlaces

     

Errores relacionados con elementos gráficos

  • Imágenes

    Errores más frecuentes:

    • Uso excesivo de imágenes decorativas, sin función comunicativa.
    • Falta de etiquetado en los campos ALT (texto alternativo) y TITLE (título o descripción del objeto de la función comunicativa de la imagen.
    • Imagenes con texto que intentan transmitir información.
    • Texto sobre imágenes con poco contraste.
  • Exceso de imágenes decorativas sin función comunicativa

    Recorte de páginas de internet con imágenes decorativas
  • Imágenes sin texto ALT o con descripción incorrecta

    Imagen 1
  • imagen con texto no accesible

    mapa descriptivo de los accesos al hopsital desde el transporte público
  • Texto sobre imagen con poco contraste

    foto del hospital Ramón y Cajal con el texto "hospitales" superpuesto
  • Vídeo

    • Vídeos sin subtitulado o sin traducción a lenguaje de signos

Organización del contenido

  • Estructura y organización del contenido

    • Cómo interpretan la página los dispositivos de ayuda a la lectura
    • Importancia de la separación correcta de las secciones y de los párrafos. Uso de los encabezados y otros elementos de organización: listas, 

    Jerarquía de encabezados

    • Secuencia correcta de niveles H1, H2, H3, H4. 
    • Saltos de nivel incorrectos

    Otros usos incorrectos de encabezados

    • Falta de contenido tras encabezado, encabezados demasiado largos y falsos encabezados. 
  • Ejemplos de errores de encabezado

    Saltos de nivel de encabezado:

    UNIDAD DE COMUNICACIÓN  (encabezado H3)

    Contacto (Encabezado H3)

    Responsable de Comunicación / Prensa:  (encabezado H2)

    • Fulanito de Tal (encabezado H1).


    Encabezado demasiado largo y falta de contenido tras encabezado:

    ¿Quiénes somos?

    El Servicio de Aparato Digestivo del Hospital Universitario 12 de Octubre está formado por un equipo de profesionales dedicados a la prevención, diagnóstico y tratamiento de las enfermedades gastrointestinales, hepáticas y bilio-pancreáticas, en el que médicos, enfermeras, técnicos y personal administrativo trabajan con el objetivo de proporcionar a nuestros pacientes con enfermedades digestivas la mejor asistencia sanitaria.


    Falso encabezado:

    Servicio destacado (encabezado H3)

    Uno de los servicios más reputados a nivel nacional e internacional  (falso encabezado con estilo negrita. Debería ser encabezado H4)

    El Servicio de Aparato Digestivo del Hospital Universitario 12 de Octubre ha sido designado en los últimos años entre los servicios con mejor reputación de España de su especialidad, según el estudio elaborado por el Monitor de Reputación Sanitaria. En los últimos años se encuentra en el top 100 internacional del ranking World´s Best Hospitals.


Errores en semántica de textos

  • Tablas

    Uso incorrecto de tabla para maquetar:

    ZONA DE INFLUENCIA

    (Equipos de Atención Primaria y Zonas Básicas de Salud)

    La Chopera 1

    Paracuellos de Jarama

    La Chopera 2

    El Molar

    Miraflores

    La Cabrera

    Marqués de la Valdavia

    Torrelaguna

    La Moraleja

    Buitrago de Lozoya

    V Centenario

    Rascafría

    Reyes Católicos

    Algete

    Rosa de Luxemburgo

     


    Falta de definición de encabezados y título de tabla:

    Teléfonos de interés 

    Centralita 91 8973000
    Admisión 91 8973093
    Atención al Paciente 91 8973066
    Trabajo Social 91 8973112

    Tabla corregida

    Teléfonos de interés
    Unidad Número de teléfono
    Centralita 91 8973000
    Admisión 91 8973093
    Atención al Paciente 91 8973066
    Trabajo Social 91 8973112

     

  • Párrafos mal organizados y con dificultad de lectura:

    REGLAMENTO (UE) 2016/679 DEL PARLAMENTO EUROPEO Y DEL CONSEJO de 27 de abril de 2016 relativo a la protección de las personas físicas en lo que respecta al tratamiento de datos personales y a la libre circulación de estos datos 

    1.El presente Reglamento establece las normas relativas a la protección de las personas físicas en lo que respecta al tratamiento de los datos personales y las normas relativas a la libre circulación de tales datos.

    2.El presente Reglamento protege los derechos y libertades fundamentales de las personas físicas y, en particular, su derecho a la protección de los datos personales.

    3.La libre circulación de los datos personales en la Unión no podrá ser restringida ni prohibida por motivos relacionados con la protección de las personas físicas en lo que respecta al tratamiento de datos personales.  

    Los datos de carácter personal que se recojan durante su estancia en este Centro quedarán registrados en un fichero con la finalidad de poder prestarle de forma adecuada la asistencia sanitaria que nos demanda, estando a disposición exclusivamente de los profesionales que le atiendan. No se le pedirán más datos de los que se consideren necesarios para su atención, ya que no disponer de los datos necesarios puede suponer una inadecuada prestación de la asistencia. Sobre todos sus datos registrados en el fichero, usted tendrá los derechos de acceso para su conocimiento, rectificación de los datos inexactos o incompletos y cancelación cuando ya no sean necesarios.La Dirección del Centro asume la responsabilidad sobre el correcto tratamiento de los datos contenidos en el fichero, siendo ante ella donde se deben ejercer los derechos que la Ley reconoce al paciente.Sus datos de carácter personal no se utilizarán para ninguna otra finalidad distinta de las relacionadas directamente con la prestación asistencial, ni se le cederán a nadie, en tanto y en cuanto usted no dé su consentimiento o bien se eliminen todos los datos que le identifiquen o permitan identificarle.


     

  • Uso incorrecto de listas y falsas listas

    Ejemplo de falsa lista ordenada:

    Proyectos de Investigación:

    1- Identificación y evaluación de biomarcadores relacionados con la hipoxia para el diagnóstico no invasivo de la enfermedad hepática grasa no alcohólica y del daño vascular asociado

    2- Assessment of bone morphogenetic proteins as novel potential biomarkers for non-invasive management of patients with non-alcoholic fatty liver disease

    3- Caracterización de nuevas dianas moleculares en la fisiopatología de le enfermedad hepática grasa no alcohólica

    4- Plan estratégico multinivel para la microeliminación de la hepatitis C en un área sanitaria de la Comunidad de Madrid

    5- Red de excelencia de investigación en Hipoxia (SAF2017-90794-REDT) Ministerio de Economía, Industria y Competitividad Coordinador: Edurne Berra

    Lista correcta: 

    Proyectos de Investigación:

    1. Identificación y evaluación de biomarcadores relacionados con la hipoxia para el diagnóstico no invasivo de la enfermedad hepática grasa no alcohólica y del daño vascular asociado
    2. Assessment of bone morphogenetic proteins as novel potential biomarkers for non-invasive management of patients with non-alcoholic fatty liver disease
    3. Caracterización de nuevas dianas moleculares en la fisiopatología de le enfermedad hepática grasa no alcohólica
    4. Plan estratégico multinivel para la microeliminación de la hepatitis C en un área sanitaria de la Comunidad de Madrid
    5. Red de excelencia de investigación en Hipoxia (SAF2017-90794-REDT) Ministerio de Economía, Industria y Competitividad Coordinador: Edurne Berra

     

Enlaces

  • Identificación de los enlaces

    • Deben ser descriptivos del objeto y destino del enlace.
    • Deben ser identificables y perceptibles.
    • Los que lleven al mismo destino deben tener el mismo texto descriptivo. No se debe utilizar el mismo texto para enlaces que vayan a destinos diferentes.

    Ejemplos de errores frecuentes: 

    Descripición insuficiente o incorrecta:

    • Para cualquier información o propuesta de alianza con el Hospital en materia de RSS puede enviar un correo pinchando AQUI

    Descripción correcta de este enlace: