web-accessibility
Crear interfaces web accesibles
Muchas interfaces web excluyen a usuarios que dependen de teclados, lectores de pantalla o configuraciones de alto contraste. Esta skill guía la implementación, revisión y prueba enfocadas en WCAG para componentes de UI accesibles.
내 에이전트로 설치
이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.
Review the Skillstore skill "web-accessibility" from https://skillstore.io/skills/supercent-io-web-accessibility.md and its manifest at https://skillstore.io/api/skills/supercent-io-web-accessibility/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.
에이전트가 읽기 쉬운 리소스
AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.
테스트해 보기
"web-accessibility" 사용 중입니다. Un formulario de producto necesita revisión de accesibilidad antes del lanzamiento.
예상 결과:
- Comprueba si cada campo tiene una etiqueta visible conectada.
- Recomienda mensajes de error descriptivos anunciados con regiones live.
- Agrega pasos de validación con teclado y lector de pantalla.
"web-accessibility" 사용 중입니다. Un modal de React se cierra con el mouse, pero no tiene comportamiento de teclado.
예상 결과:
- Requiere que el foco se mueva al modal cuando se abre.
- Agrega comportamiento de cierre con Escape y retorno del foco después del cierre.
- Define etiquetas de dialog y una lista de verificación de pruebas solo con teclado.
"web-accessibility" 사용 중입니다. Una interfaz de pestañas necesita compatibilidad con WCAG AA.
예상 결과:
- Define roles tab, tablist y tabpanel.
- Agrega expectativas de navegación con teclas de flecha, Home y End.
- Incluye pruebas para el orden de foco y los anuncios del estado seleccionado.
보안 감사
안전All 74 static findings were reviewed against SKILL.md and SKILL.toon. The alerts are false positives from Markdown code fences, inline accessibility examples, documentation links, and relative documentation references. No prompt injection, malicious intent, executable shell commands, credential handling, or runtime network or filesystem behavior was found.
위험 요인
⚙️ 외부 명령어 (56)
🌐 네트워크 접근 (4)
📁 파일 시스템 접근 (2)
이 보고서 공유 및 인용
버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.
보고서 링크 복사
https://skillstore.io/skills/supercent-io-web-accessibility/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 배지
[](https://skillstore.io/skills/supercent-io-web-accessibility?utm_source=security_passport_badge)HTML 배지
<a href="https://skillstore.io/skills/supercent-io-web-accessibility?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/supercent-io-web-accessibility/security.svg" alt="Skillstore security assessment" loading="lazy"></a>임베드 카드
<iframe src="https://skillstore.io/embed/skills/supercent-io-web-accessibility.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>학술 인용 (APA · BibTeX · CFF)
APA 인용
supercent-io. (2026). web-accessibility security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/supercent-io-web-accessibility/audits/5BibTeX 인용
@techreport{supercent-io-supercent-io-web-accessibility-2026,
author = {supercent-io},
title = {web-accessibility security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/supercent-io-web-accessibility/audits/5},
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: "web-accessibility security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
- name: "supercent-io"
date-released: "2026-07-07"
url: "https://skillstore.io/skills/supercent-io-web-accessibility/audits/5"
identifiers:
- type: other
value: "skillstore:supercent-io-web-accessibility:audit:5"
description: "Skillstore immutable audit report identifier"
변형 비교
설치 가능한 변형 2개각 작성자의 스킬은 별도의 설치 항목으로 유지됩니다. 추천 변형은 Skillstore 근거로 순위가 정해집니다.
이 변형이 1위인 이유
89jobrien-web-accessibility
2026-10-19
supercent-io-web-accessibility
2026-09-09
Skillstore 점수
이 점수의 이유 증거 신뢰도: 높음만들 수 있는 것
Crear componentes de UI accesibles
Genera patrones accesibles para formularios, modales, menús desplegables, pestañas y navegación antes de iniciar la implementación.
Revisar brechas WCAG antes del lanzamiento
Convierte una inquietud de accesibilidad en una lista de verificación que cubre semántica, acceso con teclado, ARIA, contraste y pruebas.
Definir criterios de aceptación
Convierte requisitos de producto en reglas de accesibilidad que los equipos de ingeniería pueden implementar y probar.
이 프롬프트를 사용해 보세요
Revisa este botón o enlace para accesibilidad WCAG AA. Incluye HTML semántico, etiqueta, foco y requisitos de teclado.
Haz que este formulario sea accesible para lectores de pantalla y usuarios de teclado. Incluye etiquetas, errores, ayudas, campos obligatorios y mensajes de validación.
Diseña un modal accesible para mi framework. Incluye comportamiento de focus trap, manejo de ESC, atributos ARIA y pasos de prueba.
Audita esta página frente a WCAG 2.1 AA. Devuelve problemas priorizados, impacto en el usuario, correcciones y cobertura de pruebas manuales y automatizadas.
모범 사례
- Comienza con HTML semántico nativo antes de agregar atributos ARIA.
- Prueba cada flujo de trabajo interactivo con navegación solo por teclado.
- Combina los resultados de escáneres automatizados con comprobaciones manuales en lectores de pantalla.
피하기
- No elimines los contornos de foco sin proporcionar un reemplazo visible.
- No uses texto placeholder como la única etiqueta del formulario.
- No dependas solo del color para comunicar errores o estados.
자주 묻는 질문
¿A qué estándar de accesibilidad apunta esta skill?
¿Puede crear componentes React accesibles?
¿Reemplaza las pruebas con axe, Lighthouse o lectores de pantalla?
¿Cubre la accesibilidad con teclado?
¿Explica los atributos ARIA?
¿Pueden los equipos usarla para trabajo de cumplimiento?
개발자 세부 정보
작성자
supercent-io라이선스
MIT
Skillstore 리비전
r1
버전 안내
작성자가 버전을 선언하지 않았습니다.
참조
36e07d5e13068e5be64447e8f20b427cf2cbd21a
유지보수 최신성
2026. 7. 22.
사용량
24 다운로드 · 154 조회
파일 구조
📄 SKILL.md