접근성 기능

SubLearn은 접근성을 핵심으로 설계했어요. 능력이나 사용하는 보조 기술에 관계없이 모든 사용자에게 포용적인 학습 경험을 제공하기 위해 최선을 다하고 있어요. 웹 콘텐츠 접근성 지침(WCAG) 2.1 Level AA 표준을 따라 누구나 언어를 학습할 수 있도록 보장해요.

스크린 리더 지원

SubLearn은 NVDA, JAWS, VoiceOver, TalkBack 등 주요 스크린 리더와 완벽하게 호환돼요. 시맨틱 HTML과 포괄적인 ARIA(접근 가능한 리치 인터넷 애플리케이션) 레이블을 플랫폼 전반에 사용해 모든 콘텐츠와 인터랙티브 요소가 스크린 리더 사용자에게 올바르게 전달돼요.

시맨틱 HTML: 모든 페이지 콘텐츠는 올바른 제목 계층(h1, h2, h3 등), 시맨틱 요소(main, nav, article, section), 그리고 설명적인 링크 텍스트로 구조화돼 있어요.
ARIA 레이블: 폼 입력, 버튼, 동적 콘텐츠 영역에 aria-label, aria-describedby, 실시간 업데이트를 위한 aria-live 등 적절한 ARIA 속성이 라벨링돼 있어요.
대체 텍스트: 썸네일과 아이콘을 포함한 모든 이미지에 설명적인 대체 텍스트가 포함되어 있어 볼 수 없는 사용자에게도 의미를 전달해요.
폼 접근성: 모든 폼 컨트롤이 레이블과 올바르게 연결돼 있고, 오류 메시지가 안내되며, 유효성 검사 피드백이 명확하게 제공돼요.

완전한 키보드 내비게이션

SubLearn의 모든 기능은 키보드 내비게이션으로 완전히 접근할 수 있어요. 플랫폼의 어떤 부분도 마우스 없이 사용할 수 있어요:

Tab 내비게이션: Tab과 Shift+Tab을 사용해 논리적인 읽기 순서대로 인터랙티브 요소를 탐색해요.
키보드 단축키: 포괄적인 키보드 단축키 가이드에 접근하려면 아무 곳에서나 ?를 누르세요. 탐색, 영상 재생 제어, 플래시카드 평가 등을 할 수 있어요.
포커스 관리: 모든 인터랙티브 요소에 시각적 포커스 표시가 명확하게 보여서 페이지 어디에 있는지 항상 알 수 있어요.
건너뛸 수 있는 콘텐츠: 모든 페이지 상단에 "본문으로 건너뛰기" 링크가 있어 내비게이션을 건너뛰고 바로 주요 학습 영역으로 이동할 수 있어요.
키보드 트랩 없음: 키보드 사용자가 어떤 요소에도 갇히지 않아요. 포커스는 항상 인터페이스를 앞뒤로 자유롭게 이동할 수 있어요.

모션 줄이기 모드

애니메이션과 전환 효과는 일부 사용자에게 방해가 되거나 불편함을 줄 수 있어요. SubLearn은 기기의 prefers-reduced-motion 설정을 존중해요:

자동 감지: 운영 체제 설정에서 "동작 줄이기" 또는 "애니메이션 줄이기"를 활성화하면, SubLearn이 자동으로 불필요한 애니메이션을 비활성화해요.
페이지 전환: 모션 줄이기 모드에서는 페이드 및 슬라이드 애니메이션이 비활성화돼요.
인터랙티브 요소: 호버 효과와 마이크로 인터랙션은 기능적으로 유지되지만 불필요한 동작은 제거돼요.
보존되는 애니메이션: 버튼 상태나 로딩 표시기와 같은 중요한 시각적 피드백은 계속 효과적으로 작동해요.

고대비 및 색맹 친화적 디자인

SubLearn의 디자인은 색맹과 대비 민감도를 고려해요:

