Paso 7: Creando Modos de Chat Personalizados para Pruebas de Accesibilidad

Resumen: En este paso, aprenderás cómo crear modos de chat especializados de GitHub Copilot para pruebas de accesibilidad. Implementarás un asistente personalizado que identifica problemas de accesibilidad en aplicaciones web, sugiere mejoras basadas en los estándares WCAG y ayuda a integrar verificaciones de accesibilidad en tu flujo de desarrollo. Explora opciones avanzadas de personalización para el chat de GitHub Copilot.

Entendiendo los Modos de Chat Personalizados

Los modos de chat personalizados en GitHub Copilot te permiten adaptar el asistente para tareas de desarrollo especializadas. Al crear un modo dedicado a las pruebas de accesibilidad, aseguras que Copilot se enfoque exclusivamente en identificar y resolver problemas de accesibilidad en tu código.

Para construir este modo, utilizaremos el repositorio Awesome GitHub Copilot Customizations—una colección curada de prompts, instrucciones y modos de chat que extienden Copilot a través de lenguajes, dominios y flujos de trabajo.

Este repositorio proporciona tres recursos principales que puedes usar al definir tu modo de chat personalizado:

– Prompts específicos para tareas de generación de código, documentación o resolución de problemas específicos.
– Estándares de codificación y mejores prácticas para proyectos completos o archivos específicos.
– Personas y modos de conversación listos para usar adaptados para diferentes roles de desarrollador y contextos.

⌨️ Actividad: Crear un Modo de Chat de Accesibilidad Personalizado

Implementaremos el modo asistente de accesibilidad usando el modo de Accesibilidad del repositorio GitHub.

Abre Copilot Chat haciendo clic en el icono de Copilot en la barra lateral de VS Code.
En el panel de Copilot Chat, selecciona ⚙️ Configure Chat > Modes > Create new custom chat mode file. Por defecto, los archivos de modo de chat se ubican en la carpeta .github/chatmodes.

📸 Mostrar captura de pantalla
Nombra el modo de chat como accessibility. Aparecerá en la lista desplegable de modos de chat.
Una vez que el archivo accessibility.chatmode.md esté creado, copia su contenido del repositorio del modo de Accesibilidad usando la opción "Copy raw file".

📸 Mostrar captura de pantalla
Abre el panel de Copilot Chat y selecciona accessibility en la lista desplegable de modos de chat.

📸 Mostrar captura de pantalla
Pide a Copilot que verifique tu archivo index.html.
```
Verifica la accesibilidad en index.html
```
Revisa las sugerencias del asistente de chat de Accesibilidad. Usa el modo Agent para actualizar tu archivo index.html y corregir cualquier problema de accesibilidad identificado.