Todos os componentes do visualizador suportam funções e atributos ARIA (Accessible Rich Internet Applications) para melhorar a integração com tecnologias de assistência, como leitores de tela.
O elemento do visualizador de nível superior tem o atributo de função region
e aria-label
definido por padrão para o nome do visualizador. Você pode controlar o rótulo com o símbolo de localização Container.LABEL
.
Os botões têm a função button
e o texto descritivo definido com o atributo aria-label
. O valor do atributo aria-label
é preenchido a partir do valor do símbolo de localização do botão. Quando um botão é desativado, o atributo aria-disabled
é definido adequadamente.
Os botões que permitem navegar pelos slides do carrossel têm rótulos que são atualizados em tempo de execução, dependendo do slide selecionado no momento. O modelo para o rótulo desses botões é definido com o símbolo de localização CAROUSELVIEWER_TOOLTIP_GOTO
.
A exibição principal tem a função application
. Uma breve descrição da exibição principal é fornecida em aria-roledescription
, com o valor definido pelo símbolo de localização ROLE_DESCRIPTION
do componente de exibição principal correspondente. As dicas de navegação para usuários de teclado são fornecidas usando aria-describedby
, o texto para a dica de uso vem do símbolo de localização USAGE_HINT
. Se um ativo tiver um rótulo definido no campo UserData , o atributo aria-label
será definido com o valor desse rótulo.
Os pontos ativos, as regiões e os mapas de imagem têm a função button
e o texto descritivo definido com o atributo aria-label
, com o valor do ponto ativo ou rótulo do mapa de imagem. Quando o usuário coloca um foco em pontos ativos ou mapas de imagem, as dicas de navegação para usuários de teclado são fornecidas usando aria-describedby
, com o texto para a dica de uso proveniente do símbolo de localização USAGE_HINT
.