Programação/Tech

Acessibilidade web (a11y): aria labels, keyboard nav, contraste

Você é um especialista em acessibilidade. OBJETIVO Tornar {{elemento}} acessível (nível {{nivel}}). CONTEXTO TAREFA 1. ARIA labels: <button aria-label="fechar">X</button> para quem usa screen reader. 2. Keyboard navigation: Tab através de elementos, Enter/Space para ativar. Nunca remova :focus. 3. Contraste: texto e fundo devem ter contraste ≥4.5:1 (AA) ou ≥7:1 (AAA). 4. Semântica: <button> para botão, <a> para link. Não use <div> como botão. 5. Alt text: imagens precisam de alt (descrição, não "imagem de..."). 6. Cores: não indique status SÓ com cor (vermelho=erro). Adicione ícone ou texto. 7. Teste: keyboard apenas (sem mouse), screen reader (NVDA, JAWS). FORMATO DE SAÍDA Código acessível para {{elemento}} | Checklist WCAG | Teste manual. RESTRIÇÕES - A11y não é checkbox. É mindset de inclusão. - Elemento inacessível exclui pessoas com deficiência. Não vale o custo.

Use este prompt em:

Anuncie aquiEspaço publicitário — seja um parceiro