웹 접근성(a11y)은 법적·윤리적 이슈이자 더 많은 사용자·SEO·품질 이슈입니다. 최소 체크: 키보드만으로 주요 흐름 가능, 이미지 alt, 충분한 색 대비, 폼 레이블, 포커스 표시, 의미 있는 헤딩.
웹 접근성 기초
웹 접근성(a11y)은 법적·윤리적 이슈이자 더 많은 사용자·SEO·품질 이슈입니다. 최소 체크: 키보드만으로 주요 흐름 가능, 이미지 alt, 충분한 색 대비, 폼 레이블, 포커스 표시, 의미 있는 헤딩.
도구: axe · Lighthouse · 스크린리더 스팟 체크. WCAG는 AA를 목표로 하는 팀이 많습니다.
장식 이미지는 빈 alt, 복잡한 차트는 텍스트 요약을.
| 항목 | 확인 | 도구 |
|---|---|---|
| 키보드 | Tab·Enter | 수동 |
| alt | 의미 전달 | axe |
| 대비 | 텍스트 가독 | Lighthouse |
| 폼 | label 연결 | 수동 |
핵심 키워드
· 키보드
· alt
· 대비
· 포커스
추천 링크
초기에 대비·포커스 스타일을 디자인 시스템에 넣으면 충돌이 줄어듭니다. 사후 수정이 더 비쌉니다.
키보드 · alt · 대비부터 살펴보세요. 아래 표·링크·영상을 순서대로 참고하면 이해하기 좋습니다.
아니요. Linkme 에디터가 모은 비공식 페이지입니다. 공식 정보는 각 서비스·브랜드 공식 사이트를 확인하세요.
북마크·공유용 요약으로 쓰세요. 표와 링크는 주기적으로 갱신될 수 있으며, 투자·의료 등 중요 결정은 전문가·공식 자료를 우선하세요.
그대로 내 보드로 가져와 내용을 바꿔 쓸 수 있습니다. 원본은 그대로 남습니다.
이 페이지 주제로 가볍게 이야기 나눠 보세요. 비방·스팸은 삭제되거나 숨겨질 수 있어요.
스팸 방지: 짧은 시간에 여러 페이지에 연달아 쓰거나, 한 댓글에 http(s) 링크를 8개 넘게 넣으면 등록이 거절될 수 있어요.
댓글을 남기려면 로그인이 필요해요.
비슷한 주제를 모아 봤습니다.
