Enable javascript in your browser for better experience. Need to know to enable it? Go here.

Design de teste de componentes ciente da acessibilidade

Atualizado em : Sep 27, 2023
NÃO ENTROU NA EDIÇÃO ATUAL
Este blip não está na edição atual do Radar. Se esteve em uma das últimas edições, é provável que ainda seja relevante. Se o blip for mais antigo, pode não ser mais relevante e nossa avaliação pode ser diferente hoje. Infelizmente, não conseguimos revisar continuamente todos os blips de edições anteriores do Radar. Saiba mais
Sep 2023
Experimente ?

Um dos muitos lugares no processo de entrega de software onde os requisitos de acessibilidade devem ser considerados é durante o teste de componentes web. Embora plugins de frameworks de teste como o chai-a11y-axe forneçam asserções em suas APIs para verificar o básico, o design de teste de componentes ciente da acessibilidade pode ajudar ainda mais a fornecer todos os elementos semânticos necessários para leitores de tela e outras tecnologias assistivas. Primeiro, ao invés de usar test ids ou classes para encontrar e selecionar os elementos que deseja validar, utilize o princípio de identificar elementos por funções do ARIA ou outros atributos semânticos usados ​​por tecnologias assistivas. Algumas bibliotecas de teste, como a Testing Library, até recomendam isso em sua documentação. Segundo, não teste apenas interações por clique; considere também pessoas que não podem usar um mouse ou ver a tela, e considere adicionar testes adicionais para o teclado e outras interações. A técnica descrita está bem estabelecida dentro de nossas equipes, e deveríamos tê-la colocado no anel Experimente há algum tempo.

Apr 2023
Avalie ?

Um dos muitos lugares no processo de entrega de software para considerar desde o início os requisitos de acessibilidade é durante o teste de componentes da web. Plugins de frameworks de teste como o chai-a11y-axe fornecem asserções em sua API para verificar o básico. Porém, além de usar o que os frameworks de teste têm a oferecer, o design de teste de componentes ciente da acessibilidade ajuda ainda mais a fornecer todos os elementos semânticos necessários para leitores de tela e outras tecnologias assistivas. Em primeiro lugar, em vez de usar ids de teste ou classes para encontrar e selecionar os elementos que deseja validar, use um princípio de identificação de elementos por papéis ARIA ou outros atributos semânticos empregados por tecnologias assistivas. Algumas bibliotecas de teste, como a Testing Library, até recomendam isso em sua documentação. Em segundo lugar, não teste apenas as interações de clique; considere também as usuárias que não podem usar o mouse ou ver a tela, e considere acrescentar testes adicionais para o teclado e outras interações.

Publicado : Apr 26, 2023

Baixe o PDF

 

 

 

English | Español | Português | 中文

Inscreva-se para receber o boletim informativo Technology Radar

 

 

Seja assinante

 

 

Visite nosso arquivo para acessar os volumes anteriores