Reglas

Los 34 resúmenes compuestos por Criterio de Éxito de WCAG no aparecen aquí: no son reglas configurables individualmente, pertenecen a Conformidad en su lugar. Consulta cómo se organizan las reglas para ver automáticas frente a manuales, cómo se estructuran los ID de regla y las facetas de WCAG.

Automáticas (79), pueden devolver fail

79 reglas automáticas
ID de reglaTítuloSC de WCAGNivelConfianzaGravedad
area-alt-present<area> debe tener un nombre accesible1.1.1Ahighserious
aria-allowed-attrLos atributos aria-* deben estar permitidos para el rol del elemento4.1.2Amediummoderate
aria-allowed-roleEl rol explícito debe estar permitido en el elemento al que se aplicahighmoderate
aria-braille-equivalent`aria-braillelabel` y `aria-brailleroledescription` deben tener un equivalente para tecnologías no braille4.1.2Ahighmoderate
aria-conditional-attraria-errormessage requiere que aria-invalid tenga un valor distinto de false4.1.2Ahighmoderate
aria-deprecated-roleEl atributo role no debe usar un rol ARIA obsoleto o desaconsejado para autores4.1.2Ahighmoderate
aria-hidden-bodyEl <body> del documento no debe tener aria-hidden1.3.1, 4.1.2Ahighcritical
aria-hidden-focusLos elementos ocultos con ARIA no deben ser enfocables2.4.7, 4.1.2AAhighserious
aria-prohibited-attrLos atributos de nombrado ARIA no deben usarse en roles que los prohíben4.1.2Ahighmoderate
aria-prohibited-childrenLos roles contenedores no deben incluir hijos con roles no permitidos1.3.1Amediummoderate
aria-required-attrLos elementos con roles que requieren estados o propiedades ARIA deben incluirlos4.1.2Ahighserious
aria-required-childrenLos roles contenedores deben incluir al menos un hijo con uno de los roles requeridos1.3.1Amediummoderate
aria-required-parentLos roles que requieren un rol de contexto específico deben estar en ese contexto1.3.1Amediummoderate
aria-role-name-presentLos roles ARIA que lo requieren deben tener un nombre accesible4.1.2Ahighserious
aria-roles-validEl atributo role debe ser un rol ARIA válido y no abstracto4.1.2Ahighserious
aria-valid-attrLos atributos `aria-*` deben estar definidos en la especificación ARIA4.1.2Ahighserious
aria-valid-attr-valueLos valores de los atributos `aria-*` deben ajustarse al tipo definido4.1.2Ahighserious
autocomplete-validEl atributo `autocomplete` debe tener un valor válido1.3.5AAhighmoderate
avoid-inline-spacingEl estilo en línea no debe forzar un espaciado de texto por debajo de la métrica de WCAG1.4.12AAhighmoderate
binary-control-name-presentLos controles binarios tienen un nombre accesible4.1.2Ahighserious
button-name-presentLos botones tienen un nombre accesible4.1.2Ahighserious
canvas-text-alternative-present<canvas> debe proporcionar una alternativa textual1.1.1Ahighserious
combobox-name-presentLos cuadros combinados deben tener un nombre accesible4.1.2Ahighserious
contrast-computableDebe ser posible calcular el contraste del texto renderizado1.4.3, 1.4.6AAAhighserious
contrast-enhancedEl texto cumple el contraste de color mejorado (AAA)1.4.6AAAhighserious
contrast-minimumEl texto cumple el contraste de color mínimo (AA)1.4.3AAhighserious
css-orientation-lockEl CSS no debe bloquear la página a una sola orientación1.3.4AAhighserious
definition-list-children-validLas listas de descripciones deben tener una estructura válida1.3.1Ahighserious
deprecated-elements-not-usedNo deben usarse elementos obsoletos cuyo movimiento no pueda detenerse2.2.2Ahighserious
dialog-name-presentLos diálogos tienen un nombre accesible4.1.2Ahighserious
dlitem-parent-validLos términos y las descripciones deben estar dentro de una lista de descripciones1.3.1Ahighserious
duplicate-idLos ID deben ser únicos4.1.1Ahighmoderate
duplicate-id-ariaLos ID referenciados por ARIA deben ser únicos4.1.2Ahighserious
embed-text-alternative-present<embed> debe proporcionar una alternativa textual1.1.1Ahighserious
form-control-programmatic-label-presentLos controles de formulario deben tener una etiqueta programática1.3.1, 3.3.2, 4.1.2Amediumserious
form-control-single-labelLos controles de formulario no deben tener varias etiquetas3.3.2Ahighmoderate
html-lang-attr-presentEl idioma de la página está declarado3.1.1Ahighserious
html-xml-lang-mismatchlang y xml:lang no deben discrepar3.1.1Ahighserious
identical-iframes-same-purposeLos marcos con el mismo nombre deben mostrar el mismo recurso4.1.2Amediummoderate
iframe-focusable-contentLos marcos con tabindex="-1" no deben contener contenido enfocable2.1.1Ahighmoderate
iframe-name-presentLos marcos deben tener un nombre accesible4.1.2Ahighserious
iframe-title-uniqueLos títulos de los marcos deben ser únicos4.1.2Ahighmoderate
img-alt-present<img> debe tener un atributo alt1.1.1Ahighserious
input-image-alt-present<input type="image"> debe tener un atributo alt1.1.1Ahighserious
label-in-nameEtiqueta en el nombre: el nombre accesible contiene el texto visible2.5.3Ahighserious
link-in-text-blockLos enlaces dentro de bloques de texto deben distinguirse del texto circundante sin depender únicamente del color1.4.1Ahighserious
link-name-presentLos enlaces tienen un nombre accesible4.1.2Ahighserious
list-children-validLas listas solo deben contener elementos de lista como hijos directos1.3.1Ahighserious
listbox-name-presentLos cuadros de lista deben tener un nombre accesible4.1.2Ahighserious
listitem-parent-validLos elementos de lista deben estar dentro de un contenedor de lista1.3.1Ahighserious
menuitem-name-presentLos elementos de menú tienen un nombre accesible4.1.2Ahighserious
meta-refresh-no-exceptionsLa página no debe usar meta refresh en absoluto (AAA)2.2.4, 3.2.5AAAhighmoderate
meta-refresh-timing-absentLa página no debe usar un meta refresh temporizado2.2.1Ahighserious
meta-viewport-zoom-enabledLa etiqueta meta viewport no debe desactivar el zoom1.4.4AAhighserious
meter-name-presentLos indicadores con rol `meter` deben tener un nombre accesible1.1.1Ahighserious
nested-interactive-controls-absentLos controles interactivos no deben anidarse4.1.2Ahighserious
object-text-alternative-present<object> debe proporcionar una alternativa textual1.1.1Ahighserious
option-name-presentLas opciones tienen un nombre accesible4.1.2Ahighserious
page-title-presentLa página tiene un título no vacío2.4.2Ahighserious
presentational-children-focusable-absentLos roles con hijos presentacionales no deben contener contenido enfocable4.1.2Ahighserious
progressbar-name-presentLas barras de progreso tienen un nombre accesible1.1.1Ahighserious
role-img-text-alternative-presentLos elementos con rol `img`, `graphics-symbol` o `graphics-document` deben tener una alternativa textual1.1.1Ahighserious
searchbox-name-presentLos cuadros de búsqueda tienen un nombre accesible4.1.2Ahighserious
server-side-image-map-absentLas imágenes no deben usar un mapa de imagen del lado del servidor2.1.1Ahighserious
slider-name-presentLos controles deslizantes tienen un nombre accesible4.1.2Ahighserious
spinbutton-name-presentLos controles numéricos tienen un nombre accesible4.1.2Ahighserious
summary-name-presentLos elementos <summary> tienen un nombre accesible4.1.2Ahighserious
svg-image-text-alternative-presentEl <image> de SVG debe tener una alternativa textual1.1.1Amediumserious
svg-text-alternative-present<svg> debe proporcionar una alternativa textual1.1.1Ahighserious
tab-name-presentLas pestañas tienen un nombre accesible4.1.2Ahighserious
table-headers-attr-validEl atributo "headers" de una celda de tabla debe referenciar celdas de encabezado válidas1.3.1Ahighserious
table-th-has-data-cellsLos elementos <th> deben describir al menos una celda de datos1.3.1Ahighmoderate
target-size-minimumLos objetivos de puntero deben medir al menos 24 × 24 px o mantener una separación suficiente2.5.8AAmediumserious
td-has-headerLas celdas de datos en tablas grandes deben tener un encabezado asociado1.3.1Ahighserious
textbox-name-presentLos cuadros de texto tienen un nombre accesible4.1.2Ahighserious
tooltip-name-presentLa información sobre herramientas debe tener un nombre accesible4.1.2Ahighserious
treeitem-name-presentLos elementos de árbol tienen un nombre accesible4.1.2Ahighserious
valid-langEl atributo lang del elemento debe ser sintácticamente válido3.1.2AAhighmoderate
video-poster-text-alternative-presentLa imagen de portada de `video` debe tener una alternativa textual1.1.1Amediumserious

