Ramplifica

Início

Requisitos

Glossário

Sobre o Projeto

Início

Requisitos

Glossário

Sobre o Projeto

5.1.1.6 - Requisito para organização de elementos funcionais e nomes acessíveis

Descrição

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
Exemplo : Blocos de controle e menus mantêm a mesma ordem relativa em todas as telas em que aparecem.

Desempenho funcional

sem visão
com visão limitada
com manipulação ou força limitadas
com cognição limitada

Componentes aplicáveis

Botão
Rótulo
Imagem
Link
Controle
Áudio
Vídeo

Cenários para desenvolvimento de interfaces

Designers

Mantenha a disposição dos elementos interativos (botões, menus, ícones) consistente em todas as telas, e use a mesma nomenclatura para descrever as funções.

Desenvolvedores

Garanta que os componentes da interface e suas descrições acessíveis (via aria-label, alt, etc.) permaneçam consistentes em todas as páginas, utilizando bibliotecas de componentes ou layouts reutilizáveis para manter a uniformidade de código e acessibilidade.

Exemplo de código

<!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Exemplo Simples</title> </head> <body> <!-- Campo de Nome --> <label for="nome">Nome completo:</label> <input type="text" id="nome" name="nome" placeholder="Digite seu nome completo" required> <!-- Campo de E-mail --> <label for="email">E-mail:</label> <input type="email" id="email" name="email" placeholder="Digite seu e-mail" required> </body> </html>

Gerentes

Estabeleça diretrizes claras para que todos sigam padrões consistentes de interface e nomenclatura ao longo do desenvolvimento.

Testadores

Consistência visual e funcional

Verifique se os elementos interativos, como botões, menus e campos, permanecem na mesma posição e com a mesma funcionalidade em diferentes telas e contextos da aplicação. Isso ajuda a criar previsibilidade para o usuário.

Nomes acessíveis uniformes

Confirme que a descrição acessível (como o aria-label ou alt) desses elementos é consistente em todas as partes da aplicação. Isso assegura que as tecnologias assistivas leiam descrições previsíveis e facilmente reconhecíveis pelos usuários.

Testes de usabilidade com navegação assistiva

Navegue pelas seções da aplicação utilizando tecnologias assistivas para garantir que a consistência visual e textual é mantida, facilitando a familiaridade e reduzindo a curva de aprendizado para o usuário.

Conteudistas

Use sempre os mesmos rótulos e descrições, para que os mesmos termos ou expressões sejam usados de forma consistente em toda a aplicação, facilitando a localização de informações pelos usuários. Essa consistência deve ser mantida nos elementos visuais e de interface.

POR VOCÊ TER ACESSADO ESTE REQUISTO

Recomenda-se

Requisitos para Botão

5.1.1.4-Requisito para elementos interativos e de interface
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.
5.1.1.7-Requisitos para nomes acessíveis
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.
5.1.1.8-Requisitos para descrição de elementos de interface interativos
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 13 Requisitos sobre componentes com Botão

Requisitos para Link

5.1.1.4-Requisito para elementos interativos e de interface
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.
5.1.1.7-Requisitos para nomes acessíveis
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.
5.1.1.8-Requisitos para descrição de elementos de interface interativos
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 13 Requisitos sobre componentes com Link

Requisitos para Controle

5.1.1.4-Requisito para elementos interativos e de interface
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.
5.1.1.7-Requisitos para nomes acessíveis
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.
5.1.1.8-Requisitos para descrição de elementos de interface interativos
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 25 Requisitos sobre componentes com Controle

Requisitos para Vídeo

5.1.1.1-Requisito para elementos não textuais
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.
5.1.1.4-Requisito para elementos interativos e de interface
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.
5.1.1.15-Requisitos para indicar o foco de navegação
Deve haver indicador de foco de navegação. Os aplicativos devem permitir que recursos de tecnologia assistiva que suportam indicador de foco visível em navegação sequencial, como leitores de tela, exibam esse indicador adequadamente.

Ver todos os 11 Requisitos sobre componentes com Vídeo

Ramplifica

Acessibilidade para todos a partir da tecnologia

Requisitos

Glossário

Sobre o Projeto

© 2024 Erik Henrique da Costa Nunes.

Este site é produto da dissertação para Mestrado produzida por Erik Henrique da Costa Nunes, com Orientação da Dra. Ingrid Teixeira Monteiro e Co-orientação do Dr. David Campelo.

Foi construído no Mestrado em Computação da UFC em Quixadá.