Ir al contenido

Auditoría Gratis
Sobre nosotros
Servicios
Blog
Contacto

Auditoría Gratis
Sobre nosotros
Servicios
Blog
Contacto

Accesible Web Blog – Tu Guía en Accesibilidad Digital

Consejos, normativas y estrategias para hacer tu sitio web más accesible, inclusivo y optimizado.

Buscar

Página web con contenido emergente al pasar el cursor. El cuadro emergente muestra una definición sobre accesibilidad, pero desaparece al intentar interactuar con él.

Fallo Común F95 de WCAG 2.1: Contenido en Hover que no permite interacción

Ejemplo de uso incorrecto de unidades de ventana gráfica (vh) en CSS, impidiendo el ajuste del tamaño del texto.

Fallo Común F94 de WCAG 2.1: Uso incorrecto de unidades de ventana gráfica para cambiar el tamaño del texto

Texto 'role="presentation"' en negrita, representando el uso del atributo en accesibilidad web.

Fallo Común F92 de WCAG 2.1: Uso incorrecto del rol presentation en contenido semántico

Tabla de datos con información de nombre, edad, altura y peso, con encabezados correctamente marcados en negrita.

Fallo Común F91 de WCAG 2.1: No marcar correctamente los encabezados de las tablas

Ejemplo de tabla con encabezados jerárquicos para tareas, exámenes y proyectos, ilustrando la correcta asociación entre encabezados y celdas de datos según las WCAG 2.1.

Fallo Común F90 de WCAG 2.1: Asociación incorrecta de encabezados de tablas con los atributos id y headers

Enlace a la página de inicio de Accesible Web con una imagen sin texto alternativo significativo, dificultando su identificación para usuarios de tecnologías de asistencia

Fallo Común F89 de WCAG 2.1: No proporcionar un nombre accesible para una imagen que es el único contenido en un enlace

Comparación de dos párrafos justificados con "ríos de blanco", resaltados en azul, que dificultan la lectura del texto. Ilustra el problema de accesibilidad del Fallo F88 en WCAG 2.1.

Fallo Común F88 de WCAG 2.1: Uso de texto justificado (alineado tanto a los márgenes izquierdo como derecho)

Lista de elementos con texto significativo: 'Importante: Revisa la documentación antes de continuar.' y 'Nota: Esta sección se actualizará próximamente.' mostrando una solución accesible sin el uso de pseudoelementos CSS.

Fallo Común F87 de WCAG 2.1: Inserción de contenido no decorativo con ::before y ::after en CSS

Formulario accesible para ingresar número de teléfono con etiquetas programáticamente asociadas a cada campo de entrada.

Fallo Común F86 de WCAG 2.1: No proporcionar nombres en campos de formularios de varias partes

Cuadro de diálogo accesible con foco automático en el mensaje importante y botón de cierre, asegurando una navegación eficiente con teclado.

Fallo Común F85 de WCAG 2.1: Menús y cuadros de diálogo fuera del orden lógico de navegación

Ejemplo de enlace no específico con el texto 'haga clic aquí' sin indicar su propósito, lo que dificulta la accesibilidad.

Fallo Común F84 de WCAG 2.1: Enlaces no específicos, como «haga clic aquí» o «más», sin un mecanismo para cambiar el texto del enlace a un texto específico.

Texto 'Regístrate ahora para recibir ofertas exclusivas' en blanco con borde sombreado sobre un fondo azul con lunares blancos, mejorando la legibilidad gracias al mayor contraste

Fallo Común F83 de WCAG 2.1: Insuficiente contraste entre texto y fondo en imágenes

Posts anteriores Posts siguientes

673 346 726
info@accesibleweb.com
Praza da Curtidoira, 4 Pontevedra

Textos legales

Aviso legal
Política de cookies
Política de privacidad
Declaración de accesibilidad

Aviso legal
Política de cookies
Política de privacidad
Declaración de accesibilidad

Redes sociales