Habilidades accessibility-fundamentals

📦

accessibility-fundamentals

Name: accessibility-fundamentals
Author: DanielPodolsky

Revisión del contenido r1 Seguro ⚙️ Comandos externos

Revisar fundamentos de accesibilidad en React

Las interfaces interactivas de React suelen pasar por alto requisitos de teclado, etiquetado y foco. Esta skill guía a Claude, Codex y Claude Code mediante comprobaciones prácticas de WCAG para JSX, formularios, navegación y diálogos.

Compatible con: Claude Codex Code(CC)

🥉 79 Bronce

Instalar con mi Agente

Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.

Solicitud de agente

Review the Skillstore skill "accessibility-fundamentals" from https://skillstore.io/skills/danielpodolsky-accessibility-fundamentals.md and its manifest at https://skillstore.io/api/skills/danielpodolsky-accessibility-fundamentals/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Tu Agente debe seguir mostrando su plan y solicitar cualquier confirmación exigida por la política de seguridad.

Recursos legibles por agentes

Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.

Detalle Markdown GET /skills/danielpodolsky-accessibility-fundamentals.md Manifest firmado GET /api/skills/danielpodolsky-accessibility-fundamentals/manifest Lockfile firmado GET /api/skills/danielpodolsky-accessibility-fundamentals/lockfile

Pruébalo

Usando "accessibility-fundamentals". Una pull request agrega un botón de eliminación solo con icono y un formulario con campos que solo tienen placeholder.

Resultado esperado:

La revisión identifica nombres accesibles faltantes y etiquetas de formulario faltantes, explica el impacto para el usuario y recomienda etiquetas visibles junto con un nombre claro para el botón.

Usando "accessibility-fundamentals". Un componente modal se abre desde un menú de navegación y solo se cierra con un clic del mouse.

Resultado esperado:

La revisión destaca la falta de comportamiento de escape con teclado, los requisitos de atrapamiento del foco y la necesidad de devolver el foco al disparador.

Usando "accessibility-fundamentals". Una página usa insignias de estado con colores y elimina los contornos de foco predeterminados.

Resultado esperado:

La revisión señala significado basado solo en color y foco de teclado invisible, y luego sugiere indicadores de texto y un estilo de foco visible.

Auditoría de seguridad

Seguro

v9 • 6/7/2026 Abrir el informe versionado

All external command findings are false positives caused by Markdown inline code and fenced JSX, CSS, testing, and MCP examples in SKILL.md. The system reconnaissance finding is also a false positive for a CSS focus outline declaration. No prompt injection, credential handling, exfiltration intent, or malicious behavior was found.

Archivos escaneados

287

Líneas analizadas

Elementos de revisión

Falsos positivos ignorados

La auditoría estática y semántica completada más reciente no detectó hallazgos de seguridad confirmados. Esto no demuestra que el skill no tenga efectos secundarios.

Auditado por: codex Ver historial de auditorías →

Compartir y citar este informe

Comparte el informe de evaluación versionado, la insignia neutral, la tarjeta insertable y las citas. Skillstore presenta evidencias sin decidir si este Skill es seguro.

Abrir el informe versionado

Copiar enlace del informe

https://skillstore.io/skills/danielpodolsky-accessibility-fundamentals/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Insignia Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/danielpodolsky-accessibility-fundamentals/security.svg)](https://skillstore.io/skills/danielpodolsky-accessibility-fundamentals?utm_source=security_passport_badge)

Insignia HTML

<a href="https://skillstore.io/skills/danielpodolsky-accessibility-fundamentals?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/danielpodolsky-accessibility-fundamentals/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Tarjeta para insertar

<iframe src="https://skillstore.io/embed/skills/danielpodolsky-accessibility-fundamentals.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

Citas académicas (APA · BibTeX · CFF)

Cita APA

DanielPodolsky. (2026). accessibility-fundamentals security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/danielpodolsky-accessibility-fundamentals/audits/9

Cita BibTeX

