Tryit
하나 고르고, 플레이하고, 결과 받기.
이 사이트의 접근성에 대해 보여드릴 수 있는 것, 보여드릴 수 없는 것, 그리고 저희가 잘못했을 때 알려주시는 방법입니다.
우리의 약속
Tryit은 장애가 있는 분들의 디지털 접근성을 보장하기 위해 노력합니다. 모든 사용자의 경험을 지속적으로 개선하고 관련 접근성 표준을 적용하고 있습니다.
적합성 상태
웹 콘텐츠 접근성 지침 (WCAG) 2.1 레벨 AA 준수를 목표로 합니다. 이 지침은 장애가 있는 분들을 위해 웹 콘텐츠를 더 접근 가능하게 하고, 모든 사용자에게 더 사용하기 쉽게 만드는 방법을 설명합니다.
우리가 취한 조치
키보드 내비게이션
모든 대화형 요소(퀴즈, 게임, 공유 버튼, 메뉴)는 키보드로 완전히 접근 가능하며 보이는 포커스 표시기를 갖추고 있습니다.
스크린 리더 지원
의미 있는 아이콘에는 접근 가능한 이름이 있고, 장식용 아이콘은 보조 기술에서 숨겨집니다. 진행 상황과 플레이 결과 같은 동적 상태는 ARIA 라이브 영역으로 안내됩니다.
색상 대비
텍스트 및 UI 요소는 WCAG 2.1 AA 최소 대비율인 일반 텍스트 4.5:1, 큰 텍스트 3:1을 충족합니다.
모션 줄이기
모든 애니메이션과 전환 효과는 prefers-reduced-motion 미디어 쿼리를 존중합니다. 이 설정이 활성화되면 색종이, 상자 열기 효과, 페이지 전환이 비활성화되거나 최소화됩니다.
포커스 관리
모달 대화상자와 오버레이는 포커스 트래핑을 사용하여 키보드 사용자가 모달 뒤로 탭 이동하는 것을 방지합니다. 오버레이가 닫히면 포커스가 복원됩니다.
내비게이션 건너뛰기
키보드 및 스크린 리더 사용자를 위해 모든 페이지에서 "콘텐츠로 건너뛰기" 링크를 사용할 수 있습니다.
시맨틱 HTML
애플리케이션 전체에서 적절한 제목 계층 구조, 랜드마크 영역 및 ARIA 속성을 사용합니다.
폼 레이블
무언가를 입력하는 컨트롤(짧은 설명, 퀴즈 답, 이름)에는 레이블이 있고, 문제는 색만이 아니라 글로 안내됩니다.
터치 대상 크기
모든 상호작용 대상은 FAQ 펼침 줄을 포함해 최소 44 × 44 픽셀입니다.
릴리스 게이트로서의 자동 검사
모든 릴리스에서 axe-core 점검(WCAG 2.0/2.1 A 및 AA, WCAG 2.2 AA 규칙)을 사이트 전체에 대해 두 테마, 1440px·390px·320px에서 실행하고 가로 넘침도 확인합니다. 점검이 실패하면 릴리스를 막습니다.
알려진 제한사항
- AI 생성 이미지
생성된 이미지에 대해 상황별 대체 텍스트를 제공하지만, 설명이 시각적 콘텐츠를 항상 완전히 포착하지 못할 수 있습니다. 이를 개선하기 위해 AI 기반 이미지 설명을 개발 중입니다.
- Canvas 기반 게임
일부 게임은 렌더링에 HTML Canvas를 사용하며, 이는 고유한 접근성 제한이 있습니다. 게임 상태 변경에 대해 키보드 대안과 스크린 리더 알림을 제공합니다.
- 타사 콘텐츠
링크된 다른 사이트의 페이지(저희의 다른 제품 포함)는 이 성명의 범위에 포함되지 않습니다. Tryit은 제3자 광고를 표시하지 않습니다.
피드백
기술 사양
Tryit의 접근성은 웹 브라우저 및 컴퓨터에 설치된 보조 기술이나 플러그인과 함께 작동하기 위해 다음 기술에 의존합니다:
- HTML5
- WAI-ARIA 1.2
- CSS (prefers-reduced-motion 지원)
- JavaScript (ECMAScript 2020+)