Accessibility
Acessibilidade
A acessibilidade ajuda pessoas com diferentes habilidades a entenderem e usarem um produto.
Outro exemplo
Um formulário funciona com teclado, leitor de tela, zoom e entrada de voz. Seus erros também são fáceis de consertar.
Partes principais
- 01Foundation or token
- 02Applied component
- 03Visible state and rule
Use-o quando
Planeje desde o primeiro fluxo e escolha de componente, não como uma correção final.
Não o use quando
Nunca trate uma verificação automática aprovada como prova. Teste também com pessoas e ferramentas assistivas reais.
Nome usado no código
WCAG / semantic HTML / ARIA Antes de lançar
Check content order, shared design values, component consistency, contrast, zoom, and layout changes by screen size. Verify every theme, language, and state. If there is motion, offer an equal reduced-motion experience.
Outcome: Complete the task with Acessibilidade (Accessibility). User context: Um formulário funciona com teclado, leitor de tela, zoom e entrada de voz. Seus erros também são fáceis de consertar. Design concept to apply: Acessibilidade (Accessibility). Why it fits: Planeje desde o primeiro fluxo e escolha de componente, não como uma correção final. Do not use it when: Nunca trate uma verificação automática aprovada como prova. Teste também com pessoas e ferramentas assistivas reais. Design requirements: Set the content order, shared design values, and reusable components. Define how the layout changes by screen size and state. Keep useful design choices separate from decoration. Inclusion and resilience: Check contrast, zoom, languages, themes, and reduced motion when needed. Do not use color or effects as the only way to show meaning. Acceptance criteria: The design stays clear on phones and desktops, at zoom, in every theme, and in all supported languages. Interactive states stay clear and consistent. Evidence and limits (evidence boundary): É oficial para essa fonte. Outras plataformas ou equipes podem usar o termo de outra maneira. Unknowns to confirm: Brand limits, amount of content, supported themes and languages, target devices, and design-system rules.
Conferir este pedido
Review how Acessibilidade (Accessibility) is used now. Definition: A acessibilidade ajuda pessoas com diferentes habilidades a entenderem e usarem um produto. Release checks: Check content order, shared design values, component consistency, contrast, zoom, and layout changes by screen size. Verify every theme, language, and state. If there is motion, offer an equal reduced-motion experience. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.