Pregunta sobre Accessibility de Wordpress:

etiqueta aria en problema de conexión

Un usuario preguntó 👇

Se me pidió que diagnosticara un problema de enlace en este sitio web donde la etiqueta generada por aria estaba cerrando el <a> etiqueta con corchete angular en el texto.

Aquí está el html generado desde el editor de bloques de elementos:
<a rel="noreferrer noopener" aria-label="test >> (opens in a new tab)” href=”https://balfronactiveplacesmap.commonplace.is/” target=”_blank”>test >></a>

¿Seguro que la etiqueta aria debe codificar cualquier carácter especial para evitar el cierre de la etiqueta, etc.?

Este tema fue modificado hace 2 años por.

(@bcworkz)

Hace 2 años

Sí el >> deben convertirse en entidades html. Usualmente usamos esc_attr () para hacer esto en WP PHP. ¿De dónde viene la etiqueta aria? No se puede esperar que el bloque de elementos escape a atributos adicionales importados de otro lugar.

Lanzador de hilos

(@webreturn)

Hace 2 años

Este elemento de bloque se agrega automáticamente al enlace aria-label. No parece haber una forma de configurarlo para que no establezca una etiqueta aria, y la única forma en que trabajo es editar el html. También vi una descripción aquí: https://github.com/WordPress/gutenberg/issues/12683

(@bcworkz)

Hace 2 años

Ya lo veo. No lo obtuve al principio debido a la nueva opción de pestaña abierta. La edición posterior de HTML parece ser la única solución. Incluso incluir la entidad HTML en el texto del enlace antes de usar el botón del enlace no ayuda. ¡Se convierte de nuevo al carácter del problema en la etiqueta aria!

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada.