Diretrizes de acessibilidade para suplementos do Office

Suplementos acessíveis funcionam para todos: pessoas que usam leitores de tela, navegam pelo teclado, dependem de alto contraste ou interagem por meio do toque. Construir com a acessibilidade em mente desde o início melhora a usabilidade para todos os seus usuários e expande o mercado para suas soluções.

As WCAG (Diretrizes de Acessibilidade para Conteúdo da Web) são os padrões internacionais que definem o que é necessário para que seu suplemento seja acessível. Recomendamos que você se familiarize com elas antes de começar a criar.

Projetar para vários métodos de entrada

Seu suplemento deve dar suporte a entradas de teclado, toque e mouse para que todos os usuários possam interagir com ele, independentemente de seu dispositivo ou habilidades.

  • Verifique se os usuários podem concluir todas as operações usando apenas as interações do teclado . Os usuários devem ser capazes de acessar todos os elementos acionáveis na página usando uma combinação das teclas Tab e de direção.
  • Em dispositivos móveis, seu suplemento deve fornecer comentários de áudio úteis quando os usuários operarem controles por toque.
  • Preserve uma ordem lógica de leitura e navegação na árvore DOM ou UI.
  • Certifique-se de que todos os elementos interativos exponham seu nome, função e estado a tecnologias adaptativas usando rótulos ARIA apropriados.

Tornar seu suplemento fácil de usar

O comportamento previsível e os comentários claros ajudam todos os usuários a entender o que está acontecendo no seu suplemento.

  • Não confie apenas no som para alertar os usuários sobre informações importantes.
  • Não confie apenas na cor, forma, tamanho ou localização visual para transmitir significado ou instruções.
  • Não exija gestos complexos (arrastar, multitoque, movimento cronometrado) sem fornecer alternativas mais simples.
  • Gerencie o foco com cuidado. Não mova o foco para um elemento diferente, a menos que o usuário inicie a alteração. Para obter orientação, consulte Padrões de navegação para suplementos do Office.
  • Ofereça uma maneira de verificar, confirmar ou reverter todas as ações de associação.
  • Não imponha um limite de tempo para a ação do usuário.

Deixar seu suplemento fácil de ver

O design visual claro e o contraste suficiente garantem que os usuários com baixa visão ou daltonismo possam ler e entender a interface do usuário.

  • Evite mudanças de cor inesperadas.
  • Forneça descrições significativas e oportunas para elementos de interface do usuário, títulos, títulos, entradas e erros. Verifique se os nomes de controle descrevem claramente a intenção do controle.
  • Verifique se os elementos da interface do usuário são renderizados corretamente em todos os quatro temas de contraste internos do Windows: Aquático, Deserto, Crepúsculo e Céu noturno. Para testar, vá para ostemas de contraste deacessibilidade> das configurações> do Windows, escolha cada um deles e marque se todo o texto, botões, links e outros elementos da interface do usuário no suplemento estão visíveis e têm contraste suficiente.
  • Siga as diretrizes de contraste de cores do WCAG. Procure uma taxa de contraste de pelo menos 4,5:1 para texto normal e 3:1 para texto grande.

Garantir que o conteúdo e a mídia sejam acessíveis

  • Forneça alternativas de texto para todo o conteúdo não textual significativo (por exemplo, imagens, ícones, SVGs, gráficos e controles personalizados).
  • Não coloque texto significativo dentro de imagens, a menos que uma alternativa de texto equivalente seja fornecida.
  • Forneça transcrições para conteúdo somente de áudio.
  • Forneça legendas sincronizadas para vídeo pré-gravado ou ao vivo com áudio.
  • Forneça alternativas para o som como um meio para alertar os usuários, como indicações visuais ou vibrações.
  • Forneça uma maneira para os usuários pausarem, pararem ou silenciarem o áudio ou a animação.

Teste de acessibilidade

Testes regulares de acessibilidade ajudam a detectar problemas antes que eles cheguem aos usuários e garantem que seu suplemento continue a funcionar com tecnologias adaptativas à medida que os padrões e as plataformas evoluem.

Integre verificações automatizadas

As ferramentas automatizadas podem detectar muitos problemas, mas não avaliam o quão bem seu suplemento funciona com tecnologias adaptativas.

  • Execute o Accessibility Insights como parte do seu build ou pipeline de CI para identificar problemas comuns de acessibilidade antecipadamente.
  • Use verificações automatizadas para validar:
    • Contraste de cor.
    • Nomes e rótulos acessíveis.
    • Ordem de foco do teclado.
    • Funções e atributos ARIA.
    • Tamanho e espaçamento alvo.

Validar o suporte à tecnologia assistiva

Teste seu suplemento com tecnologias adaptativas comumente usadas para confirmar que os usuários podem:

  • Navegue por todos os elementos interativos usando apenas um teclado.
  • Entenda a finalidade dos controles por meio da saída do leitor de tela.
  • Conclua tarefas sem depender da visão, audição ou movimentos precisos do ponteiro.

Verifique a experiência usando:

Confirme se:

  • Todas as funcionalidades estão disponíveis sem o uso de um mouse.
  • Os indicadores de foco são visíveis e não obscurecidos.
  • As atualizações dinâmicas são anunciadas adequadamente.
  • Os componentes de interface do usuário personalizados expõem sua função, estado e valor.

Testar padrões de interação

Avalie os fluxos de usuários, não apenas controles individuais, para garantir que:

  • Arrastar ou interações baseadas em gestos têm uma alternativa acessível pelo teclado.
  • As interações com tempo limitado podem ser pausadas, estendidas ou desabilitadas.
  • Alertas e notificações são transmitidos sem depender apenas do som.
  • Os métodos de autenticação e entrada não dependem de memória, visão ou respostas cronometradas.

Teste novamente à medida que os padrões evoluem

As tecnologias adaptativas e as diretrizes internacionais de acessibilidade mudam ao longo do tempo. Teste periodicamente para acompanhar as alterações nas diretrizes internacionais de acessibilidade. Para obter mais informações, consulte Testes de acessibilidade.

Confira também

  • Last updated on