Contacto Empezar gratis
Base de conocimiento

Todas las reglas de accesibilidad que WCAG Guard evalúa

Cada regla incluye qué detecta, por qué importa, criterio WCAG asociado y cómo corregir el error. Son las mismas reglas que aparecen en tus informes de escaneo.

103
Reglas evaluadas
14
Categorías
50+
Criterios WCAG cubiertos

Contraste de color

WCAG 1.4.1 · 1.4.3 · 1.4.6 3 reglas
color-contrastContraste de color insuficienteSerious color-contrast-enhancedContraste mejorado (AAA)Moderate link-in-text-blockEnlace indistinguible del texto circundanteSerious

Imágenes y texto alternativo

WCAG 1.1.1 11 reglas
image-altTexto alternativo en imágenesCritical image-missing-altImagen sin atributo altCritical image-alt-is-filenameAlt de imagen es el nombre del archivoMinor image-weak-altTexto alternativo genérico o débilMinor image-alt-too-longTexto alternativo demasiado largoMinor image-decorative-has-altImagen decorativa con alt descriptivoMinor image-figure-missing-figcaptionFigure sin figcaptionMinor image-duplicate-altMúltiples imágenes con el mismo altMinor image-redundant-altTexto alternativo redundante en imágenesMinor image-empty-alt-in-linkImagen con alt vacío dentro de enlaceSerious input-image-altInput tipo imagen sin altCritical

Botones

WCAG 4.1.2 2 reglas
button-nameNombre accesible de botonesCritical button-emptyBotón vacío sin texto accesibleSerious

Enlaces y navegación

WCAG 2.4.4 · 2.4.1 9 reglas
link-nameNombre accesible de enlacesCritical link-emptyEnlace vacío sin textoSerious link-ambiguousTexto de enlace ambiguoMinor link-ambiguous-with-contextEnlace ambiguo sin contexto suficienteMinor link-duplicate-textMúltiples enlaces con el mismo texto a destinos diferentesMinor link-pseudo-unknown-destinationEnlace con destino desconocidoMinor link-redundantEnlace redundante al mismo destinoMinor bypassMecanismo para saltar bloques repetidosSerious skip-link-brokenSkip link roto o inefectivoSerious

Estructura de encabezados

WCAG 1.3.1 · 2.4.6 7 reglas
heading-orderOrden de encabezados incorrectoModerate heading-emptyEncabezado vacíoModerate heading-missing-h1Encabezado h1 ausenteModerate heading-multiple-h1Múltiples encabezados h1Moderate heading-skipped-levelNivel de encabezado saltadoModerate heading-suspected-nonsemanticTexto con apariencia de encabezado sin semánticaModerate page-has-heading-onePágina sin encabezado h1Moderate

Formularios y labels

WCAG 1.3.1 · 1.3.5 · 3.3.2 · 4.1.2 12 reglas
labelEtiqueta de campo de formularioCritical select-nameNombre accesible en selectCritical autocomplete-validValor de autocomplete inválidoSerious form-field-missing-labelCampo de formulario sin etiqueta accesibleCritical form-control-missing-labelCampo de formulario sin etiquetaCritical form-placeholder-onlyFormulario usa solo placeholder como etiquetaModerate form-control-weak-labelEtiqueta de formulario poco descriptivaModerate form-control-title-onlyCampo de formulario etiquetado solo con titleModerate form-duplicate-label-textEtiquetas de formulario duplicadasModerate fieldset-missing-legendFieldset sin legendSerious radio-group-no-fieldsetGrupo de radio buttons sin fieldsetSerious label-for-orphanEtiqueta label sin campo asociadoModerate

Teclado y foco

WCAG 2.1.1 · 2.4.3 · 2.4.7 6 reglas
focus-trapTrampa de foco de tecladoCritical focus-order-semanticsOrden de foco no sigue la semántica visualModerate scrollable-region-focusableRegión desplazable no enfocableSerious tabindexValor de tabindex mayor que 0Serious accesskeysTeclas de acceso duplicadasMinor nested-interactiveElementos interactivos anidadosSerious

ARIA

