Desactivación del marcado de elementos ocultos

Comprender los elementos ocultos

De forma predeterminada, los escáneres de accesibilidad pueden marcar todos los elementos de una página, incluidos los que no están visibles para el usuario en ese momento. Esto puede generar “falsos positivos”: errores que en realidad no afectan la experiencia del usuario porque el elemento está oculto tanto para los usuarios videntes como para los lectores de pantalla.

Cuando este interruptor está habilitado, el escáner omitirá automáticamente los elementos que están ocultos de forma intencional del árbol de accesibilidad.

¿Qué se considera un “elemento oculto”?

El escáner busca marcadores técnicos específicos para determinar si un elemento debe ignorarse. Estos incluyen:

• display: none;: Elimina el elemento del diseño y del árbol de accesibilidad.
• visibility: hidden;: Invisible para los usuarios y los lectores de pantalla, pero conserva el espacio en el diseño.
• aria-hidden="true": Oculta el elemento solo para las tecnologías de asistencia; sigue siendo visible en pantalla.
• hidden (atributo): Atributo HTML nativo que oculta los elementos visualmente y para los lectores de pantalla.
• <input type="hidden">: Almacena datos sin interacción del usuario ni presencia visual.
• Inert (atributo): Deshabilita la interacción y oculta secciones de los lectores de pantalla y del teclado.

¿Por qué usar esta función?

Informes limpios: Concéntrese solo en los problemas que afectan a sus usuarios activos. 

Menos ruido: Evite que su informe se llene de cientos de errores de “Contraste” o “Texto alternativo” de elementos que no están visibles en la pantalla (como menús móviles ocultos o píxeles de seguimiento).

Desactivación del marcado de elementos ocultos con etiquetas HTML

Desactivación de elementos ocultos al activar Ignorar elementos ocultos

Siga estos pasos si desea que los análisis ignoren los elementos ocultos sin agregar etiquetas HTML.