가나원 엔터테인먼트 홈

• 5.1.1 적절한 대체 텍스트

  모든 이미지에 설명

  사진마다 내용을 담은 대체 텍스트를 넣고, 꾸밈용 이미지는 화면낭독기가 건너뛰도록 비워 두었습니다.

• 5.4.3 명도 대비

  글자 대비 4.5 : 1 이상

  어두운 무대 색을 쓰면서도 본문은 7 : 1 이상, 버튼·보조 글자도 4.5 : 1 이상으로 맞췄습니다.

• 5.4.1 색에 무관한 인식

  색만으로 구분하지 않기

  매진·예매 중은 글자와 모양으로, 입력 오류는 문구와 아이콘으로 함께 알려 줍니다.

• 6.1.1 · 6.1.2 키보드·초점

  키보드만으로 모든 기능

  Tab으로 이동하면 두꺼운 골드 테두리로 현재 위치가 보입니다. 메뉴는 Esc로 닫힙니다.

• 6.2.2 정지 기능 제공

  캐러셀 정지 버튼

  자동으로 넘어가는 슬라이드는 정지 버튼이 맨 앞에 있고, 마우스나 키보드 초점이 들어오면 멈춥니다.

• 6.4.1 반복 영역 건너뛰기

  건너뛰기 링크

  페이지 첫 Tab에서 ‘본문 바로가기’, ‘주 메뉴 바로가기’, ‘접근성 설정 바로가기’가 나타납니다.

• 7.1.1 기본 언어 · 6.4.2 제목

  언어와 구조 표시

  lang="ko" 지정, 페이지마다 다른 제목, 머리말·주 메뉴·본문·바닥글 랜드마크와 제목 순서를 지켰습니다.

• 7.3.1 · 7.3.2 오류 정정·레이블

  친절한 입력 양식

  모든 입력칸에 레이블이 있고, 오류 문구는 aria-describedby 로 입력칸에 연결되어 함께 읽힙니다.

• 8.2.1 웹 애플리케이션 접근성

  WAI-ARIA 패턴

  탭·아코디언·캐러셀을 WAI-ARIA 작성 방법에 맞춰 역할과 상태(aria-selected, aria-expanded)를 알려 줍니다.

• 사용자 맞춤 설정

  글자 크기 · 고대비

  상단에서 글자 크기(87.5 ~ 150%)와 고대비 모드를 바꿀 수 있고, 다음 방문에도 기억합니다.

• 반응형 · 확대

  확대해도 깨지지 않게

  휴대폰부터 큰 화면까지, 화면을 200% 확대해도 가로 스크롤 없이 읽을 수 있게 만들었습니다.

• 움직임 줄이기

  운영체제 설정 존중

  기기에서 ‘동작 줄이기’를 켜면 등장 효과와 자동 넘김이 꺼집니다.

※ 샘플 사이트의 접근성 적용 예시이며, 공식 인증 마크가 아닙니다. 실제 인증은 별도 심사를 거칩니다.