Manuales (53), informativas, limitadas a cantTell

53 reglas manuales
ID de reglaTítuloSC de WCAGNivelConfianzaGravedad
accesskeysLos valores de accesskey deben ser únicosmediumminor
area-alt-qualityEl texto alt de <area> debe ser apropiado (revisión manual)1.1.1Amediumminor
aria-checked-state-mismatch`aria-checked` debe coincidir con el estado real de las casillas y los botones de opción nativos4.1.2Amediummoderate
aria-textLos elementos role="text" no deberían tener descendientes enfocablesmediumminor
bypass-blocks-presentLa página debe ofrecer una forma de omitir bloques repetidos2.4.1Amediummoderate
canvas-text-alternative-qualityLa alternativa textual de <canvas> debe ser adecuada (revisión manual)1.1.1Amediumminor
css-focus-indicator-suppressedEl indicador de foco no debe eliminarse sin un reemplazo2.4.7AAmediumserious
css-hidden-focusLos elementos enfocables no deben estar ocultos visualmente2.4.7AAlowserious
embed-text-alternative-qualityLa alternativa textual de <embed> debe ser adecuada (revisión manual)1.1.1Amediumminor
empty-headingLos encabezados no deben estar vacíosmediumminor
empty-table-headerLas celdas de encabezado de tabla no deben estar vacíasmediumminor
focus-order-semanticsLos elementos añadidos al orden de tabulación deben tener semántica interactivamediumminor
form-control-label-qualityLas etiquetas de los campos de formulario deben ser descriptivas y distinguibles2.4.6AAmediumminor
form-control-programmatic-label-qualityLos controles de formulario no deben depender de placeholder o title como etiqueta principal4.1.2Amediummoderate
heading-orderLos niveles de encabezado no deben saltarse un nivelmediumminor
heading-qualityEl texto del encabezado debe ser descriptivo, no un marcador de posición2.4.6AAmediumminor
identical-links-same-purposeLos enlaces con el mismo nombre accesible deben llevar al mismo destino2.4.9AAAlowminor
image-redundant-altEl texto alternativo de la imagen no debe duplicar el texto visible adyacentemediumminor
img-alt-decorativeLos elementos <img>/<canvas>/<svg> excluidos deben ser decorativos (revisión manual)1.1.1Amediumminor
img-alt-qualityEl texto alternativo de <img> debe ser apropiado (revisión manual)1.1.1Amediumminor
input-image-alt-decorative<input type="image"> con alt="" debe ser apropiado (revisión manual)1.1.1Amediumminor
input-image-alt-qualityEl texto alternativo de <input type="image"> debe ser apropiado (revisión manual)1.1.1Amediumminor
label-title-onlyLos controles de formulario no deben usar title como única etiquetamediumminor
landmark-banner-is-top-levelLa región de referencia banner debe estar en el nivel superiormediumminor
landmark-complementary-is-top-levelLa región de referencia complementary debe estar en el nivel superiormediumminor
landmark-contentinfo-is-top-levelLa región de referencia contentinfo debe estar en el nivel superiormediumminor
landmark-main-is-top-levelLa región de referencia main debe estar en el nivel superiormediumminor
landmark-no-duplicate-bannerLa página no debe tener más de una región de referencia bannermediumminor
landmark-no-duplicate-contentinfoLa página no debe tener más de una región de referencia contentinfomediumminor
landmark-no-duplicate-mainLa página no debe tener más de una región de referencia mainmediumminor
landmark-one-mainLa página debería tener una región de referencia mainmediumminor
landmark-uniqueLas regiones de referencia con el mismo rol deben tener nombres únicosmediumminor
link-name-qualityEl texto del enlace debe ser descriptivo, no genérico2.4.4Amediumminor
manual-reviewRevisión manual: navegación por teclado y orden de foco2.1.1, 2.4.3, 2.4.7AAmediummoderate
media-alternative-transcript-evidenceMedios basados en tiempo: evidencia de transcripción o alternativa textual1.2.1Alowmoderate
meta-viewport-largeLa etiqueta meta viewport debe permitir el zoom hasta el 500%mediumminor
mouse-only-event-handlersLos manejadores de eventos en línea exclusivos de puntero deben tener un equivalente accesible por teclado2.1.1Alowmoderate
no-autoplay-audioEl audio con reproducción automática debe ofrecer un mecanismo de pausa/detención o control de volumen1.4.2Alowmoderate
object-text-alternative-qualityEl texto alternativo de <object> debe ser apropiado (revisión manual)1.1.1Amediumminor
p-as-headingUn <p> con estilo de encabezado probablemente debería ser un encabezado real1.3.1Alowminor
page-has-heading-oneLa página debería tener un encabezado de nivel unomediumminor
page-title-patternsPatrones de título de página que pueden ser insuficientemente descriptivos2.4.2Amediumminor
password-paste-enabledLos campos de autenticación no deben bloquear el pegado3.3.8AAmediumserious
presentation-role-conflictUn rol presentacional no debe entrar en conflicto con un atributo ARIA global ni con la enfocabilidadmediumminor
regionEl contenido de la página debería estar dentro de regiones de referenciamediumminor
scope-attr-validEl atributo scope debe tener un valor válidomediumminor
scrollable-region-focusableLas regiones desplazables sin contenido enfocable deberían ser enfocables por teclado2.1.1, 2.1.3AAAlowmoderate
skip-linkEl enlace de salto debe tener un destino resoluble y utilizablemediumminor
svg-text-alternative-qualityLa alternativa textual de <svg> debe ser adecuada (revisión manual)1.1.1Amediumminor
tabindextabindex no debería ser mayor que 0mediumminor
table-duplicate-nameEl título de la tabla no debe duplicar su atributo summarymediumminor
table-fake-captionLa primera fila de una tabla no debería sustituir a un <caption> real1.3.1Alowminor
video-captionEl vídeo pregrabado debería proporcionar una pista de subtítulos1.2.2Alowmoderate