Soporte de tecnología de asistencia assistive-technology-support
Todos los componentes del visor admiten los roles 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 el rol button
y el texto descriptivo establecido 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 control deslizante tienen la función slider
con los atributos aria-valuenow
, aria-valuemin
y aria-valuemax
para describir la posición actual del control deslizante.
Las miniaturas tienen el rol dialog
con el atributo aria-label
controlado por el símbolo de localización ThumbnailGridView.LABEL
. Las miniaturas individuales tienen el rol button
. Si se selecciona una miniatura, se obtiene el atributo aria-selected
establecido en true
.
Los componentes que muestran muestras tienen el rol listbox
con el atributo aria-label
establecido en el valor del símbolo de localización LABEL
de ese componente. Las muestras individuales tienen el rol option
con los atributos aria-setsize
y aria-posinset
para describir la posición de la muestra en el conjunto. Si se selecciona una muestra, se obtiene el atributo aria-selected
establecido en true
.
Las listas desplegables se activan mediante botones con el atributo adicional aria-haspopup
establecido en true
y el atributo aria-controls
que hace referencia al elemento del panel desplegable real. El panel desplegable tiene el rol menu
con subelementos que tienen el rol menuitem
. Cada elemento de menú tiene especificado el atributo aria-label
.
Los cuadros de diálogo modales tienen la función dialog
. El atributo aria-labelledby
hace referencia al elemento de encabezado del cuadro de diálogo.