이러닝 콘텐츠 접근성 점검: 먼저 확인할 8가지
키보드 조작, 자막과 대본, 대체텍스트, 색상, 제목 구조, 시간 제한을 기준으로 이러닝 콘텐츠 접근성을 점검하는 방법입니다.
요약
이러닝 접근성은 마지막에 자막만 붙이는 작업이 아닙니다. 보는 방법, 듣는 방법, 조작하는 방법이 달라도 같은 학습 내용과 기능에 도달할 수 있는지를 설계와 검수 단계에서 확인해야 합니다.
처음에는 모든 기준을 한꺼번에 외우기보다 콘텐츠, 조작, 구조, 재생 환경으로 나누어 점검해 보세요. 아래 여덟 가지는 실무 검수를 시작하기 위한 항목이며, 법적 적합성이나 특정 인증을 대신하는 목록은 아닙니다.
이 글이 필요한 분
- 온라인 교육을 발주하거나 검수하는 담당자
- 영상·슬라이드·선택 활동이 섞인 콘텐츠를 설계하는 분
- 접근성 요구를 제작 지시로 바꾸기 어려운 분
- 마우스와 소리를 사용할 수 없는 환경까지 확인하려는 분
전체 흐름
먼저 학습자가 받아야 할 핵심 정보를 적습니다. 다음으로 그 정보에 도달하는 감각과 조작 방법이 하나뿐인지 확인합니다. 마지막에는 실제 플레이어에서 키보드, 자막, 확대와 시간 제한을 함께 시험합니다.
단계별 설명: 먼저 확인할 8가지
1. 영상의 말과 중요한 소리를 자막으로 제공하나요?
말한 내용뿐 아니라 학습에 필요한 비언어 정보도 자막에 담습니다. 경고음, 문이 닫히는 소리처럼 장면의 의미를 바꾸는 소리는 필요한 위치에 표시하세요. 자동 자막을 사용했다면 고유명사, 숫자, 화자 구분과 화면 전환 시점을 사람이 다시 확인합니다.
2. 화면에만 보이는 정보를 음성이나 글로도 알 수 있나요?
강사가 “여기를 보세요”라고 말하며 도표의 변화를 가리키는 장면을 확인하세요. 무엇이 어떻게 달라졌는지 나레이션이나 대본에 설명해야 화면을 보지 못해도 핵심 의미를 이해할 수 있습니다. 장식 이미지는 길게 설명하지 않고, 판단에 필요한 도식·수치·상태를 우선합니다.
3. 이미지의 역할에 맞는 대체텍스트가 있나요?
대체텍스트는 이미지 파일명을 읽는 자리가 아닙니다. 같은 이미지를 설명에 쓰는지, 선택 활동의 답지로 쓰는지에 따라 필요한 정보가 달라집니다. 본문에서 이미 설명한 장식 이미지는 반복을 줄이고, 도표라면 비교 기준과 결론이 드러나게 작성하세요.
4. 모든 기능을 키보드로 사용할 수 있나요?
재생, 일시정지, 메뉴 이동, 답 선택, 제출, 팝업 닫기를 마우스 없이 진행해 봅니다. 초점이 화면에서 보이는지, 이동 순서가 자연스러운지, 특정 영역에서 빠져나오지 못하는 구간은 없는지도 확인하세요. W3C의 WCAG 2.2는 콘텐츠의 기능을 키보드 인터페이스로 사용할 수 있어야 한다고 설명합니다.
5. 색·위치·모양만으로 답이나 상태를 구분하지 않나요?
“빨간 항목을 고르세요”, “오른쪽 버튼을 누르세요”처럼 한 가지 시각 단서에만 의존하지 않습니다. 색과 함께 ‘오답’, ‘보완 필요’ 같은 상태 이름을 제공하고, 지시문에는 실제 버튼 이름을 적습니다. 화면 크기가 바뀌어 배치가 달라져도 이해되는지가 기준입니다.
6. 제목과 읽는 순서가 화면 구조와 일치하나요?
제목은 내용을 훑어볼 수 있는 목차 역할을 합니다. 모양만 큰 글자가 아니라 실제 제목 구조로 제공하고, 단계가 건너뛰지 않도록 구성합니다. 팝업이나 접힌 영역이 열렸을 때도 초점과 읽는 순서가 새 콘텐츠로 자연스럽게 이어져야 합니다.
7. 시간 제한과 자동 재생을 조절할 수 있나요?
문제를 읽거나 입력하는 데 필요한 시간이 사람마다 다릅니다. 꼭 필요한 제한이 아니라면 시간을 끄거나 늘릴 수 있게 하고, 남은 시간을 미리 알려주세요. 자동으로 넘어가는 화면과 움직이는 콘텐츠는 학습자가 멈추거나 다시 확인할 방법을 제공합니다.
8. 실제 학습 환경에서 대체 방법까지 검수했나요?
스토리보드에 ‘자막 제공’이라고 적혀 있어도 플레이어에서 잘리거나 영상과 어긋날 수 있습니다. 모바일 화면, 확대 상태, 키보드만 사용하는 상황, 소리를 끈 상황에서 직접 확인하세요. 자막 파일과 대본이 최종 영상과 같은 버전인지도 납품 목록에서 확인합니다.
실제 예시: 선택형 영상 화면을 고친다면
다음은 가상의 고객 응대 교육 화면입니다. 영상이 자동 재생되고, 빨간 카드 하나를 마우스로 끌어 답 영역에 놓아야 하며, 해설은 음성으로만 제공된다고 가정해 보겠습니다.
수정 전
- 영상이 자동 재생되지만 일시정지 버튼이 보이지 않습니다.
- “빨간 카드를 오른쪽에 놓으세요”라고만 안내합니다.
- 드래그 이외의 선택 방법이 없습니다.
- 정답 해설이 음성으로만 재생됩니다.
수정 후
- 재생·일시정지 버튼과 현재 재생 상태를 제공합니다.
- 카드에 ‘보완 필요’라는 이름을 표시하고 실제 버튼 이름으로 안내합니다.
- 드래그와 함께 카드 선택 후 ‘답 영역에 놓기’ 버튼을 제공합니다.
- 해설 음성과 같은 내용을 화면 글과 대본으로 확인할 수 있게 합니다.
바로 쓰는 도구: 접근성 검수 기록
문제와 해결 방법을 한 줄로 섞지 말고, 현재 막히는 상황과 완료 기준을 나누어 기록하세요.
- 화면·기능: [예: S12 사례 선택 활동]
- 확인 환경: [키보드만 사용 / 소리 끔 / 모바일 / 확대]
- 현재 문제: [예: 드래그해야만 답을 제출할 수 있음]
- 필요한 대체 방법: [예: 카드 선택 후 버튼으로 이동]
- 유지할 학습 의미: [예: 사례를 기준에 따라 분류]
- 완료 기준: [예: 마우스 없이 선택·제출·피드백 확인 가능]
- 재검수 결과: [통과 / 보완 필요와 남은 문제]
최종 점검
- 음성과 중요한 소리가 자막 또는 대본으로 전달되나요?
- 화면에만 보이는 핵심 변화가 말이나 글로도 설명되나요?
- 이미지의 목적에 맞는 대체텍스트가 있나요?
- 마우스 없이 모든 학습 기능을 사용할 수 있나요?
- 색·위치·모양을 몰라도 지시와 상태를 이해할 수 있나요?
- 제목과 초점 이동 순서가 콘텐츠 구조와 일치하나요?
- 시간 제한과 자동 재생을 학습자가 조절할 수 있나요?
- 실제 플레이어와 최종 파일에서 다시 확인했나요?
접근성 검수의 출발점은 기능을 하나씩 추가하는 일이 아닙니다. **이 정보와 행동에 도달하는 길이 하나뿐인가?**를 묻고, 실제 학습 환경에서 다른 길이 작동하는지 확인하는 일입니다.
참고 자료와 적용 범위
- W3C WCAG 2.2는 인식 가능성, 운용 가능성, 이해 가능성, 견고성에 관한 웹 콘텐츠 접근성 기준을 제공합니다.
- W3C 오디오·비디오 접근성 안내는 자막, 대본, 시각 정보 설명과 접근 가능한 미디어 플레이어를 함께 다룹니다.
- W3C 웹 접근성 글쓰기 안내는 제목 구조, 의미 있는 링크, 이미지 대체텍스트, 명확한 지시문을 설명합니다.
위 자료는 웹 기반 학습 콘텐츠를 점검할 때 참고할 수 있는 원칙입니다. 실제 법적 의무, 기관 인증, 납품 규격은 적용 국가·기관·플랫폼의 최신 기준을 별도로 확인하세요.