Accessible Name
Nome Acessível
Um nome acessível é o rótulo que o software calcula para um controle ou imagem. Leitores de tela o usam para identificar o item.
Outro exemplo
Um usuário de leitor de tela alcança um botão de transferência apenas com ícone. Seu nome acessível é "Transferir NT$2.400", e o ícone decorativo ao lado não tem nome. Quando o valor muda, o nome também muda.
Partes principais
- 01Fonte do nome
- 02Texto referenciado
- 03resultado calculado
Use-o quando
Dê a cada controle e imagem significativa um nome curto e claro. Facilite distinguir itens próximos.
Não o use quando
Não repita texto visível em aria-label. Não nomeie itens decorativos, pois leitores de tela anunciariam palavras extras ou conflitantes.
Nome usado no código
label, alt, aria-labelledby, or aria-label in the accessible-name computation Antes de lançar
Give assistive tools the control’s name (accessible name), purpose (role), value, and state. Check keyboard use, visible focus, target size, disabled and busy states, feedback, and recovery.
Outcome: Complete the task with Nome Acessível (Accessible Name). User context: Um usuário de leitor de tela alcança um botão de transferência apenas com ícone. Seu nome acessível é "Transferir NT$2.400", e o ícone decorativo ao lado não tem nome. Quando o valor muda, o nome também muda. Recommended pattern: Nome Acessível (Accessible Name). Why it fits: Dê a cada controle e imagem significativa um nome curto e claro. Facilite distinguir itens próximos. Do not use it when: Não repita texto visível em aria-label. Não nomeie itens decorativos, pois leitores de tela anunciariam palavras extras ou conflitantes. Product requirements: Define the default, loading, empty, error, success, and recovery states. Keep user input. Give clear feedback after every action. Accessibility and resilience: Use semantic HTML, full keyboard access, and visible focus. Make the layout work when zoomed and support reduced motion. Follow the project’s current rules. Do not add a new UI library unless the project already uses it. Acceptance criteria: The main task works with keyboard only and at 320px width. Focus and status changes are announced. Check loading, failure, retry, cancel, and reduced-motion paths. Evidence and limits (evidence boundary): O padrão cobre apenas o escopo listado. Ele não escolhe o estilo visual, decisão do produto ou exemplo de Vibulary. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Conferir este pedido
Review how Nome Acessível (Accessible Name) is used now. Definition: Um nome acessível é o rótulo que o software calcula para um controle ou imagem. Leitores de tela o usam para identificar o item. Release checks: Give assistive tools the control’s name (accessible name), purpose (role), value, and state. Check keyboard use, visible focus, target size, disabled and busy states, feedback, and recovery. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.