YuJa EqualGround escanea una variedad de problemas comunes en sus páginas web y documentos. Esta guía ofrece un panorama de todos los problemas que se detectan con la plataforma, incluidos el nombre del problema, la descripción y detalles adicionales cuando corresponda.
Problemas de accesibilidad
Nota: Todos los problemas enumerados en las tablas WCAG, ARIA, y Mejores prácticas pueden resolverse con YuJa AutoPilot y la remediación en línea.
WCAG
| Nombre del problema | Descripción del problema | Resumen de la remediación |
| Atributos alt faltantes en contenido que no es texto | Al elemento img le falta el texto alternativo. | Agrega un nombre accesible. |
| Texto alternativo faltante en botones de imagen | Esta imagen se usa como botón, pero no tiene texto alternativo, por lo que los usuarios de lectores de pantalla no pueden saber qué hace el botón. | Agrega un nombre accesible. |
| Texto alternativo faltante en elementos con rol img | Este elemento está marcado como imagen (role="img"), pero no tiene descripción. | Agrega un nombre accesible. |
| Roles de presentación y estados ocultos en contenido decorativo | Los lectores de pantalla anuncian este elemento decorativo aunque no aporta ninguna información. | Agrega aria-hidden="true" a <svg>; establece role="presentation" en <img>/<area>. |
| Atributos title redundantes en imágenes con texto alternativo vacío | Esta imagen está marcada como decorativa (texto alternativo vacío), pero aun así tiene un título en la información sobre herramientas, por lo que los lectores de pantalla la anuncian de todos modos. | N/A |
| Problemas de transcripción de audio faltante | Este reproductor de audio no tiene transcripción, por lo que las personas sordas o con dificultades auditivas no pueden acceder a su contenido. | Agrega <track> como elemento secundario. |
| Subtítulos faltantes en videos incrustados de Vimeo | Este video incrustado de Vimeo no tiene subtítulos. | No es posible modificar los subtítulos de videos de otras plataformas. |
| Subtítulos faltantes en videos incrustados de YouTube | Este video incrustado de YouTube no tiene subtítulos. | No es posible modificar los subtítulos de videos de otras plataformas. |
| Subtítulos faltantes en contenido de video | Este video no tiene subtítulos, por lo que las personas sordas o con dificultades auditivas no pueden seguirlo. | Agrega <track> como elemento secundario. |
| Estructura incorrecta de lista de definiciones | Esta lista de descripciones contiene contenido que no es ni un término ni una descripción, por lo que se rompe la correspondencia entre ambos. | Aplica una estructura válida dentro de las listas de descripciones (<dl>) envolviendo en etiquetas <dd> los elementos secundarios directos no válidos. |
| Estructura incorrecta de lista | Esta lista contiene contenido que no es un elemento de lista, por lo que los lectores de pantalla anuncian una cantidad de elementos incorrecta. | Inserta elementos de lista en los lugares correctos para corregir la estructura de una lista dentro de tablas. |
| Uso incorrecto del atributo headers mediante scope en tablas | Esta tabla usa celdas de datos simples como encabezados, por lo que los lectores de pantalla no pueden asociar cada valor con el encabezado correcto. | Agrega los elementos <th> que faltan al <thead> y establece roles columnheader en los encabezados existentes. |
| Uso incorrecto del atributo scope en tablas | El atributo scope se usa en una celda que no es un encabezado, por lo que los lectores de pantalla no pueden determinar la estructura de la tabla. | Establece el atributo de un rol de tabla en 'col' o 'row' según su ubicación. |
| Aria-level faltante en roles de encabezado | Este elemento actúa como un encabezado, pero no indica de qué nivel es, por lo que los usuarios de lectores de pantalla no pueden saber dónde se ubica en el esquema de la página. | Agrega un aria-level de 1, 2, 3, 4, 5 o 6. |
| Fieldset o grupo faltante para entradas con el mismo nombre | Estos botones de opción o casillas de verificación están agrupados, pero carecen de una etiqueta que indique a los usuarios de lectores de pantalla qué representa el grupo. | N/A |
| Legend faltante en fieldset | Al elemento <fieldset> le falta un <legend>, por lo que los lectores de pantalla no pueden identificar el contexto ni la etiqueta de grupo de estos campos de formulario. | Agrega un elemento legend como primer elemento secundario de un fieldset. |
| Elemento principal faltante para elementos de definición | Este término o esta descripción no está dentro de una lista de descripciones, por lo que los lectores de pantalla no pueden asociar ambos. | Envuelve los elementos <dt> o <dd> huérfanos en un contenedor <dl>. |
| Elemento principal faltante para elementos de lista | Este elemento de lista no está dentro de una lista, por lo que los lectores de pantalla no lo anuncian como parte de una lista. | Envuelve los elementos <li> huérfanos en un contenedor <ul> u <ol>. |
| Los encabezados de tabla no contienen datos de tabla | Las celdas de encabezado de esta tabla no tienen celdas de datos asociadas, por lo que los encabezados no describen nada. | Inserta una celda de datos nueva y con contenido en la posición correcta para garantizar que cada encabezado esté asociado con contenido significativo. |
| Problemas de orientación en aplicaciones web móviles de Apple | Esta página se bloquea en una sola orientación de pantalla, por lo que las personas que montan su dispositivo en una posición fija no pueden usarla. | Cambia la orientación de Apple a 'any'. |
| Problemas de orientación en meta viewport | La configuración del viewport de esta página bloquea la orientación o impide hacer zoom, por lo que las personas que necesitan girar o ampliar la página no pueden hacerlo. | Establece el atributo correcto y su valor para los meta viewport. |
| Valores de autocompletar no válidos en campos de formulario | Este campo de formulario no le indica al navegador qué tipo de información recopila, por lo que no se puede completar automáticamente. | Valida el atributo autocomplete en los elementos de formulario y lo restablece a 'off' si el valor no es válido. |
| Atributo de autocompletar faltante en campos de formulario | Este campo de formulario no le indica al navegador qué tipo de información recopila, por lo que no se puede completar automáticamente. | N/A |
| Estilo de enlace faltante en enlaces | Este enlace solo se distingue del texto que lo rodea por su color, por lo que las personas que no perciben las diferencias de color no lo notarán. | Fuerza el estilo de enlace estándar agregando subrayado y cursor de puntero a las etiquetas de anclaje que no los tienen. |
| Controles de audio faltantes en reproductores de audio | Este audio se reproduce sin darle al usuario ninguna forma de pausarlo o detenerlo. | Agrega el atributo controls. |
| Problemas de contraste bajo en el texto | Este texto no resalta lo suficiente sobre su fondo, por lo que las personas con baja visión podrían no poder leerlo. | Actualiza el color del texto al inverso del color de fondo. |
| Problemas de contraste mejorado en el texto | Este texto no cumple el nivel de contraste mejorado que exige WCAG AAA. | Actualiza el color del texto al inverso del color de fondo. |
| Tamaños de fuente absolutos en párrafos | El tamaño del texto de este párrafo está fijado en píxeles, por lo que no responde cuando un lector aumenta el tamaño del texto de su navegador. | Establece el tamaño de fuente en 1em. |
| Alturas de línea absolutas en párrafos | El interlineado de este párrafo está fijado en píxeles, por lo que no aumenta cuando un lector agranda el tamaño del texto. | Establece la altura de línea en 1.5em. |
| Interlineado insuficiente en párrafos | Las líneas de este párrafo están demasiado juntas, lo que dificulta la lectura del texto a las personas con dislexia o baja visión. | Establece la altura de línea en 1.5em. |
| Alineación de texto justificada en párrafos | Este párrafo está justificado, lo que crea espacios irregulares entre las palabras y dificulta la lectura del texto. | Establece la alineación del texto a la izquierda. |
| Problemas de restricción del viewport | Esta página no se adapta al ancho de la pantalla, por lo que las personas con pantallas pequeñas o con zoom alto tienen que desplazarse hacia los lados para leerla. | Establece el atributo content con los valores correctos. |
| Controles con problemas de contraste bajo | El borde, el fondo o el texto de este control de formulario no resalta lo suficiente, por lo que las personas con baja visión podrían no verlo. | Actualiza el color del texto al inverso del color de fondo. |
| Espaciado entre letras inaccesible | Este texto impide que los lectores amplíen el espacio entre las letras, algo que algunas personas necesitan para leer con comodidad. | Establece el espaciado entre letras en 0.12em mediante una declaración de estilo en línea con important. |
| Altura de línea inaccesible | Este texto impide que los lectores aumenten el espacio entre las líneas, algo que algunas personas necesitan para leer con comodidad. | Establece line-height en 1.5em. |
| Espaciado entre palabras inaccesible | Este texto impide que los lectores amplíen el espacio entre las palabras, algo que algunas personas necesitan para leer con comodidad. | Establece word-spacing en 0.16em. |
| Regiones desplazables inaccesibles | Esta área se desplaza, pero los usuarios de teclado no pueden llegar a ella porque no puede recibir el foco. | Establece el índice de tabulación del nodo en 0. |
| Cambios de contenido temporizados controlados por el usuario | Esta página se actualiza sola con un temporizador, lo que puede interrumpir a las personas que leen despacio o que usan un lector de pantalla. | Establece el atributo content del meta refresh en 72000. |
| Etiquetas obsoletas en el contenido | Este contenido usa una etiqueta de parpadeo o desplazamiento que los navegadores ya no admiten y que puede causar problemas a las personas con afecciones de atención o vestibulares. | Elimina el elemento obsoleto. |
| Mecanismo para omitir bloques faltante | Los usuarios de teclado y de lectores de pantalla tienen que recorrer con la tecla Tab todo el encabezado de cada página antes de llegar al contenido. | Agrega un enlace visible “omitir e ir al contenido principal” al inicio del body y garantiza que exista un elemento de destino válido. |
| Títulos de página faltantes | Esta página no tiene título, por lo que aparece como “Sin título” en las pestañas del navegador, los marcadores y los resultados de búsqueda, y los lectores de pantalla no anuncian nada cuando se carga. | Agrega un título provisional al html. |
| Orden de foco incorrecto | El foco del teclado salta de un lugar a otro de esta página en lugar de seguir el orden en que los elementos aparecen en pantalla. | Establece el índice de tabulación del nodo en 0. |
| Problemas de propósito de los enlaces | Varios enlaces de esta página comparten el mismo texto pero llevan a destinos distintos, por lo que los usuarios de lectores de pantalla no pueden distinguirlos. | Actualiza el atributo href copiando el destino de otro elemento con el mismo nombre accesible o usa un marcador de posición si no se encuentra ninguna coincidencia. |
| Encabezados de página faltantes | Esta página carece de un encabezado principal, lo que dificulta que los usuarios de lectores de pantalla comprendan rápidamente el tema principal o naveguen por la estructura. | Agrega un elemento h1 al body. |
| Encabezados de sección faltantes | Esta sección no tiene encabezado, por lo que los usuarios de lectores de pantalla no pueden saber qué contiene ni omitirla. | Inserta un encabezado h2 con texto predeterminado como primer elemento secundario del elemento. |
| Tamaño insuficiente de los elementos interactivos | Este control es demasiado pequeño para hacer clic o tocar con fiabilidad, lo que resulta difícil para las personas con destreza limitada. | Establece el ancho mínimo del nodo en 44px y la altura mínima en 44px. |
| Tamaño pequeño del objetivo táctil | Este control es demasiado pequeño para tocarlo con precisión en una pantalla táctil, o está demasiado cerca del control contiguo. | N/A |
| Tamaño pequeño del objetivo táctil | Este control es demasiado pequeño para tocarlo con precisión en una pantalla táctil, o está demasiado cerca del control contiguo. | N/A |
| Idioma declarado inconsistente | Esta página declara dos idiomas distintos, por lo que los lectores de pantalla no pueden saber qué pronunciación usar. | No se pudo obtener el nodo de referencia HTML. |
| Declaración de idioma faltante | Esta página no indica en qué idioma está escrita, por lo que los lectores de pantalla podrían leerla con una pronunciación incorrecta. | No se pudo obtener el nodo de referencia HTML. |
| Valor no válido en el atributo lang | La página usa un código de idioma no válido, lo que hace que los lectores de pantalla recurran a la configuración predeterminada y pronuncien mal el contenido. | N/A |
| Cambios de contexto inesperados al recibir el foco | Este formulario se envía en cuanto un campo recibe el foco o se pasa el cursor sobre él, lo que le quita el control al usuario. | N/A |
| Aviso a los usuarios sobre pestañas nuevas | Este enlace se abre en una pestaña nueva sin previo aviso, lo que puede desorientar a los usuarios de lectores de pantalla y a las personas que usan ampliación. | Agrega “(se abre en una pestaña nueva)” además del atributo original del nodo. |
| Descripciones de error de los campos de entrada como atómicas | Cuando este mensaje de error se actualiza, los lectores de pantalla leen solo la parte que cambió, por lo que el mensaje deja de tener sentido. | Establece el valor de aria-atomic en 'true'. |
| Nombre accesible faltante en botones | Este botón no tiene texto ni etiqueta, por lo que los usuarios de lectores de pantalla solo escuchan el nombre genérico del elemento. | Agrega un aria-label con el valor 'Button'. |
| Nombre accesible faltante en Input/Select/Textarea | Este campo de formulario no tiene etiqueta, por lo que los usuarios de lectores de pantalla no saben qué deben ingresar. | Agrega un nombre accesible. |
| Nombres accesibles faltantes en <iframe> | Este marco incrustado no tiene título, por lo que los usuarios de lectores de pantalla no pueden saber qué contiene antes de entrar en él. | N/A |
| Descripciones de enlace faltantes | El enlace no tiene un texto descriptivo ni una etiqueta accesible, por lo que los usuarios de lectores de pantalla solo escuchan “enlace” sin ninguna indicación de su destino. | Agrega un nombre accesible. |
| Controles interactivos anidados | Un control en el que se puede hacer clic está dentro de otro, por lo que los lectores de pantalla y los teclados no pueden distinguirlos ni acceder a ambos. | Convierte los enlaces y botones en elementos span estáticos, elimina las entradas de formulario y quita los atributos interactivos. |
ARIA
| Nombre del problema | Descripción del problema | Resumen de la remediación |
| Atributos ARIA no válidos | Este elemento tiene un atributo ARIA que no está permitido en él, por lo que la tecnología de asistencia podría describirlo de forma incorrecta. | Elimina de un elemento los atributos ARIA que no son válidos o no son compatibles con su rol asignado, para que la semántica de accesibilidad del elemento siga siendo válida. |
| Atributos ARIA no válidos | Este elemento tiene un atributo ARIA que no está permitido en él, por lo que la tecnología de asistencia podría describirlo de forma incorrecta. | N/A |
| Roles ARIA no válidos | El elemento no tiene un valor de rol válido. | Elimina los atributos role no válidos de los elementos visibles e intenta reemplazarlos por el rol implícito correcto del elemento, o elimina el atributo por completo para restablecer una semántica válida. |
| Nombre accesible faltante en propiedades braille | Este elemento tiene una etiqueta braille, pero no una etiqueta de texto correspondiente, por lo que no queda ninguna alternativa de texto para los usuarios que dependen de tecnologías de asistencia. | Garantiza un uso válido de ARIA para braille eliminando los atributos específicos de braille si faltan sus equivalentes estándar obligatorios. |
| Nombre accesible faltante en propiedades braille | Este elemento tiene una etiqueta braille, pero no una etiqueta de texto correspondiente, por lo que no queda ninguna alternativa de texto para los usuarios que dependen de tecnologías de asistencia. | Garantiza un uso válido de ARIA para braille eliminando los atributos específicos de braille si faltan sus equivalentes estándar obligatorios. |
| Atributos ARIA condicionalmente incorrectos | Las condiciones para el uso de la etiqueta ARIA no son adecuadas. Ciertas etiquetas ARIA solo pueden usarse en los elementos si se cumplen determinadas condiciones. | Elimina los atributos aria-checked redundantes de las casillas de verificación nativas y actualiza el rol de una tabla a treegrid. |
| Uso de roles ARIA obsoletos | El valor asignado al atributo role está obsoleto y ya no es válido. | Detecta los roles ARIA obsoletos y los reemplaza por un equivalente moderno (en concreto, asigna directory a section) o elimina el atributo para garantizar el cumplimiento de los estándares. |
| Diálogos ARIA no válidos | El diálogo carece de un nombre accesible, lo que dificulta que los usuarios de lectores de pantalla identifiquen su propósito o determinen qué se abrió. | Garantiza que el diálogo tenga un nombre accesible válido agregando un aria-label derivado de su contenido de texto, o un valor alternativo predeterminado si no existen atributos de etiquetado explícitos. |
| Elemento body oculto | Toda la página está oculta para la tecnología de asistencia, lo que impide que los usuarios accedan a su contenido o funcionalidad. | Elimina el atributo aria-hidden. |
| Nombres accesibles faltantes en campos de entrada | Este campo de entrada no tiene una etiqueta accesible, por lo que los usuarios de lectores de pantalla no pueden determinar qué información se espera que ingresen. | Aplica una etiqueta predeterminada "Toggle Option" si falta, o establece explícitamente el aria-label para que coincida con el texto existente. |
| Uso de atributos ARIA prohibidos | El atributo ARIA tiene prohibido su uso con el rol del elemento. | Elimina los atributos ARIA que están estrictamente prohibidos para el rol de un elemento. |
| Roles ARIA redundantes | Este elemento ya tiene la semántica que proporciona el rol, por lo que el rol es redundante. | N/A |
| Atributos ARIA obligatorios faltantes | El rol de este elemento requiere un atributo que falta, por lo que la tecnología de asistencia no puede informar su estado. | Agrega valores de atributo predeterminados para los atributos no válidos. |
| Elementos secundarios ARIA obligatorios faltantes | Al elemento le falta un valor de rol secundario. | Agrega los elementos secundarios obligatorios que faltan y elimina los secundarios no válidos. |
| Elemento principal ARIA obligatorio faltante | Al elemento le falta un valor de rol principal. | Elimina los roles ARIA incorrectos. |
| Uso de descripción de rol ARIA no válida | El elemento con el atributo aria-roledescription requiere un rol compatible, explícito o implícito. | Elimina aria-roledescription de los elementos decorativos o sin rol (donde está prohibido) y lo convierte en un aria-label. |
| Uso de roles ARIA abstractos | El valor de rol ARIA asignado no es válido. Debe revisarse que los valores de rol no tengan errores de ortografía y que correspondan a valores de rol ARIA existentes. | Elimina los atributos role que sean errores tipográficos, no sean compatibles o sean roles “abstractos”. |
| Uso no válido de roles ARIA | El valor de rol ARIA asignado no es válido. Debe revisarse que los valores de rol no tengan errores de ortografía y que correspondan a valores de rol ARIA existentes. | Elimina los atributos role que sean errores tipográficos, no sean compatibles o sean roles “abstractos”. |
| Uso de roles ARIA no compatibles | El valor de rol ARIA asignado no es válido. Debe revisarse que los valores de rol no tengan errores de ortografía y que correspondan a valores de rol ARIA existentes. | Elimina los atributos role que sean errores tipográficos, no sean compatibles o sean roles “abstractos”. |
| Nombres accesibles faltantes en campos de entrada | El elemento con un rol semántico no tiene un nombre accesible. | Aplica una etiqueta predeterminada "Toggle Option" si falta, o establece explícitamente el aria-label para que coincida con el texto existente. |
| Atributos ARIA no válidos | Este atributo no es un atributo ARIA real: está mal escrito o no existe, por lo que la tecnología de asistencia lo ignora. | Elimina todos los atributos ARIA no válidos. |
| Valores de atributo ARIA no válidos | Este atributo ARIA del elemento contiene un valor no válido. | Corrige los valores no válidos asignados a los atributos ARIA restableciéndolos a valores predeterminados seguros. |
| Atributos ARIA globales en elementos con rol de presentación | Este elemento está marcado como decorativo, pero sigue siendo accesible con el teclado, por lo que los usuarios de lectores de pantalla se encuentran con un elemento que no se anuncia. | Elimina los atributos role explícitos que coinciden exactamente con el rol implícito integrado del elemento. |
| Elementos enfocables que usan el rol de presentación | Este elemento está marcado como decorativo, pero sigue siendo accesible con el teclado, por lo que los usuarios de lectores de pantalla se encuentran con un elemento que no se anuncia. | Elimina el rol si el elemento es enfocable para restaurar su valor semántico, o quita los atributos ARIA globales en conflicto para mantener su condición decorativa. |
Mejores prácticas
| Nombre del problema | Descripción del problema |
| Nombre accesible y etiqueta visible que no coinciden | El texto que se muestra como etiqueta del elemento interactivo no aparece en el nombre accesible programado especificado en el HTML, como los que proporcionan las etiquetas <label> y <aria-label>. |
| Encabezados vacíos | Los encabezados no contienen ninguna descripción significativa, lo que puede resultar confuso al navegar. |
| Niveles de encabezado omitidos | Se omitieron ciertos niveles de encabezado en la página, lo que rompe la estructura lógica del contenido. |
| Texto alternativo repetido en imágenes | El texto alternativo de esta imagen repite palabras que ya aparecen justo a su lado. |
|
Roles de punto de referencia en elementos anidados |
El rol del punto de referencia no se aplica en la jerarquía de página correcta. |
| Elementos <noscript> incorrectos | La página incluye elementos <noscript> que proporcionan contenido solo cuando JavaScript está deshabilitado. |
| Falta el encabezado de nivel uno (H1) | La página no incluye un encabezado de nivel uno, que sirve para identificar el tema o el propósito principal de la página. |
| Uso de etiquetas visuales sin significado semántico | La página usa etiquetas solo visuales para dar estilo al texto en lugar de etiquetas semánticas. Estas etiquetas únicamente cambian el aspecto del texto, pero no aportan significado a las tecnologías de asistencia. |
| Regiones circundantes faltantes o mal definidas | Este contenido no está dentro de un punto de referencia, lo que dificulta que los usuarios de lectores de pantalla lo encuentren al navegar por regiones. |
|
Títulos de tabla duplicados |
Dos o más tablas de esta página comparten el mismo título. |
| Regiones de punto de referencia duplicadas | Esta página tiene más de un punto de referencia del mismo tipo, por lo que los usuarios de lectores de pantalla no pueden distinguirlos. |
Problemas de SEO
| Nombre del problema | Descripción del problema |
| Etiqueta canonical | Las etiquetas canonical evitan problemas de contenido duplicado al indicar a los motores de búsqueda qué versión de una página es la preferida. |
| Enlaces rastreables | Los enlaces con un destino faltante, vacío o roto impiden que los motores de búsqueda encuentren las páginas vinculadas. |
| Etiquetas de idioma y región (hreflang) | Las etiquetas hreflang indican a los motores de búsqueda el idioma y la región a los que está dirigida una página, para que la versión correcta aparezca en los resultados de búsqueda. |
| Código de estado de la página | Es posible que los motores de búsqueda no indexen las páginas que devuelven un código de estado de error. |
| Indexabilidad de la página | Las páginas bloqueadas para la indexación (por ejemplo, mediante una etiqueta o un encabezado "noindex") no pueden aparecer en los resultados de búsqueda. |
| Texto de enlace descriptivo | El texto de enlace descriptivo ayuda a los motores de búsqueda a comprender de qué trata la página vinculada. |
| Metadescripción | Las metadescripciones resumen una página y mejoran las tasas de clics desde los resultados de búsqueda. |
| Longitud de la metadescripción | Las metadescripciones vacías o de más de 160 caracteres pueden cortarse o ignorarse en los resultados de búsqueda. |
| Título de la página | Toda página necesita un título. Es el titular principal que se muestra en los resultados de búsqueda y en las pestañas del navegador. |
| Longitud del título de la página | Los títulos de más de 65 caracteres pueden cortarse en los resultados de búsqueda. |
| Archivo robots.txt | Un archivo robots.txt no válido puede impedir que los motores de búsqueda rastreen el sitio correctamente. |
| Etiquetas para compartir en redes sociales (Open Graph) | Las etiquetas Open Graph controlan cómo se ve el contenido cuando se comparte en redes sociales. |
| Datos estructurados | Los datos estructurados (JSON-LD) ayudan a los motores de búsqueda a categorizar el contenido y pueden mejorar cómo aparece la página en los resultados. |
| Mapa del sitio XML | Un mapa del sitio que incluya la página ayuda a los motores de búsqueda a rastrear el sitio de forma eficaz. |
| Cantidad de enlaces internos | Más de 100 enlaces internos en una página pueden diluir el valor de los enlaces y perjudicar el posicionamiento. |
| Redirecciones de página | Las páginas que redirigen a otra URL ralentizan la carga y pueden debilitar el posicionamiento en las búsquedas. |
| Etiqueta viewport para móviles | Las metaetiquetas viewport hacen que las páginas se muestren correctamente en todos los dispositivos, y la compatibilidad con dispositivos móviles es un factor de posicionamiento. |
| Encabezado principal (H1) | Cada página debe tener exactamente un encabezado H1 para que los motores de búsqueda comprendan su tema principal. |
| Texto alternativo de imágenes | El texto alternativo ayuda a los motores de búsqueda a indexar las imágenes y mejora la accesibilidad. |
Problemas de usabilidad
| Nombre del problema | Descripción del problema |
| Legibilidad | El contenido es demasiado complejo o difícil de entender para el público al que está dirigido. |
| Errores ortográficos | Los errores de ortografía socavan la credibilidad y el profesionalismo de un sitio web. |
| Enlaces rotos | Los enlaces rotos perjudican la experiencia del usuario y el rendimiento SEO. |
| Dominios no seguros | Los enlaces a dominios marcados como no seguros o maliciosos ponen en riesgo a los visitantes. |
| Exposición de información personal | Es posible que la página esté exponiendo por error información personal confidencial: |
| Números de seguro social (SIN) | La página contiene lo que parecen ser números de seguro social (SIN). |
| Números de teléfono | La página contiene números de teléfono. |
| Direcciones de correo electrónico | La página contiene direcciones de correo electrónico. |
Problemas de rendimiento
| Nombre del problema | Descripción del problema |
| Primer renderizado con contenido (FCP) | El tiempo desde la navegación hasta que el navegador renderiza el primer elemento de contenido. |
| Renderizado del mayor elemento con contenido (LCP) | El tiempo desde la navegación hasta que se renderiza el elemento de contenido visible más grande. |
| Tiempo total de bloqueo (TBT) | El tiempo total entre el primer renderizado con contenido y el tiempo hasta la interactividad en que la página no puede responder a la entrada del usuario. |
| Cambio de diseño acumulado (CLS) | Cuánto se mueve de forma inesperada el contenido visible mientras se carga la página. Cuanto más bajo, mejor. |
| Tiempo hasta el primer byte (TTFB) | El tiempo desde la navegación hasta que el navegador recibe el primer byte de datos del servidor. |
| Índice de velocidad (SI) | Qué tan rápido se va llenando visiblemente el contenido de la página, medido como el tiempo promedio que tardan en aparecer las partes visibles de la página. |
Problemas que requieren revisión manual
Nota: Los problemas que se indican como que requieren revisión manual necesitan la verificación manual de un revisor de accesibilidad.
| Nombre del problema | Descripción del problema | Declaración de verificación manual |
| Revisión manual requerida: WCAG 1.1.1 | Proporcione alternativas de texto para el contenido que no es texto. | Las alternativas de texto describen con precisión el contenido que no es texto. |
| Revisión manual requerida: WCAG 1.2.1 | Para el contenido pregrabado de solo audio y de solo video, se cumple lo siguiente, excepto cuando el audio o el video sea una alternativa multimedia para el texto y esté claramente identificado como (1) un contenido pregrabado de solo audio, y (2) tenga una alternativa para medios basados en el tiempo que presente información equivalente para el contenido pregrabado de solo audio. | Las alternativas de texto coinciden correctamente con el contenido del audio o el video. |
| Revisión manual requerida: WCAG 1.2.2 | Se proporcionan subtítulos para todo el contenido de audio pregrabado en medios sincronizados, excepto cuando el medio sirve como alternativa al texto y está claramente identificado como tal. | Los subtítulos coinciden correctamente con el contenido del video. |
| Revisión manual requerida: WCAG 1.2.3 | Se proporciona una alternativa para medios basados en el tiempo o una audiodescripción del contenido de video pregrabado para los medios sincronizados, excepto cuando el medio sirve como alternativa al texto y está claramente identificado como tal. | Los videos incluyen una alternativa de texto, y se confirma que refleja con precisión el contenido. |
| Revisión manual requerida: WCAG 1.2.5 | Se proporciona audiodescripción para todo el contenido de video pregrabado en medios sincronizados. | Los videos incluyen una audiodescripción, y esta refleja con precisión el contenido. |
| Revisión manual requerida: WCAG 1.2.6 | Se proporciona interpretación en lengua de señas para todo el contenido de audio pregrabado en medios sincronizados. | Los audios incluyen una alternativa en lengua de señas, y se confirma que refleja con precisión el contenido. |
| Revisión manual requerida: WCAG 1.2.7 | Cuando las pausas en el audio de primer plano son insuficientes para que las audiodescripciones transmitan el sentido del video, se proporciona audiodescripción extendida para todo el contenido de video pregrabado en medios sincronizados. | Los videos incluyen audiodescripciones extendidas que reflejan con precisión su contenido. |
| Revisión manual requerida: WCAG 1.2.8 | Debe proporcionarse una alternativa de texto completo (como una transcripción) para todos los medios sincronizados pregrabados y todos los medios pregrabados de solo video. Esta alternativa debe incluir todo el contenido visual y de audio en un único formato legible para los usuarios que no pueden acceder al video o al audio. | Los medios pregrabados incluyen una alternativa de texto completo que transmite tanto el contenido visual como el de audio. |
| Revisión manual requerida: WCAG 1.3.1 | La información, la estructura y las relaciones transmitidas mediante la presentación pueden determinarse mediante programación o están disponibles en texto. | Se usan correctamente la semántica, las etiquetas y las tablas de diseño. |
| Revisión manual requerida: WCAG 1.3.4 | El contenido no restringe su visualización y operación a una sola orientación de pantalla, como vertical u horizontal, a menos que una orientación de pantalla específica sea esencial. | Cualquier orientación impuesta es esencial para el contenido o la funcionalidad. |
| Revisión manual requerida: WCAG 1.3.5 | En el contenido implementado con lenguajes de marcado, el propósito de los componentes de la interfaz de usuario y de los mecanismos de navegación puede determinarse mediante programación. | Los atributos de autocompletar identifican correctamente el propósito de los campos de entrada. |
| Revisión manual requerida: WCAG 1.4.1 | El color no se usa como único medio visual para transmitir información, indicar una acción, solicitar una respuesta o distinguir un elemento visual. | N/A |
| Revisión manual requerida: WCAG 1.4.2 | Si cualquier audio de una página web se reproduce automáticamente durante más de 3 segundos, hay un mecanismo disponible para pausar o detener el audio, o un mecanismo para controlar el volumen del audio independientemente del nivel de volumen general del sistema. | El audio que se reproduce automáticamente se puede pausar, detener o silenciar. |
| Revisión manual requerida: WCAG 1.4.3 | La presentación visual del texto y de las imágenes de texto tiene una relación de contraste de al menos 4.5:1, excepto el texto grande, que debe tener una relación de contraste de al menos 3:1. | El texto cumple los requisitos de contraste mejorado según su tamaño. |
| Revisión manual requerida: WCAG 1.4.4 | Excepto en los subtítulos y las imágenes de texto, el texto se puede cambiar de tamaño sin tecnología de asistencia hasta un 200 por ciento sin pérdida de contenido ni de funcionalidad. | El contenido sigue siendo legible y funcional con un zoom del 200%. |
| Revisión manual requerida: WCAG 1.4.5 | Si las tecnologías utilizadas pueden lograr la presentación visual, se usa texto para transmitir información en lugar de imágenes de texto, excepto cuando la imagen de texto se pueda personalizar. | El texto no se presenta mediante imágenes a menos que sea esencial. |
| Revisión manual requerida: WCAG 1.4.6 | La presentación visual del texto y de las imágenes de texto tiene una relación de contraste de al menos 7:1, excepto el texto grande, que debe tener una relación de contraste de al menos 4.5:1. | El texto cumple los requisitos de contraste mejorado según su tamaño. |
| Revisión manual requerida: WCAG 1.4.7 | Para el contenido pregrabado de solo audio con voz en primer plano, el audio de fondo no está presente o es lo bastante bajo como para no interferir con la comprensión de la voz. | El audio de fondo no interfiere con la voz, a menos que sea intencional. |
| Revisión manual requerida: WCAG 1.4.8 | Hay un mecanismo disponible para personalizar la presentación visual de los bloques de texto, como cambiar los colores de primer plano y de fondo. | Se puede cambiar el estilo del texto. |
| Revisión manual requerida: WCAG 1.4.9 | Las imágenes de texto solo se usan para decoración pura o cuando una presentación particular del texto es esencial para la información que se transmite. | Las imágenes de texto se usan solo para decoración o cuando una presentación visual específica es esencial. |
| Revisión manual requerida: WCAG 1.4.10 | El contenido se puede presentar sin pérdida de información ni de funcionalidad, y sin necesidad de desplazamiento horizontal, con un ancho equivalente a 320 píxeles CSS. | El contenido sigue siendo legible y funcional con un zoom del 400%. |
| Revisión manual requerida: WCAG 1.4.11 | La presentación visual de los componentes de la interfaz de usuario y de los objetos gráficos necesarios para identificar los estados de la interfaz debe tener una relación de contraste de al menos 3:1, a menos que estén exentos. | Los componentes inactivos o las presentaciones gráficas están exentos de las relaciones de contraste de color. |
| Revisión manual requerida: WCAG 1.4.12 | Cuando los usuarios modifican las propiedades de espaciado del texto (como la altura de línea, el espaciado entre letras, el espaciado entre palabras o el espaciado entre párrafos) a los valores mínimos especificados, el contenido debe seguir siendo legible y funcional sin pérdida de información ni de funcionalidad. | El contenido sigue siendo legible y funcional cuando el espaciado del texto se ajusta a los valores mínimos. |
| Revisión manual requerida: WCAG 2.1.1 | Toda la funcionalidad del contenido se puede operar mediante una interfaz de teclado sin requerir tiempos específicos para las pulsaciones individuales de teclas, a menos que el movimiento de entrada sea esencial. | Los elementos interactivos son accesibles mediante una interfaz de teclado. |
| Revisión manual requerida: WCAG 2.1.2 | Si el foco se puede mover a un componente mediante el teclado, también debe poder salir de él usando solo el teclado. Si se requiere un método de salida no estándar, se debe informar al usuario. | Los elementos interactivos son accesibles mediante una interfaz de teclado. |
| Revisión manual requerida: WCAG 2.1.3 | Si se implementa un atajo de teclado con caracteres imprimibles, los usuarios deben poder desactivarlo, reasignarlo o restringirlo a los componentes que tengan el foco. | Los elementos interactivos son accesibles mediante una interfaz de teclado. |
| Revisión manual requerida: WCAG 2.2.1 | Para cada límite de tiempo establecido por el contenido, los usuarios deben poder desactivarlo, ajustarlo o ampliarlo, a menos que sea esencial o forme parte de un evento en tiempo real. | Los límites de tiempo se pueden desactivar, ajustar o ampliar. |
| Revisión manual requerida: WCAG 2.2.2 | Para el contenido que se mueve, parpadea, se desplaza o se actualiza automáticamente y dura más de cinco segundos, los usuarios deben poder pausarlo, detenerlo u ocultarlo, a menos que hacerlo sea esencial. | Los controles de cualquier contenido en movimiento (carruseles, banners, presentaciones) pueden recibir el foco del teclado y pueden detener el movimiento. |
| Revisión manual requerida: WCAG 2.2.3` | N/A | N/A |
| Revisión manual requerida: WCAG 2.2.6` | N/A | N/A |
| Revisión manual requerida: WCAG 2.3.1 | El contenido no debe parpadear más de tres veces por segundo, a menos que el destello esté por debajo del umbral que se sabe que causa convulsiones. | Las animaciones no parpadean más de tres veces por segundo ni superan los umbrales de intensidad y área del destello. |
| Revisión manual requerida: WCAG 2.3.2 | El contenido no debe parpadear más de tres veces por segundo. | Las animaciones no parpadean más de tres veces por segundo. |
| Revisión manual requerida: WCAG 2.3.3 | La animación de movimiento activada por la interacción del usuario debe poder desactivarse, a menos que la animación sea esencial para la funcionalidad. | Las animaciones activadas por la interacción del usuario se pueden desactivar. |
| Revisión manual requerida: WCAG 2.4.1 | Proporcione una forma para que los usuarios omitan los bloques de contenido repetido. | Los enlaces para omitir están presentes y funcionan como se espera. |
| Revisión manual requerida: WCAG 2.4.2 | Las páginas web deben tener títulos descriptivos que indiquen el tema o el propósito. | Los títulos resumen con precisión el contenido de la página. |
| Revisión manual requerida: WCAG 2.4.3 | Los componentes enfocables deben recibir el foco en un orden que preserve el significado y la operabilidad. | Los órdenes de foco siguen una secuencia lógica que preserva el significado y la funcionalidad. |
| Revisión manual requerida: WCAG 2.4.4 | La descripción del enlace no es clara sin más contexto, y los enlaces adyacentes no deben apuntar a la misma URL. | Los enlaces indican claramente su propósito. |
| Revisión manual requerida: WCAG 2.4.5 | Proporcione al menos dos formas de ubicar cada página web, a menos que forme parte de un proceso. | Hay al menos dos métodos para ubicar cada página web. |
| Revisión manual requerida: WCAG 2.4.6 | Los encabezados y las etiquetas deben describir el tema o el propósito del contenido al que están asociados. | Los encabezados y las etiquetas describen claramente el propósito de su contenido. |
| Revisión manual requerida: WCAG 2.4.7 | Debe haber un indicador de foco visible en cualquier componente de la interfaz de usuario que se pueda operar con el teclado. | Los componentes interactivos tienen un foco de teclado visible. |
| Revisión manual requerida: WCAG 2.4.8 | Debe estar disponible información sobre la ubicación del usuario dentro de un conjunto de páginas web para facilitar la orientación y la navegación. | La ubicación de las páginas se indica claramente dentro del sitio web. |
| Revisión manual requerida: WCAG 2.4.9 | El propósito de cada enlace debe poder identificarse solo a partir del texto del enlace, excepto cuando el propósito del enlace sea ambiguo para la mayoría de los usuarios. | Los enlaces contienen contexto o descripción suficientes para cumplir su propósito. |
| Revisión manual requerida: WCAG 2.4.10 | Use encabezados de sección para organizar el contenido y facilitar la navegación, aunque no sean necesarios para la estructura. | Los encabezados de sección son lógicos y distintos. |
| Revisión manual requerida: WCAG 2.5.2 | La funcionalidad que se puede operar con un solo puntero no debe activarse en el evento de pulsación inicial, a menos que sea esencial, o debe permitir cancelar o revertir la acción. | Las acciones no se activan al presionar el puntero, a menos que sea esencial. |
| Revisión manual requerida: WCAG 2.5.3 | La etiqueta de texto visible de un componente de la interfaz de usuario debe estar incluida en su nombre accesible para dar soporte a las tecnologías de asistencia. | Las etiquetas visibles coinciden con los nombres accesibles de los componentes de la interfaz. |
| Revisión manual requerida: WCAG 2.5.5 | Los elementos en los que se puede hacer clic deben medir al menos 44 por 44 píxeles CSS, a menos que cumplan excepciones, como estar en línea o tener suficiente espaciado. | Los objetivos interactivos más pequeños están exentos del requisito de tamaño. |
| Revisión manual requerida: WCAG 2.5.7 | Toda funcionalidad que use un movimiento de arrastre debe poder operarse sin arrastrar, a menos que sea esencial o la controle el agente de usuario. | Las acciones de arrastrar y soltar tienen alternativas, a menos que sean esenciales. |
| Revisión manual requerida: WCAG 2.5.8 | Los objetivos en los que se puede hacer clic deben cumplir los requisitos de tamaño mínimo para dar soporte a los usuarios con destreza limitada. | Los objetivos interactivos más pequeños están exentos del requisito de tamaño. |
| Revisión manual requerida: WCAG 3.1.1 | El idioma humano predeterminado de cada página web debe poder identificarse mediante programación para dar soporte a los lectores de pantalla y otras tecnologías de asistencia. | Los atributos de idioma especificados son correctos. |
| Revisión manual requerida: WCAG 3.1.2 | Cuando partes de una página usan un idioma distinto del predeterminado, el cambio debe identificarse mediante programación para dar soporte a una pronunciación y traducción precisas. | Los cambios de idioma dentro del contenido se identifican correctamente con atributos de idioma. |
| Revisión manual requerida: WCAG 3.2.1 | Cuando un elemento recibe el foco, no debe provocar un cambio de contexto importante, a menos que el usuario lo espere. | Enfocar elementos no provoca cambios de contexto inesperados, a menos que se esperen. |
| Revisión manual requerida: WCAG 3.2.2 | Cambiar el valor de un control de formulario no debe provocar automáticamente un cambio de contexto, a menos que se advierta al usuario antes de interactuar con el control. | Cambiar los valores del formulario no provoca cambios de contexto inesperados. |
| Revisión manual requerida: WCAG 3.2.4 | Los componentes con la misma funcionalidad dentro de un conjunto de páginas web se identifican de manera coherente. | N/A |
| Revisión manual requerida: WCAG 3.3.1 | Si se detecta un error de entrada, el error debe identificarse y describirse al usuario en texto. | Los errores de entrada se identifican y describen automáticamente. |
| Revisión manual requerida: WCAG 3.3.2 | Deben proporcionarse etiquetas o instrucciones cuando se requiere la entrada del usuario, para que los usuarios sepan qué se espera. | Los campos o controles de formulario tienen instrucciones o texto de marcador de posición precisos. |
| Revisión manual requerida: WCAG 4.1.2 | Los componentes de la interfaz de usuario deben exponer mediante programación el nombre, el rol, el estado y el valor para que las tecnologías de asistencia puedan interpretarlos e interactuar con ellos. | Los componentes de la interfaz de usuario tienen nombres, roles y estados precisos y accesibles. |
| Revisión manual requerida: WCAG 4.1.3 | Los mensajes de estado deben transmitirse mediante programación a las tecnologías de asistencia sin requerir que el usuario enfoque el elemento. | Los mensajes de estado se anuncian a las tecnologías de asistencia sin mover el foco. |