Ramplifica

Todas os Requisitos

5.1.2.16 - Requisitos para ampliação da tela

Deve haver suporte para ampliação da tela sem perda de informação ou funcionalidade. Quando o usuário fizer ampliação da tela (zoom) em uma aplicação, ele não pode perder informação ou funcionalidade, como, por exemplo, elementos que ficam escondidos atrás de outros elementos de interface visuais.

Exemplo : Quando o usuário amplia a tela, os elementos da aplicação se reorganizam para se adaptar ao novo tamanho de tela.

com visão limitada

Controle

Cenários para desenvolvimento de interfaces

Projete a interface para que os elementos e o layout mantenham sua integridade quando a tela for ampliada. Isso inclui evitar sobreposição de elementos e garantir que a ampliação não esconda informações ou funcionalidades, proporcionando uma experiência acessível e completa ao usuário.

Implemente o código de forma responsiva, permitindo que o usuário aumente o zoom sem que elementos fiquem ocultos ou sobrepostos. Teste a aplicação em diferentes níveis de ampliação para garantir que todas as funcionalidades e informações estejam acessíveis.

Controle(Inglês)

Garanta que a equipe projete e desenvolva a aplicação com suporte para ampliação de tela, sem perda de informações ou funcionalidades, assegurando uma experiência inclusiva e de alta qualidade, mesmo para usuários que dependem de zoom para melhor visualização.

Certifique-se de que a aplicação suporta a ampliação de tela de até 200% sem perda de funcionalidade ou informação, como recomendado pelo WCAG 2.1.

Realize testes de ampliação em dispositivos móveis e desktops, bem como em diversos navegadores, para garantir que a interface se adapta corretamente em todos os ambientes.

Confirme que o layout da aplicação é responsivo e ajusta-se corretamente quando o usuário aumenta o zoom, sem que elementos se sobreponham, fiquem escondidos ou se tornem inacessíveis.

Verifique se o texto e os elementos interativos permanecem legíveis e acessíveis com a ampliação. Certifique-se de que fontes, botões e campos de entrada mantenham tamanhos adequados e distâncias corretas.

No desenvolvimento, utilize unidades relativas (como em, %, rem) para tamanhos de fonte, margens e espaçamentos, em vez de unidades fixas (como px), para melhor adaptação ao zoom.

Realize testes funcionais, como preenchimento de formulários, navegação por menus e interação com botões, em diferentes níveis de ampliação para garantir que nenhuma funcionalidade seja comprometida.

Certifique-se de que elementos gráficos, como ícones e imagens, sejam redimensionados corretamente e não fiquem distorcidos ou percam detalhes importantes com a ampliação.

Garanta que a navegação da aplicação ainda seja clara e intuitiva, mesmo quando a tela está ampliada. O usuário deve poder se deslocar facilmente pelo conteúdo sem a necessidade de rolagem excessiva.

Verifique se a ampliação da tela é suportada por tecnologias assistivas, como leitores de tela e lupas eletrônicas, para assegurar que o conteúdo é acessível.

Inspecione áreas onde elementos possam se sobrepor quando a tela é ampliada, ajustando o design e a estrutura de layout para que todas as partes da aplicação permaneçam utilizáveis.

Organize o conteúdo de modo que ele seja claro e legível em qualquer nível de zoom. Evite excesso de informações em áreas limitadas da interface para prevenir problemas de sobreposição em ampliações.

POR VOCÊ TER ACESSADO ESTE REQUISTO

Recomenda-se

Requisitos para Controle

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 25 Requisitos sobre componentes com Controle

Ramplifica

Início

Requisitos

Glossário

Sobre o Projeto

Início

Requisitos

Glossário

Sobre o Projeto

5.1.2.16 - Requisitos para ampliação da tela

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 suporte a zoom

Testar em diferentes dispositivos e navegadores

Verificar a responsividade do layout

Garantir legibilidade de texto

Evitar uso de valores fixos para elementos

Testar funcionalidades com ampliação

Verificar elementos visuais

Avaliar a navegação

Incluir testes com tecnologia assistiva

Corrigir sobreposição de elementos

Conteudistas

Recomenda-se

Ramplifica

Requisitos

Glossário

Sobre o Projeto