WCAG 4.1.2 13 reglas
aria-valid-attrAtributo ARIA inválidoCritical aria-valid-attr-valueValor de atributo ARIA inválidoCritical aria-rolesRol ARIA inválidoCritical aria-hidden-focusElemento enfocable con aria-hiddenSerious aria-hidden-bodyaria-hidden en bodyCritical aria-allowed-attrAtributo ARIA no permitido en el rolSerious aria-required-attrAtributo ARIA requerido ausenteCritical aria-required-childrenElementos hijo requeridos por ARIASerious aria-required-parentContexto padre requerido por ARIASerious aria-input-field-nameNombre accesible en campo ARIASerious aria-command-nameComando ARIA sin nombre accesibleSerious aria-toggle-field-nameCampo toggle ARIA sin nombre accesibleSerious aria-labelledby-brokenaria-labelledby referencia un ID inexistenteSerious

Landmarks

WCAG 1.3.1 16 reglas
landmark-one-mainAusencia de landmark mainModerate regionContenido fuera de landmarksModerate landmark-missing-mainLandmark main ausenteModerate landmark-multiple-mainMúltiples landmarks mainModerate landmark-missing-navigationLandmark de navegación ausenteModerate landmark-missing-footerFooter semántico ausenteModerate landmark-region-missing-labelRegión section sin label accesibleModerate landmark-duplicateLandmarks duplicados sin diferenciaciónModerate landmark-uniqueLandmarks duplicados sin etiqueta diferenciadoraModerate landmark-banner-is-top-levelLandmark banner no es de nivel superiorModerate landmark-contentinfo-is-top-levelLandmark contentinfo no es de nivel superiorModerate landmark-complementary-is-top-levelLandmark complementary no es de nivel superiorModerate landmark-main-is-top-levelLandmark main no es de nivel superiorModerate landmark-no-duplicate-bannerMúltiples landmarks bannerModerate landmark-no-duplicate-contentinfoMúltiples landmarks contentinfoModerate landmark-no-duplicate-mainMúltiples landmarks main en la páginaModerate

Documento y metadatos

WCAG 2.4.2 · 3.1.1 · 4.1.1 9 reglas
document-titleTítulo de página ausenteSerious html-has-langIdioma de página no especificadoSerious html-lang-validCódigo de idioma inválidoSerious valid-langCódigo de idioma inválido en elementos internosSerious duplicate-idIDs duplicados en la páginaModerate duplicate-id-activeIDs duplicados en elementos activosSerious duplicate-id-ariaIDs duplicados referenciados por ARIASerious meta-viewportViewport impide el zoom del usuarioCritical frame-titleIframe sin título descriptivoSerious

Tablas

WCAG 1.3.1 5 reglas
scope-attr-validAtributo scope inválido en tablaSerious table-duplicate-nameTabla con nombre duplicado en caption y summaryModerate td-headers-attrEncabezados de tabla incorrectosSerious th-has-data-cellsEncabezado th sin celdas de datos asociadasModerate table-fake-captionTabla con caption falsoModerate

Listas y estructura

WCAG 1.3.1 4 reglas
listLista con estructura incorrectaMinor listitemElemento li fuera de listaMinor definition-listLista de definición con estructura incorrectaMinor dlitemElemento dt/dd fuera de lista de definiciónMinor

Multimedia

WCAG 1.2.1 · 1.2.2 3 reglas
audio-captionAudio sin subtítulosSerious video-captionVídeo sin subtítulosSerious object-altElemento object sin alternativa textualSerious

Otros

Varios 3 reglas
meta-refreshRedirección automática con meta refreshModerate server-side-image-mapMapa de imagen del lado servidorSerious noscript-presentElemento noscript presenteModerate
Motor de escaneo

Cómo detectamos los errores

axe-core

Motor open-source de Deque Systems, el estándar de la industria para testing automatizado de accesibilidad. Cubre las reglas del estándar WCAG 2.1/2.2 niveles A y AA.

8 auditorías propietarias

Contraste, imágenes, encabezados, landmarks/ARIA, formularios, enlaces, teclado y metadatos. Complementan axe-core con análisis más profundo y contexto adicional.

Chromium headless

Cada página se renderiza en un navegador real con Playwright. JavaScript ejecutado completo. SPAs, SSR, React, Vue, Angular: todo se escanea como lo vería un usuario real.

¿Quieres ver estas reglas en acción en tu web?

Escanea tu web gratis y descubre qué reglas pasan y cuáles fallan. Informe con selector CSS, snippet HTML y código de corrección.

En profundidad

Reglas de accesibilidad web

Fundamento

