본문 바로가기

Frontend#Frontend#Accessibility조회 152

a11y란?Accessibility

정의

웹 접근성. 장애인·모든 사용자가 쓸 수 있게 하는 실천. WCAG 표준.

다른 표현접근성

a11y란?

"Accessibility"의 글자 수 축약 (a + 11글자 + y). 시각장애·청각장애·인지장애·운동장애 모두를 포괄하는 접근성 설계다.

핵심

semantic HTML
ARIA 속성 (필요할 때만)
키보드 네비게이션
색 대비 (WCAG AA 4.5:1)
스크린 리더 지원

📘 관련 기술노트

전체 보기 →

Frontend웹 접근성(a11y) 실전 가이드 — ARIA와 시맨틱 HTML

Frontend웹 접근성 A11Y 실전 가이드 — ARIA·시맨틱 HTML·키보드 네비게이션

Frontend웹 접근성 A11Y 실전 — ARIA와 시맨틱 HTML

🔗 함께 보면 좋은 용어

Frontend 전체 →

이미지 최적화

Next.js Image·WebP·AVIF·srcset·lazy·blur placeholder.

HttpOnly·Secure·SameSite·Domain·Path·Max-Age. 보안·동작 제어.

Analog (Angular)

Angular용 메타프레임워크. Vite·파일 라우팅·SSR.

Google의 엔터프라이즈 프런트엔드 프레임워크. TypeScript 1급. RxJS·DI 기반.

Angular Signals

Angular 17+의 반응성 API. Zone.js 의존 탈피.

Accessible Rich Internet Applications

HTML 네이티브로 표현 어려운 의미를 속성으로 보강하는 W3C 표준.