@techreport{danielpodolsky-danielpodolsky-accessibility-fundamentals-2026,
  author = {DanielPodolsky},
  title = {accessibility-fundamentals security audit report (audit version 9)},
  institution = {Skillstore},
  year = {2026},
  number = {9},
  url = {https://skillstore.io/skills/danielpodolsky-accessibility-fundamentals/audits/9},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "accessibility-fundamentals security audit report (audit version 9)"
version: "unspecified"
type: report
authors:
  - name: "DanielPodolsky"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/danielpodolsky-accessibility-fundamentals/audits/9"
identifiers:
  - type: other
    value: "skillstore:danielpodolsky-accessibility-fundamentals:audit:9"
    description: "Skillstore immutable audit report identifier"

Puntuación de Skillstore

Por qué esta puntuación Confianza de la evidencia: Alto

Arquitectura

Mantenibilidad

Contenido

Comunidad

Cumplimiento de la especificación

Lo que puedes crear

Revisar un formulario de React antes de la integración

Comprueba etiquetas, mensajes de error, estados inválidos y comportamiento con teclado antes de aprobar una pull request.

Evaluar un componente de sistema de diseño

Evalúa botones, controles con iconos, modales, menús y patrones de navegación en busca de problemas de accesibilidad reutilizables.

Preparar notas de accesibilidad listas para entrevista

Convierte el trabajo de implementación en ejemplos claros sobre HTML semántico, gestión del foco y decisiones de diseño inclusivo.

Prueba estos prompts

Comprobación JSX para principiantes

Revisa este JSX para accesibilidad básica. Céntrate en elementos semánticos, etiquetas, texto alt, acceso con teclado y estados de foco visibles.

Revisión de accesibilidad de formularios

Audita este formulario para accesibilidad. Comprueba asociaciones de etiquetas, vinculación de mensajes de error, uso de aria-invalid, dependencia de placeholders y finalización con teclado.

Auditoría de componente interactivo

Revisa este componente interactivo en cuanto a comportamiento con teclado, gestión del foco, rutas de escape, nombres accesibles y estado ARIA adecuado.

Control avanzado antes del lanzamiento

Realiza una revisión de accesibilidad lista para lanzamiento. Prioriza el impacto en WCAG, el riesgo para el usuario, la cobertura de pruebas manuales, las brechas en pruebas automatizadas y pasos concretos de remediación.

Mejores prácticas

Empieza con HTML semántico antes de añadir atributos ARIA.
Prueba cada flujo interactivo con un teclado antes de aprobar cambios.
Combina comprobaciones automatizadas con axe con revisiones manuales de lectores de pantalla, zoom y foco.

Evitar

Usar elementos div o span como botones sin comportamiento de teclado nativo.
Usar placeholders como la única etiqueta para campos de formulario.
Eliminar contornos de foco sin un reemplazo visible.

Preguntas frecuentes

¿Esta skill ejecuta pruebas de accesibilidad automáticamente?

No. Proporciona orientación de revisión y sugerencias de pruebas, pero el usuario o agente debe ejecutar las herramientas reales.

¿Con qué frameworks encaja mejor?

Encaja mejor con React y JSX, especialmente componentes con formularios, botones, navegación, diálogos e interacciones personalizadas.

¿Reemplaza una auditoría WCAG?

No. Ayuda a encontrar problemas comunes, pero el cumplimiento formal requiere pruebas más amplias y revisión experta.

¿Puede ayudar con decisiones sobre ARIA?

Sí. Explica atributos ARIA comunes y fomenta el uso de HTML semántico antes de añadir ARIA.

¿Qué debo proporcionar para obtener la mejor revisión?

Proporciona el código del componente, el flujo de usuario esperado, el comportamiento de validación y cualquier requisito de diseño para foco o estado.

¿Es útil para diseñadores?

Sí. Los diseñadores pueden usarla para comprobar etiquetas, estados de foco, dependencia del color y requisitos de interacción antes de la entrega.

Detalles del desarrollador

Autor

DanielPodolsky

Licencia

MIT

Revisión de Skillstore

Aviso de versión

El autor no declaró una versión.

Repositorio

https://github.com/DanielPodolsky/mentor-spec/tree/main/.claude/skills/fundamentals/accessibility

Ref.

34f316ba14ef36c7a620fc09f2676d2429997a77

Actualidad del mantenimiento

18/7/2026

Uso

7 descargas · 203 vistas

Estructura de archivos

📄 SKILL.md

accessibility-fundamentals

Instalar con mi Agente

Recursos legibles por agentes

Pruébalo

Auditoría de seguridad

Factores de riesgo

Copiar enlace del informe

Insignia Markdown

Insignia HTML

Tarjeta para insertar

Cita APA

Cita BibTeX

CITATION.cff

Puntuación de Skillstore

Lo que puedes crear

Revisar un formulario de React antes de la integración

Evaluar un componente de sistema de diseño

Preparar notas de accesibilidad listas para entrevista

Prueba estos prompts

Mejores prácticas

Evitar

Preguntas frecuentes

Detalles del desarrollador