Baixar PDFVersão em Markdown
ClaudeChatGPTPerplexityGeminiMicrosoft CopilotRaycastMeta AIGrokZ.aiQwenKimi
DeepSeekMistralCursorVS CodeWindsurfJetBrainsClineLovableVercel AI SDKLangChain

Use o WCAG 2.2 com a sua IA.

Conecte sua conta uma vez e deixe a IA que você já usa trabalhar com ela, sem construir outra integração. Garanta que seus componentes atendam aos padrões WCAG 2.2 AA antes de lançar.

Included with plan

Pergunte à IA sobre este Connector

Desenvolvido, mantido e hospedado pela Vinkius.

MCP VERIFICADO · PRONTO PARA PRODUÇÃO · GARANTIA VINKIUS

Waiting for input…

Works with modern AI clients that support MCP, including ChatGPT, Claude, Cursor, and more.

ChatGPTClaudeCursorPerplexityGeminiMicrosoft CopilotRaycastMeta AI

Conjunto completo · 1 capacidade

O conjunto completo de capacidades do WCAG 2.2.

Estas são as ações exatas que a sua IA pode escolher quando você pedir para trabalhar com o WCAG 2.2.

Conjunto de capacidades01 / 01

01

1 capacidade neste conjunto.

Parte de 1 disponível através do WCAG 2.2.

  1. 01

    Validar Acessibilidade de Componentes

    Você deve: (1) mapear ÁREAS SEMÂNTICAS usando elementos HTML5. <header>, <nav>, <main>, <article>, <section>, <aside>, <footer>. Nunca use <div> com manipuladores de clique no lugar de <button>. (2) especificar navegação por teclado. ordem de tabulação, indicadores focus-visible, armadilhas de foco em modais. (3) citar razões de contraste numéricas. mínimo de 4.5:1 para texto normal, 3:1 para texto grande. (4) definir contexto para leitores de tela. textos alt descritivos, aria-label em botões de ícone, <label for> explícito. (5) definir segurança de movimento. overrides CSS prefers-reduced-motion para todas as transições e animações. Se a ferramenta rejeitar, seu design UI contém barreiras de acessibilidade. corrija antes de construir.

Observada, não estimada

Média de 818ms. Rápida em produção.

O WCAG 2.2 é verificado diariamente contra o serviço em produção.

Média diáriaPico de 972ms
20 de ago.Hoje
Dia mais rápido
679ms
Dia mais lento
972ms
Tendência de 14 dias
Estável+1%

Conecte seu cliente

Uma URL. Todos os clientes.

Ative o Connector, copie seu link e cole no cliente que você já usa. 1 capacidade chega pronta para rodar.

Acesso de prévia · não é autenticação no provedor

O token vk_preview_* pertence à infraestrutura de prévia da Vinkius. Ele permite que o Claude descubra e exiba as capacidades de WCAG 2.2, para você ver a experiência dentro da sua IA.

Ele não autentica a sua conta com WCAG 2.2. Ações que exigem credenciais ou dados reais da conta podem não ser executadas até que você ative o Connector e autorize o serviço.

WCAG 2.2 Connector

Tudo pronto. Escolha seu cliente MCP e siga as instruções de configuração.

Link do conectorhttps://edge.vinkius.com/vk_preview_Z4jgihFSGVmVid2ldA4mxeRfY0ki8hZy1vHx94N4/mcp

Claude Desktop

Siga os passos abaixo para conectar em segundos.

  1. 1In Claude Desktop, open Settings → Connectors.
  2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
  3. 3Click Add and start a new chat — WCAG 2.2 capabilities are ready to use.
Configuração · claude_desktop_config.jsonCopiar
{
  "mcpServers": {
    "accessibility-prover-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_Z4jgihFSGVmVid2ldA4mxeRfY0ki8hZy1vHx94N4/mcp"
    }
  }
}
  • Claude
  • ChatGPT
  • Cursor
  • VS Code
  • Windsurf
  • Claude Code
  • JetBrains
  • Cline

Instruções passo a passo para cada cliente estão no guia. Como conectar

Para quem é

Feito para o trabalho que quem usa o WCAG 2.2 delega.

Este Comprovador é essencial para engenheiros de front-end e desenvolvedores de bibliotecas de componentes que precisam garantir a acessibilidade no nível da especificação, antes que o código seja escrito. É ideal para equipes que trabalham com IA e precisam de guardrails contra saídas de código inacessíveis, especialmente em mercados da UE.

FAQ

Perguntas de quem usa o WCAG 2.2.

  • 01

    O Comprovador de Acessibilidade verifica o código já rodando na página?

    Não. Ele não é um scanner de DOM em tempo de execução. O Comprovador de Acessibilidade valida as especificações do componente (o design e a estrutura) antes que o código seja escrito. Ele força a conformidade na fase de design, o que é muito mais eficiente.

  • 02

    O que é 'div soup' e por que devo me preocupar com isso?

    Div soup ocorre quando se substitui tags semânticas (como <header> ou <main>) por estruturas aninhadas de <div>. Isso torna a interface invisível para tecnologias assistivas, pois o leitor de tela não consegue inferir o papel semântico do conteúdo.

  • 03

    Como o Comprovador ajuda com a lei europeia (EAA 2025)?

    Ele ajuda ao criar um registro pré-construção auditável. Ao forçar a validação de componentes contra os critérios WCAG 2.2 AA, você demonstra diligência e reduz o risco legal de multas que podem chegar a 5% da receita anual na UE.

  • 04

    Preciso usar o Comprovador para todos os componentes?

    Sim. Ele deve ser executado em cada componente de UI novo ou modificado antes de ser mesclado no código principal. Isso garante que nenhuma regressão de acessibilidade chegue ao branch principal.

  • 05

    O que acontece se o contraste de cor estiver errado?

    O Comprovador detecta falhas de contraste, exigindo um mínimo de 4.5:1 para texto normal. Se o contraste for baixo, o ícone ou texto pode ser efetivamente invisível para usuários com baixa visão ou deficiência de cor.

  • 06

    What does the European Accessibility Act (EAA 2025) mean for my product?

    Since June 2025, the EAA requires all digital products and services sold in the EU to meet accessibility standards equivalent to WCAG 2.1 AA (with WCAG 2.2 AA as the recommended benchmark). Non-compliance carries fines up to 5% of annual revenue and potential market withdrawal. Accessibility Prover helps demonstrate compliance as a build-time gate, creating an auditable validation record.

  • 07

    What input format does Accessibility Prover expect?

    Submit each component as structured text covering 5 dimensions: (1) Layout. the HTML elements and hierarchy, (2) Keyboard. tab order, focus indicators, focus traps, (3) Contrast. foreground and background hex values with computed ratio, (4) Screen Reader. alt texts, aria-labels, form-label associations, (5) Motion. animation properties and prefers-reduced-motion handling. The capability reasons about each dimension independently.

  • 08

    Does Accessibility Prover support WCAG 2.2 AAA?

    The capability validates against WCAG 2.2 AA, which is the legally required level under the EAA 2025 and the practical target for most products. AAA requirements (e.g., 7:1 contrast ratio, sign language interpretation) are not enforced. they are aspirational goals that few products achieve fully.

Explore

Mais em Productivity

Sugestões