Suporte de tecnologia assistiva assistive-technology-support
Todos os componentes do visualizador oferecem suporte a funções e atributos ARIA (Accessible Rich Internet Applications) para melhorar a integração com tecnologias assistivas, como leitores de tela.
O elemento do visualizador de nível superior tem função region
e aria-label
atributo definido por padrão para o nome do visualizador. É possível controlar o rótulo com a variável Container.LABEL
símbolo de localização.
Os botões têm a função button
e texto descritivo definido com aria-label
atributo. O valor de aria-label
O atributo é preenchido a partir do valor do símbolo de localização do botão. Quando um botão está desativado, aria-disabled
atributo é definido de acordo.
Os componentes deslizantes têm a função slider
com atributos aria-valuenow
, aria-valuemin
, e aria-valuemax
para descrever a posição atual do controle deslizante.
As listas suspensas são ativadas por botões com aria-haspopup
atributo definido como true
e aria-controls
atributo que faz referência ao elemento real do painel suspenso. O próprio painel suspenso tem a função menu
com subelementos com a função menuitem
. Cada item de menu tem o aria-label
atributo especificado.
As caixas de diálogo modais têm a função dialog
. O elemento de cabeçalho da caixa de diálogo é referenciado pela variável aria-labelledby
atributo.