¿Qué son las reglas de accesibilidad web?

Las reglas de accesibilidad web son verificaciones automatizables que evalúan si un elemento HTML cumple con un criterio de éxito del estándar WCAG. Cada regla tiene un identificador único (como color-contrast o image-alt), una severidad (critical, serious, moderate, minor), uno o más criterios WCAG asociados, y una descripción de cómo corregir el error. WCAG Guard evalúa 103 reglas en cada escaneo, combinando el motor axe-core de Deque Systems con 8 auditorías propietarias que profundizan en áreas como estructura de encabezados, landmarks semánticos y formularios.

Cobertura

¿Qué porcentaje de WCAG cubren las reglas automatizadas?

Las herramientas automatizadas pueden evaluar entre el 30-40% de los criterios WCAG de forma fiable. Esto incluye contraste de color, textos alternativos, estructura de encabezados, labels de formularios, atributos ARIA, navegación por teclado (parcialmente) y metadatos del documento. El 60-70% restante requiere juicio humano: verificar si un alt text es realmente descriptivo, probar flujos de usuario complejos, evaluar la comprensibilidad del contenido, y testar compatibilidad con lectores de pantalla. WCAG Guard automatiza todo lo automatizable y señala explícitamente los criterios que necesitan revisión manual.

Severidad

¿Cómo se determina la severidad de un error?

La severidad de cada error sigue el sistema de impacto de axe-core: Critical (bloquea completamente al usuario, como un formulario sin labels o un menú que no funciona por teclado), Serious (dificulta gravemente el uso, como contraste insuficiente o enlaces sin texto), Moderate (causa problemas parciales, como encabezados con niveles saltados) y Minor (inconvenientes menores, como alt text redundante). WCAG Guard añade un factor adicional: el riesgo de negocio. Los errores en páginas de checkout, registro o pago se marcan como alto riesgo independientemente de su severidad técnica.

Uso

¿Cómo interpretar un informe de reglas?

Cada error en un informe de WCAG Guard incluye: el identificador de la regla (ej: button-name), el criterio WCAG afectado (ej: 4.1.2), la severidad, el selector CSS del elemento con el error, un snippet del HTML problemático y las instrucciones de corrección con código de ejemplo. Para cada regla, esta página de referencia explica qué detecta, por qué importa para la accesibilidad y cómo resolverlo paso a paso. Los enlaces desde el informe apuntan directamente a la regla correspondiente.

Preguntas frecuentes

Sobre las reglas

¿Son las mismas reglas que axe-core?

WCAG Guard usa axe-core como base pero añade 8 auditorías propietarias que profundizan en áreas donde axe-core es más superficial: estructura de encabezados, calidad de labels en formularios, patrones de enlaces, y análisis de landmarks. El resultado son 103 reglas combinadas.

¿Se actualizan las reglas?

Sí. El motor se actualiza regularmente. Cuando axe-core publica nuevas versiones con reglas adicionales o mejoras, las integramos. Las auditorías propietarias se refinan continuamente basándose en patrones reales detectados en escaneos de producción.

¿Puedo ignorar una regla si es falso positivo?

Sí. En los planes Pro y Agency puedes marcar issues individuales como "ignorados" con un motivo. Los issues ignorados no cuentan para el compliance score y se excluyen de informes futuros, pero puedes revertirlo en cualquier momento.

¿Las reglas cubren WCAG 2.2?

Sí. WCAG Guard evalúa criterios de WCAG 2.1 y 2.2 niveles A y AA. Esto incluye los criterios nuevos de 2.2 como 2.4.11 (Focus Not Obscured) y 3.3.7 (Redundant Entry) en la medida en que son evaluables de forma automatizada.

¿Qué pasa con los errores que el scanner no puede detectar?

WCAG Guard marca explícitamente los criterios como "pass", "fail" o "necesita revisión manual". Para cobertura completa, recomendamos auditoría manual experta.

¿Los enlaces del informe llevan aquí?

Sí. Cada error en un informe de WCAG Guard incluye un enlace "Más información" que apunta a la página de la regla específica (ej: /rules/color-contrast). Ahí encontrarás la explicación detallada, criterio WCAG asociado, ejemplos de código y recursos adicionales.

Descubre qué reglas pasan y cuáles fallan en tu web

Escaneo gratuito. Sin tarjeta. Informe completo con cada regla evaluada y su resultado.