색상 독립성: 정보가 색상만으로 전달되지 않아요. 예를 들어, 폼 유효성 오류는 텍스트, 아이콘, 색상을 함께 사용해요.
고대비: 텍스트와 인터랙티브 요소는 일반 텍스트 최소 4.5:1, 큰 텍스트 3:1의 명암비를 유지해 WCAG AA 기준을 충족해요.
다크 모드: 눈의 피로를 줄이고 어두운 환경에서 가독성을 개선하는 고대비 다크 모드를 사용할 수 있어요. 라이트 모드와 다크 모드 모두 접근성 대비 요구 사항을 충족해요.
색맹 팔레트: 강조색과 UI 요소는 색맹(적록색맹, 녹색맹, 청색맹) 사용자도 구별할 수 있도록 선정돼 있어요.

텍스트 크기 조정 및 가독성

SubLearn은 유연한 텍스트 크기 조정을 지원하고 모든 줌 수준에서 가독성을 유지해요:

브라우저 줌: Ctrl/Cmd + Plus/Minus로 콘텐츠가 왜곡되거나 사용 불가능해지지 않으면서 확대/축소할 수 있어요.
반응형 타이포그래피: 텍스트 크기가 모바일, 태블릿, 데스크톱 기기에서 적절하게 조정돼요.
줄 간격과 자간: 넉넉한 줄 높이와 글자 간격이 긴 학습 세션 동안의 가독성을 높이고 눈의 피로를 줄여요.
읽기 쉬운 폰트: 모든 크기에서 좋은 가독성을 가진 깔끔한 산세리프 폰트를 사용해요.

영상 자막 및 전체 텍스트

SubLearn의 모든 영상에는 청각 장애가 있거나 텍스트 기반 학습을 선호하는 사용자를 위한 포괄적인 자막과 전체 텍스트가 포함돼 있어요:

자동 생성 및 검수: 영상 자막은 자동으로 생성되고 정확성을 위해 검수돼요.
다국어 지원: 영상의 원본 언어와 영어로 자막을 이용할 수 있어요.
전환 제어: 사용자가 쉽게 자막을 켜고 끌 수 있고 자막 표시를 조정할 수 있어요 (S를 누르거나 플레이어 컨트롤을 사용하세요).
전체 텍스트: 전체 내용을 읽기 선호하는 사용자를 위해 모든 영상에 전체 텍스트가 제공돼요.

포커스 표시기 및 시각적 피드백

명확하고 보이는 포커스 표시기가 키보드 사용자와 운동 장애가 있는 분들의 인터페이스 탐색을 도와줘요:

보이는 포커스 링: 버튼, 링크, 폼 입력이 키보드 포커스를 받으면 밝은 바이올렛 포커스 링이 나타나요.
호버 상태: 버튼과 링크가 호버되거나 포커스될 때 외관이 명확하게 변해요.
비활성화 상태 명확성: 비활성화된 요소는 시각적으로 구별되며 상호작용할 수 없어요.

접근성 문제 신고

여러분의 피드백은 모두를 위한 접근성 개선에 도움이 돼요. 접근성 장벽을 만나거나 개선 제안이 있다면:

고객 지원 양식에서 카테고리로 "접근성 문제"를 선택해 주세요.
[email protected]로 장벽과 사용 중인 보조 기술에 대한 세부 정보를 이메일로 보내주세요.
페이지 URL, 영향을 받는 특정 기능, 발생한 오류 메시지를 포함해 주세요.
접근성 신고에 24시간 이내 응답하고 빠르게 해결책이나 대안을 제공하는 것을 목표로 해요.

접근성 리소스

웹 접근성과 보조 기술에 대해 더 알아보세요:

WCAG 2.1 가이드라인: 자세한 접근성 표준은 www.w3.org/WAI/WCAG21/quickref/를 방문하세요.
WebAIM: webaim.org에서 웹 접근성 사용에 대한 실용적인 조언을 제공해요.
보조 기술 리소스: 미국 시각 장애인 재단 같은 단체에서 보조 기술 사용자를 위한 리소스를 제공해요.

SubLearn은 접근성의 지속적인 개선에 전념하고 있어요. 정기적으로 접근성 표준에 대해 플랫폼을 감사하고, 모든 학습자를 더 잘 지원하기 위해 사용자 피드백을 환영해요. 언어 학습은 누구에게나 포용적이고 접근 가능해야 하며, 그 책임을 진지하게 받아들이고 있어요.

접근성 기능