Ramplifica

Todas os Requisitos

5.1.2.11 - Requisitos para alteração de contexto em elementos interativos

Não pode haver alteração de contexto inesperada ao focar em elementos interativos. Nenhum tipo de alteração de contexto ocorre quando algum elemento de interface recebe foco. Assim, há garantia de previsibilidade de navegação na tela sobre componentes que possuem algum tipo de interação. Um componente pode receber foco tanto com algum recurso de tecnologia assistiva (por exemplo, com a utilização de um leitor de tela) como sem recurso de tecnologia assistiva (tocar em um campo de formulário para ativar a digitação).

Exemplo : Em um formulário, ao tocar no último campo, este formulário não é submetido de forma automática, sem avisar o usuário que isso ocorre. Existe um botão “enviar” após o último campo.

sem visão

com cognição limitada

com manipulação ou força limitadas

Botão

Imagem

Link

Controle

Campo de Formulário

Cenários para desenvolvimento de interfaces

Certifique-se de que ao projetar a interface, o foco em qualquer elemento interativo, como botões ou campos de formulário, não provoque mudanças de contexto inesperadas. Isso garante uma navegação previsível e consistente, essencial para todos os tipos de usuários, especialmente aqueles que utilizam tecnologias assistivas.

No código, evite que o foco em elementos interativos, como campos de formulário ou botões, cause qualquer alteração de contexto (como redirecionamentos ou atualizações automáticas). A interação deve ser clara e controlada pelo usuário, mantendo a previsibilidade de navegação.

Garanta que a aplicação não faça alterações de contexto inesperadas quando um elemento interativo recebe foco, mantendo a previsibilidade da experiência do usuário e assegurando conformidade com as boas práticas de acessibilidade. Isso serve para que os usuários tenham maior controle das suas ações.

Avalie todos os elementos interativos, como campos de formulário, botões, links e controles de navegação, para garantir que receber foco neles não cause uma alteração de contexto automática.

Use tecnologias assistivas, como leitores de tela, para testar como a aplicação responde quando os elementos interativos recebem foco. Verifique se a navegação permanece previsível.

Realize testes navegando manualmente na aplicação, focando em elementos interativos sem utilizar tecnologias assistivas (por exemplo, clicando em campos de entrada ou usando o teclado para mover entre elementos).

Verifique se há eventos de script atrelados aos elementos interativos que possam disparar mudanças de contexto ao receberem foco. Isso inclui alterações automáticas de página, mudanças na interface ou exibição de pop-ups.

Realize testes com diferentes modos de navegação (teclado, mouse, toque em telas sensíveis) para verificar se o comportamento é consistente e previsível em todos os casos.

Verifique com usuários reais, especialmente aqueles que dependem de tecnologias assistivas, se a interação com os elementos interativos é clara e não gera confusão com alterações inesperadas.

Se houver casos em que a alteração de contexto ao receber foco for necessária, documente isso e garanta que haja uma notificação clara ao usuário sobre a funcionalidade.

Crie um texto explicativo sobre os elementos interativos para ser acessado por tecnologias assistivas quando estiver no modo foco. O modo foco serve para orientar e trazer previsibilidade da ação antes da interação.

POR VOCÊ TER ACESSADO ESTE REQUISTO

Recomenda-se

Requisitos para Botão

Elementos interativos e de interface do usuário devem ter rótulos que descrevem o elemento, sua funcionalidade, estado ou operação. Elementos de interface interativos, como botões e campos de formulário, devem conter um rótulo que descreve a sua função. Os rótulos devem estar relacionados com o elemento por meio de código de programação. Nem todos os elementos possuem todas essas características, mas eles devem ser compreensíveis para a operação do usuário.

Deve ser mantida a mesma organização de elementos funcionais e nomes acessíveis ao longo de toda a aplicação. Os elementos funcionais devem manter-se na mesma posição e com a mesma descrição acessível. Isso facilita a compreensão e acelera o aprendizado do usuário

Os nomes acessíveis devem conter os rótulos dos elementos. Para os elementos que possuam rótulos em texto ou imagens de texto, o nome acessível deve conter todo o rótulo. Sempre que possível, o texto do rótulo deve estar no começo do nome acessível.

Ver todos os 13 Requisitos sobre componentes com Botão

Requisitos para Imagem

Elementos não textuais devem ter um texto alternativo que descreva o seu significado. Elementos não textuais, como imagens, cujo significado é essencial para a compreensão do que é exibido na tela, devem ter uma alternativa textual a ser interpretada por recursos de tecnologia assistiva. Elementos meramente decorativos devem ser ignorados por recursos de tecnologia assistiva.

Ver todos os 15 Requisitos sobre componentes com Imagem

Requisitos para Link

Ver todos os 13 Requisitos sobre componentes com Link

Requisitos para Controle

Ver todos os 25 Requisitos sobre componentes com Controle

Requisitos para Campo de Formulário

Elementos de interface interativos devem descrever sua funcionalidade de forma clara, para a compreensão mesmo fora do contexto. Elementos como botões, links e ícones devem ser compreendidos mesmo fora do contexto. Esses elementos devem ter atributos ou alternativas textuais que descrevem sua funcionalidade aos usuários de tecnologia assistiva. Em caso de elementos que se repetem na interface, cada um deles deve fazer referência a qual objeto ou contexto a ação ou funcionalidade está relacionada.

Ver todos os 17 Requisitos sobre componentes com Campo de Formulário

Ramplifica

Início

Requisitos

Glossário

Sobre o Projeto

Início

Requisitos

Glossário

Sobre o Projeto

5.1.2.11 - Requisitos para alteração de contexto em elementos interativos

Descrição

Desempenho funcional

Componentes aplicáveis

Cenários para desenvolvimento de interfaces

Designers

Desenvolvedores

Aprenda a fazer com conteúdos selecionados para você

Gerentes

Testadores

Verificar elementos interativos com foco

Testar com leitores de tela e navegação por teclado

Testar navegação manual

Analisar scripts e eventos associados

Testar diferentes cenários de navegação

Validar a experiência do usuário

Documentar exceções

Conteudistas

Recomenda-se

Ramplifica

Requisitos

Glossário

Sobre o Projeto