Skip to content

aria-component

Conheça o acesso da pessoa com deficiência visual a pequenos programas.

Acesso sem barreiras

Para atender melhor às necessidades de acesso de pessoas com deficiência visual para pequenos programas, ofereça algumas tags ARIA.

As características livres de barreira podem ser acessadas no modo de leitura da tela, e o iOS pode ser definido configurando a configuração-> Universal-> Função auxiliar-> Abra a narração.

Tomando o componente de visualização como exemplo, os desenvolvedores podem aumentar a ARIA-Papel e ária-Atributo da etiqueta. ÁRIA-A função representa o papel do componente. Ao definir para 'img', depois de focar no modo de leitura da tela, o sistema lerá a 'imagem'. Quando as configurações são definidas como 'botão', o sistema lê o 'botão' após focando no foco. ária-A etiqueta representa as informações adicionais anexadas ao componente. Depois que o foco estiver focado, o sistema as lerá automaticamente.

O pequeno programa construiu características livres de barreira. Para componentes não nativos, os desenvolvedores podem adicionar os seguintes rótulos sem barreira.

|||| ----|----|----|----|---- aria-activedescendant|aria-atomic|aria-autocomplete|aria-busy|aria-checked aria-colcount|aria-colindex|aria-colspan|aria-controls|aria-current aria-describedby|aria-details|aria-disabled|aria-dropeffect|aria-errormessage aria-expanded|aria-flowto|aria-grabbed|aria-haspopup|aria-hidden aria-invalid|aria-keyshortcuts|aria-label|aria-labelledby|aria-level aria-live|aria-modal|aria-multiline|aria-multiselectable|aria-orientation aria-owns|aria-placeholder|aria-posinset|aria-pressed|aria-readonly aria-relevant|aria-required|aria-role|aria-roledescription|aria-rowcount aria-rowindex|aria-rowspan|aria-selected|aria-setsize|aria-sort aria-valuemax|aria-valuemin|aria-valuenow|aria-valuetext| Exemplo de código

html
<view aria-role= "button"  aria-label= "Envie um formulário" >apresentação</view>