Suporte de tecnologia assistiva

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.