javascript - que - atributo title html

Accesibilidad: ¿para qué se puede usar aria-haspopup?

Question

Tengo la buena autoridad de que aria-haspopup es apropiado para submenús (como un menú contextual emergente o un menú de subnivel). Se usa en jQuery UI Selectmenu y también se usa en este gran ejemplo.

Lo que no he podido averiguar es si aria-haspopup es aplicable en los siguientes 2 ejemplos:

• Popovers informativos como Bootstrap''s : se usan para información contextual, pero no contienen ningún enlace
• Ventanas de navegador emergentes , por ejemplo, enlaces con target="_blank"

¿Es apropiado el aria-haspopup en esas situaciones? Si no, ¿hay atributos ARIA que deberían usarse en su lugar?

Answer 1

La especificación WAI-ARIA 1.1 (que es la actual en el momento de la escritura) amplía el uso de aria-haspopup comparación con la especificación 1.0:

[ aria-haspopup ] indica la disponibilidad y el tipo de elemento emergente interactivo, como el menú o el diálogo, que puede ser activado por un elemento.

Un elemento emergente usualmente aparece como un bloque de contenido que está encima de otro contenido. Los autores DEBEN asegurarse de que la función del elemento que sirve como contenedor para el contenido emergente sea menu , listbox , tree , grid o dialog , y que el valor de aria-haspopup coincida con la función del contenedor emergente.

Por lo tanto, debe establecer el valor de aria-haspopup en el mismo valor que el atributo de rol en el elemento activado. Si se establece en true , se interpretará como un menu para alinearse con la especificación 1.0 donde aria-haspopup solo estaba destinado a los menús.

Tenga en cuenta esto, sin embargo, sobre información sobre herramientas (como popovers Bootstrap):

Una tooltip no se considera una ventana emergente en este contexto.

Las ventanas emergentes del navegador no son elementos HTML en la página, por lo que los elementos de anclaje con target="_blank" no deben tener un atributo aria-haspopup .

Answer 2

Oficialmente debe usarse solo para menús o submenús, de la especificación ARIA 1.0 :

Indica que el elemento tiene un menú contextual emergente o un menú de subnivel.

La guía de estilo de Whatsock cubre esto en la sección ''modales'':

Puede parecer una buena idea notificar a los usuarios de lectores de pantalla que se adjunta un ''Popup'' agregando el atributo aria-haspopup = "true" al elemento activador, pero no es una buena idea. ... En resumen, no use aria-haspopup a menos que esté activando un menú.

Existe cierta discusión sobre la expansión del significado en futuras revisiones, pero por el momento supongamos que es para los menús.

Di una respuesta sobre la información sobre herramientas de Bootstrap que debería ayudar.

Para las ventanas emergentes del navegador, estas son anunciadas por los lectores de pantalla de todos modos, no se necesita un marcado adicional. (NB: es útil incluir un indicador visual de una nueva ventana para usuarios de lupas de pantalla).