skill중급a11y프론트품질

접근성(a11y) 스킬

키보드·스크린리더 체크

커뮤니티 · 공공·엔터프라이즈 UI 필수

무엇을 하나요

UI 작업 시 시맨틱·포커스·대비·aria를 체크리스트로 검사하게 한다.

어떻게 동작하나요

컴포넌트 완료 조건에 a11y 항목을 넣고, axe/수동 키보드 순회 결과를 첨부.

이런 분께

공공·제품 UI, 디자인 시스템.

시작 방법

버튼/모달/폼 3패턴만 규칙화.

실전 팁

이럴 땐 쓰지 마세요

내부 CLI.

주의 (보안·운영)

자동화 점수 100이 완전한 a11y는 아님.

막히기 쉬운 지점

aria를 과다해 오히려 혼란.

같이 보면 좋은 항목