Pular para o conteúdo
Kitbay
Enviar
SkillOficial

a11y-debugging

Apache-2.0

Uma skill oficial do Chrome DevTools for agents para conferir e corrigir problemas de acessibilidade com o servidor MCP do Chrome DevTools.

O que a skill ensina

Uma skill oficial do Chrome DevTools for agents para conferir e corrigir problemas de acessibilidade com o servidor MCP do Chrome DevTools. Ela orienta o agente a fazer primeiro uma auditoria do Lighthouse e depois consultar a árvore de acessibilidade de um snapshot da página, a visão confiável do que os leitores de tela recebem. A partir daí, ela percorre marcação semântica, rótulos ARIA, foco e navegação por teclado, tamanho das áreas de toque e contraste de cores, com base nas orientações do web.dev, que ela sugere buscar como Markdown simples. Um arquivo de referências traz trechos de JavaScript prontos para algumas dessas checagens.

O que faz

  • Executar uma auditoria de acessibilidade do Lighthouse
  • Analisar a árvore de acessibilidade de uma página
  • Checar a ordem de foco e a navegação por teclado
  • Checar o tamanho das áreas de toque e o contraste de cores