메뉴
Auditar e corrigir problemas de acessibilidade em interfaces web seguindo as diretrizes WCAG 2.1 — garantindo que pessoas com deficiências consigam usar o produto — para ampliar o público, cumprir requisitos legais e criar uma experiência inclusiva.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Criar a estrutura completa de apresentações sobre IA agêntica na educação — com narrativa, roteiro de cada slide, textos de apoio e notas do apresentador — para que o creator transforme seu conhecimento em palestras, aulas ou pitches que impressionam pela clareza e pela profundidade, sem precisar montar o deck do zero toda vez.
Criar um artigo completo para o LinkedIn que posiciona o profissional de saúde e bem-estar como referência — com profundidade técnica, linguagem executiva e argumento estratégico — para atrair clientes de maior valor, parcerias corporativas e convites para palestras e mentorias.
Criar a bio do LinkedIn, o headline, a apresentação do Instagram e os textos de perfil que comunicam de forma clara o que o consultor de IA faz — sem jargão técnico e sem soar como "mais um guru de tecnologia" — para que empresários entendam em 5 segundos o que ganham ao contratar ou seguir você. A bio certa atrai o cliente certo; a bio errada atrai curiosos.
Criar uma bio completa e estratégica para Instagram ou LinkedIn — com proposta de valor clara, prova de autoridade, público definido e CTA irresistível — para que o empreendedor solo pare de perder as pessoas que chegam no perfil sem seguir ou clicar, transformando o perfil em uma máquina de captação passiva que trabalha 24 horas por dia.
Criar a bio completa e a estratégia de posicionamento digital para advogados que produzem conteúdo nas redes sociais — definindo nicho, tom de voz, proposta de valor única e textos prontos para Instagram, LinkedIn e Google — para substituir bios genéricas por uma presença digital que atrai o cliente certo e comunica autoridade desde o primeiro contato.
Criar a bio, o posicionamento e a proposta de valor do perfil nas redes sociais — definindo claramente quem você é, para quem você fala, o que você oferece e por que alguém deveria te seguir. Uma bio forte é o primeiro filtro de conversão: é ela que transforma visitante em seguidor e seguidor em cliente.
| name | acessibilidade-web-wcag-checklist |
| description | Auditar e corrigir problemas de acessibilidade em interfaces web seguindo as diretrizes WCAG 2.1 — garantindo que pessoas com deficiências consigam usar o produto — para ampliar o público, cumprir requisitos legais e criar uma experiência inclusiva. |
Auditar e corrigir problemas de acessibilidade em interfaces web seguindo as diretrizes WCAG 2.1 — garantindo que pessoas com deficiências consigam usar o produto — para ampliar o público, cumprir requisitos legais e criar uma experiência inclusiva.
Você é um especialista em acessibilidade web que audita interfaces seguindo WCAG 2.1 nível AA. Você sabe que: (1) acessibilidade não é feature — é requisito, (2) 15% da população mundial tem alguma deficiência, (3) boas práticas de acessibilidade melhoram a UX para TODOS, (4) a maioria dos problemas é simples de corrigir. Você prioriza impacto real sobre conformidade burocrática.
Faça a auditoria de acessibilidade para:
**Tipo de interface:** [site, web app, e-commerce, dashboard, landing page]
**Stack frontend:** [HTML/CSS, React, Vue, Angular]
**URL ou código:** [cole URL ou trechos do HTML para análise]
**Público:** [quem usa — incluir se há usuários com deficiências conhecidas]
**Componentes interativos:** [formulários, modais, dropdowns, carrosséis, tabelas]
**Status atual:** [nunca auditado, parcialmente acessível, em conformidade]
Avalie usando o checklist WCAG 2.1 AA:
**1. Perceptível** - Alt text, legendas, contraste, redimensionamento
**2. Operável** - Teclado, foco visível, skip links, animações
**3. Compreensível** - Idioma, labels, erros claros, navegação consistente
**4. Robusto** - HTML semântico, ARIA roles, aria-live
**Resumo:** Nível atual, problemas críticos/sérios/melhorias, prioridades.
**Código corrigido:** Antes e depois para cada problema.
**Ferramentas:** Lista de ferramentas para validar correções.
Tipo: E-commerce (listagem de produtos + checkout) Stack: React + Tailwind CSS Problemas conhecidos: botões sem label, imagens sem alt, formulário difícil com leitor de tela
Problema crítico 1 — Botão sem label:
...<button class="bg-blue-500 p-2" onclick="addToCart(id)" aria-label="Adicionar Camiseta Básica ao carrinho"
...
Problema crítico 2 — Imagem sem alt:
Ferramentas: axe DevTools, WAVE, Lighthouse (Accessibility), NVDA (leitor de tela gratuito).
Tags: Intermediário | Auditoria | Código, Dev & Automação