Todos los componentes del visor admiten funciones y atributos ARIA (Aplicaciones de Internet enriquecidas accesibles) para mejorar la integración con tecnologías de asistencia como lectores de pantalla.
El elemento de visor de nivel superior tiene la función region
y el atributo aria-label
establecidos de forma predeterminada en el nombre del visor. Puede controlar la etiqueta con el símbolo de localización Container.LABEL
.
Los botones tienen la función button
y el texto descriptivo definido con el atributo aria-label
. El valor del atributo aria-label
se rellena a partir del valor del símbolo de localización del botón. Cuando se deshabilita un botón, el atributo aria-disabled
se establece en consecuencia.
Los componentes del deslizador tienen la función slider
con los atributos aria-valuenow
, aria-valuemin
y aria-valuemax
para describir la posición actual del deslizador.
Las listas desplegables se activan mediante botones con el atributo aria-haspopup
adicional establecido en true
y el atributo aria-controls
que hace referencia al elemento real del panel desplegable. El propio panel desplegable tiene la función menu
con subelementos que tienen la función menuitem
. Cada elemento de menú tiene el atributo aria-label
especificado.
Los cuadros de diálogo Modal tienen la función dialog
. El atributo aria-labelledby
hace referencia al elemento de encabezado del cuadro de diálogo.