Pular para o conteúdo principal
Ramplifica

A tela que você vai anotar

Diga que tela é, o título e o idioma da página, e ponha a imagem dela.

É na passagem do design para o desenvolvimento que a acessibilidade costuma se perder: a imagem da tela não mostra a ordem do foco, o nível dos títulos nem o que o leitor de tela anuncia. A Régua das Telas registra isso sobre a própria imagem e entrega a especificação com os requisitos da NBR 17225.

Uma tela de agendamento já marcada, para ver como a régua funciona. Dá para mudar tudo depois.

Para a equipe saber de que tela se trata: “Agendar atendimento”.

O que aparece na aba do navegador e o leitor de tela anuncia primeiro. Diga o assunto da página e depois o site: “Agendar atendimento · Prefeitura”.

Como no atributo lang: pt-BR para português do Brasil, en para inglês, es para espanhol.

Uma captura da tela ou o desenho exportado do Figma, em PNG, JPG ou WebP. A imagem é reduzida para até 1600 pixels de largura e não sai deste navegador.

A anotação fica salva só neste navegador. Baixe num arquivo, com a imagem, para guardar uma cópia, continuar em outro computador ou passar para quem desenvolve.