本文へ移動
cccskills
無料GitHub で公開

accessibility-audit

Revisa los cambios de UI en cuanto a accesibilidad — contraste de color, navegación por teclado, gestión del foco, uso de ARIA y texto alternativo. Úsalo cuando la persona pida una revisión de a11y/accesibilidad, verificar el cumplimiento de WCAG, el soporte de teclado, la compatibilidad con lectores de pantalla o el manejo del foco (p. ej. "¿es accesible este modal?", "audita la a11y del formulario").

インストール方法を見る

含まれるファイル(1)

  • SKILL.md2.2 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Audita la UI indicada en cuanto a accesibilidad. Reparto con design-system-audit: aquella cubre tokens, primitivas, estados de datos y jerarquía; todo lo de contraste, teclado, foco y ARIA vive aquí, en una sola lista — si la otra skill te remitió un componente custom, esta es la lista que le aplica.

  1. Si docs/conventions/ contiene guías de accesibilidad o de sistema de diseño, léelas para conocer el estándar objetivo del proyecto (p. ej. WCAG 2.1 AA) y cualquier regla específica.
  2. Localiza el código fuente de la UI dentro del alcance y revísalo frente a estas comprobaciones:
    • Contraste — el texto y la UI significativa cumplen la relación de contraste para su tamaño/rol.
    • Teclado — todos los elementos interactivos son alcanzables y operables por teclado; sin trampas de teclado; orden de tabulación lógico.
    • Foco — indicadores de foco visibles; el foco se mueve/restaura correctamente en modales, menús y cambios de ruta.
    • Semántica y ARIA — se prefieren elementos nativos (button, a, label); roles/atributos ARIA usados correctamente y solo cuando se necesitan; los campos de formulario tienen labels asociadas.
    • Imágenes y medios — texto alt en imágenes significativas, alt vacío en las decorativas; subtítulos donde corresponda.
    • Movimiento y responsividad — respeta reduced-motion; usable con zoom/en tamaños pequeños.
  3. Informa una lista de verificación: cada ítem como Pasa / Falla / Requiere-revisión-manual, con archivo:línea y una corrección concreta.

Ejemplo de hallazgo: El botón solo de ícono en Nav.tsx:22 no tiene nombre accesible — añade aria-label.

NO afirmes la conformidad total con WCAG solo a partir de una revisión estática — señala los ítems que requieren pruebas manuales o con tecnología de asistencia.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

Trae a este proyecto las mejoras que la plantilla de origen recibió después de la instanciación — lee .template-origin, calcula el diff del tooling (skills, hooks, scripts, workflows) contra la plantilla actual y propone aplicarlo. Úsalo cuando la persona quiera actualizar/sincronizar el proyecto con la plantilla (p. ej. "actualiza la plantilla", "trae las mejoras nuevas del template").

日本語の概要は準備中です。原文の説明を表示しています。

brayandiazc/project-starter-template-es-ai152026年9月23日 更新

changelog

無料

Actualiza CHANGELOG.md en el formato Keep a Changelog, añadiendo los cambios actuales bajo la sección Unreleased. Úsalo cuando la persona pida actualizar el changelog, añadir una entrada al changelog o registrar lo que cambió para las notas de la versión (p. ej. "añade esto al changelog", "actualiza el CHANGELOG con estos commits").

日本語の概要は準備中です。原文の説明を表示しています。

brayandiazc/project-starter-template-es-ai152026年9月23日 更新

commit

無料

Escribe un mensaje de Conventional Commits para los cambios en stage y crea el commit, incluyendo la línea de coautoría de atribución de IA. Úsalo cuando la persona pida hacer commit, escribir un mensaje de commit o guardar cambios (p. ej. "haz commit de esto", "escribe un mensaje de commit para estos cambios"). No hace push.

日本語の概要は準備中です。原文の説明を表示しています。

brayandiazc/project-starter-template-es-ai152026年9月23日 更新

Configura el repositorio de GitHub de punta a punta con gh — descripción, topics, labels, rama develop, protección de ramas, merge settings y metadatos — a partir de la definición del producto. Úsalo al crear el repo de un proyecto nuevo o cuando haya que poner en orden uno existente (p. ej. "configura el repo", "prepara el repositorio en GitHub", "pon los labels y la protección de ramas").

日本語の概要は準備中です。原文の説明を表示しています。

brayandiazc/project-starter-template-es-ai152026年9月23日 更新

Revisa o produce textos visibles para la persona usuaria (texto de UI, encabezados, botones, mensajes de error, marketing) con la voz y el tono del proyecto. Úsalo cuando la persona pida escribir/mejorar textos, corregir la redacción, revisar el tono o redactar microcopy (p. ej. "escribe el texto del estado vacío", "haz este mensaje de error más amable", "revisa el titular de la landing").

日本語の概要は準備中です。原文の説明を表示しています。

brayandiazc/project-starter-template-es-ai152026年9月23日 更新

Audita una vista o componente frente al design system en lo que un script no puede comprobar — estados de interacción, los cuatro estados de datos, primitivas nativas frente a componentes reinventados y jerarquía visual. Úsalo cuando la persona pida revisar el cumplimiento del design system o si un componente sigue las guías (p. ej. "¿esta tarjeta sigue nuestro sistema?", "audita la vista de ajustes").

日本語の概要は準備中です。原文の説明を表示しています。

brayandiazc/project-starter-template-es-ai152026年9月23日 更新

brayandiazc のスキルをすべて見る

このスキルの問題を報告する