5 pontos por xguru 2020-08-06 | 1 comentários | Compartilhar no WhatsApp

Ao criar uma nova stack tecnológica, considerar a acessibilidade desde o início

  • Linting & Flow: impor ARIA

  • Ajuste do tamanho da fonte: é possível com rem, mas como é difícil impor isso, fazer a conversão automática a partir de valores em pixels no CSS

  • Contextual headings: com React Context, garantir que mesmo em páginas com headings complexos eles apareçam sempre no nível correto

  • Atalhos contextuais: com React Context, reunir o registro de atalhos em uma única API

  • Executar em segundo plano, inclusive em runtime, uma funcionalidade que detecta e avisa sobre problemas de acessibilidade

  • Aplicar o ARIA Practices Guide para que a acessibilidade seja considerada desde a criação dos componentes base

  • Para usuários de leitores de tela e usuários de teclado com visão, implementar de forma que o foco seja mantido mesmo ao navegar entre componentes

  • Fornecer um Hook de feedback para leitores de tela

1 comentários

 
xguru 2020-08-06

História da reconstrução da stack tecnológica do Facebook https://pt.news.hada.io/topic?id=2049