Passo 7: Criando Modos de Chat Personalizados para Testes de Acessibilidade

Resumo: Neste passo, você aprenderá como criar modos de chat especializados do GitHub Copilot para testes de acessibilidade. Você implementará um assistente personalizado que identifica problemas de acessibilidade em aplicações web, sugere melhorias baseadas nos padrões WCAG e ajuda a integrar verificações de acessibilidade em seu fluxo de desenvolvimento. Explore opções avançadas de personalização para o chat do GitHub Copilot.

Entendendo Modos de Chat Personalizados

Os modos de chat personalizados no GitHub Copilot permitem adaptar o assistente para tarefas de desenvolvimento especializadas. Ao criar um modo dedicado a testes de acessibilidade, você garante que o Copilot se concentre exclusivamente em identificar e resolver problemas de acessibilidade em seu código.

Para construir este modo, usaremos o repositório Awesome GitHub Copilot Customizations—uma coleção curada de prompts, instruções e modos de chat que estendem o Copilot através de linguagens, domínios e fluxos de trabalho.

Este repositório fornece três recursos principais que você pode usar ao definir seu modo de chat personalizado:

– Prompts específicos para tarefas de geração de código, documentação ou resolução de problemas específicos.
– Padrões de codificação e melhores práticas para projetos inteiros ou arquivos específicos.
– Personas e modos de conversação prontos para uso adaptados para diferentes funções de desenvolvedor e contextos.

⌨️ Atividade: Criar um Modo de Chat de Acessibilidade Personalizado

Implementaremos o modo assistente de acessibilidade usando o modo de Acessibilidade do repositório GitHub.

Abra o Copilot Chat clicando no ícone do Copilot na barra lateral do VS Code.
No painel Copilot Chat, selecione ⚙️ Configure Chat > Modes > Create new custom chat mode file. Por padrão, os arquivos de modo de chat estão localizados na pasta .github/chatmodes.

📸 Mostrar captura de tela
Nomeie o modo de chat como accessibility. Ele aparecerá na lista suspensa de modos de chat.
Uma vez que o arquivo accessibility.chatmode.md seja criado, copie seu conteúdo do repositório do modo de Acessibilidade usando a opção "Copy raw file".

📸 Mostrar captura de tela
Abra o painel Copilot Chat e selecione accessibility na lista suspensa de modos de chat.

📸 Mostrar captura de tela
Peça ao Copilot para verificar seu arquivo index.html.
```
Verifique a acessibilidade em index.html
```
Revise as sugestões do assistente de chat de Acessibilidade. Use o modo Agent para atualizar seu arquivo index.html e corrigir quaisquer problemas de acessibilidade identificados.