시각장애를 가진 사용자를 위한 접근성 준수
시각장애를 가진 사용자를 위해 다음 요소의 준수가 필요함
•
대체 텍스트
◦
그림 또는 아이콘 등 시각적 자료를 사용할 경우 스크린리더(Screen Reader) 접근을 위해 대체 텍스트를 제공한다.
▪
이미지의 내용을 간략하게 서술할 수 있는 경우 대체 텍스트를 삽입하고, 상세한 서술이 필요할 경우 화면해설 스크립트를 제공한다.
◦
한글 기준 120-140자를 초과하지 않는다. 이를 초과하는 경우 화면 해설 스크립트를 제공한다.
◦
이미지가 링크인 경우 링크의 대상을 설명한다.
◦
이미지에 텍스트가 있으면 대체 텍스트에 포함한다.
◦
스크린리더가 이미지임을 자동으로 알려주므로 "~의 이미지" 또는 "~의 사진입니다"와 같은 중복 문구를 사용하지 않는다.
◦
이미지가 주변 텍스트에 이미 설명되어 있으면 대체 텍스트를 짧게 서술한다. 이미지가 장식용인 경우 반드시 표시한다.
◦
이미지 설명에 있어 사용자의 연령, 지식수준, 언어적 이해 능력을 고려한다.
•
서체
◦
국문의 경우 고딕체 위주, 영문의 경우 Arial, Sans Serif, Helvetica 등의 서체 선택 옵션을 제공한다.
◦
기본적으로 가독성이 좋은 고딕 형식의 서체를 제공(embedding)한다.
•
화면해설 스크립트 제공
◦
시각 자료, 멀티미디어 자료에 학습과제 또는 문제 해결을 위한 정보를 포함하고 있는 경우 대체 텍스트가 아닌 화면해설 스크립트를 제공한다.
▪
이미지에 대한 추가 설명을 별도의 페이지 등에 제시해야 할 경우(한글의 경우 120-140자 이상)에 제공한다.
•
내비게이션
◦
기본적으로 PC 또는 스마트 기기 개별 운영체제의 내비게이션 방식을 유지한다.
◦
초점 이동과 기능 제어를 위한 접근 가능한 조작을 지원한다.
◦
탭 순서에 따라 초점 이동을 가능하며 초점이 사라지지 않도록 한다.
◦
키보드 탐색은 기본적으로 탭, 화살표, 엔터 키 및 스페이스 바를 사용한다.
◦
링크 또는 메뉴 활성화는 엔터 키 또는 스페이스 바를 사용하도록 한다. 탭 키를 사용하여 사용자가 하나의 요소에서 다른 요소로 이동할 수 있도록 한다.
◦
링크, 양식 필드, 메뉴 및 미디어 플레이어 컨트롤은 모두 탭 키로 탐색할 수 있도록 한다.
▪
메뉴, 링크 및 양식 필드 항목을 순차적으로 탐색할 수 있도록 한다.
◦
기본적으로 단락 구분을 하지 않되, 단락 구분을 해야 할 상황이라면 단락대로 스크린리더가 접근할 수 있도록 한다.
▪
탭 키 등을 활용하여 사용자가 단락을 자유롭게 이동할 수 있도록 한다.
•
표의 행과 열 표현
◦
표의행과열맨윗부분에는해당수치에대한정보를제공하는헤더를 삽입한다.
◦
헤더 행이 하나만 있도록 정보를 단순화한다.
◦
표 외부의 제목으로 이동하여 추가 행과 병합된 셀을 제거한다.
◦
표 외부의 자료 또는 머리글 정보가 아닌 텍스트는 캡션 또는 테이블 설명으로 이동시킨다.
•
텍스트 인식
◦
텍스트가 포함된 이미지가 스캔되어 있는 경우 이를 스크린리더가 그림 영역에 포함된 텍스트에 접근할 수 있도록 한다.
◦
이미지로 스캔 된 PDF, 텍스트가 포함된 이미지 파일(jpg, png, tiff 등), 출판사에 의해 DRM이 적용된 온라인 버전의 콘텐츠를 스크린리더가 접근할 수 있도록 제공한다.
•
메뉴 및 인터페이스 구성
◦
정보를 조직적으로 탐색할 수 있도록 단축키 또는 메뉴를 포함한다.
◦
목차와 랜드마크, 북마크, 주석, 찾기, 페이지 이동, 콘텐츠로 이동, 스크롤 바, 이전 페이지, 다음 페이지 등의 기능을 제공한다.
◦
PC 기반 플랫폼의 경우 이러한 기능을 직관적으로 이용할 수 있는 단축키를, 모바일 버전에서는 이를 조작할 수 있는 메뉴 섹션을 별도로 제공한다.
◦
콘텐츠는 서책형 자료와 같은 페이지와 목차 정보를 포함하도록 제공한다.
◦
중단 없이 콘텐츠 흐름대로 연속해서 읽을 수 있는 건너뛰어 읽기(skippability)가 가능하도록 한다. 구조화하여 독립된 영역 간에 이동이 가능하도록 각 영역에서 벗어날 수 있는 기능(escapability)을 제공한다.
◦
문서에 있는 내비게이션 메뉴에 대한 청각적 재생이 가능하도록 한다.
◦
목차에 접근할 경우 읽기 시스템을 통해 연결된 오디오 재생이 가능하도록 한다.
시각장애를 가진 사용자를 위해 다음과 같은 접근성 준수를 권장함
•
하이퍼링크
◦
하이퍼링크를 사용할 경우 연결된 문서의 제목 또는 설명을 제공한다.
◦
하이퍼링크의 주소를 그대로 삽입하지 않는다.
◦
하이퍼링크의 제목을 ‘더 보기’ 등 링크의 내용을 알 수 없는 제목으로 처리하지 않는다.
•
단락 별 제목
◦
단락별제목을확인할수있도록목차탭또는랜드마크기능을 제공한다.
◦
단락별 제목을 사용하여 페이지 구조나 개요를 제공한다.
◦
단락별 제목을 사용하여 콘텐츠 하위 요소의 제목을 나타낸다.
◦
콘텐츠의 계층 구조와 제목을 일치시킨다. 건너뛰거나 생략하지 않는다.
•
음성 엔진
◦
다양한 성별, 연령을 포함한 다양한 음성엔진 옵션 제공표준에 대한 (x)HTML 문법 준수 여부 및 표준 CSS 문법 준수 여부를 고려한다.
•
색 대비
◦
구체적인 배경 및 텍스트 색상의 대비에 대한 선택권을 제공한다.
◦
텍스트와 텍스트 이미지의 시각적 표현을 위한 명도대비율은 최소 4.5 대 1 이상이 되어야 한다. 단, 다음의 경우는 제외한다.
▪
큰 텍스트(Large Text): 큰 텍스트와 텍스트 이미지의 명도 대비를 최소 3 대 1 이상으로 설정한다.
•
크기
◦
글자 크기를 다양하게 조절할 수 있는 옵션을 제공한다.
◦
최소 200%에서 최대 500%까지의 크기 조절 기능을 제공한다.
•
배경과 글자색의 대비 변경
◦
흰색 바탕에 검은색 글씨의 기본 설정을 어두운 바탕에 밝은색 글자로 변경할 수 있도록 옵션을 제공한다(검은색 배경에 노란색, 검은색 배경에 흰색 등).
◦
모바일 기기 또는 컴퓨터의 OS에서 제공하는 일반적인 접근성 기능(명도 대비, 색상 변경 등)과 충돌하지 않도록 설계한다.
•
여백의 변경
◦
저시력 시각장애인의 좁은 시야를 지원할 수 있는 다양한 마진(Margin) 선택 옵션을 제공한다.
◦
텍스트 블록 주변의 여백(빈 공간)과 테두리(선 색상, 너비, 스타일 포함)를 변경할 수 있도록 한다.
청각장애를 가진 사용자를 위한 접근성 준수
•
동영상이나 음성 콘텐츠에는 동등한 내용의 자막을 제공해야 함
◦
자막은 화자가 말하는 속도에 맞추어 제공되고, 다음 화면으로 넘어가지 않도록 주의
◦
음성이 제시되는 순서에 따라 자막에 하이라이팅을 하는 것이 내용 이해에 효과적이며, 비언어 정보의 표기는 이해도를 높일 수 있는 이모티콘이 있을 경우 대체 가능
•
청각적 지시 사항에 대해 대체 수단을 제공해야 함
◦
AI 디지털교과서에서 음성이나 음향을 사용해 지시 사항을 전달하는 경우, 청각장애를 가진 사용자(학생, 교사, 학부모)가 소리를 들을 수 없더라도 지시 사항을 인식할 수 있도록 텍스트, 이미지 등을 시각적으로 동시에 제시
•
단원별 핵심 용어나 중요 학습 내용 등에 대해 수어 설명을 별도로 제공해야 함
◦
수어를 사용하는 청각장애 학습자를 위해 중요한 용어나 핵심 학습 내용(학습 정리 등)의 개념 설명을 수어로 제공
•
사용자가 자신에게 맞는 자막을 선택할 수 있도록 다양한 옵션을 제공해야 함
◦
자막 제시 여부, 자막의 분량 등을 학습자가 선택할 수 있는 기능을 제공하여, 청각장애인의 처리 능력과 선호도에 따라 자막을 조절하여 맞출 수 있도록 제공
운동장애를 가진 사용자를 위한 접근성 준수
•
운동장애를 가진 사용자가 키보드 또는 대안적인 입력 장치(스위치 등)를 사용하는 경우에는 AI 디지털교과서에서 제공하는 모든 기능을 동등한 수준으로 사용할 수 있도록 지원함
◦
운동장애(지체장애, 뇌병변장애 등)를 가진 사용자가 키보드, 스위치, 트랙볼 등의 대안적인 입력 장치를 사용해서 AI 디지털교과서를 동등하게 활용할 수 있도록 함
◦
단일 스위치만을 이용하는 운동장애 사용자를 위해 포커스 이동 및 선택에 도움을 주는 스캐닝(scanning) 기능을 제공함
•
시간적 제한이 있는 콘텐츠의 경우, 사용자가 시간제한 기능이 동작되지 않도록 조작하거나 제한 시간을 늘릴 수 있도록 지원함
◦
운동장애 사용자는 장애로 인해 콘텐츠를 조작하는 데 시간이 많이 소요될 수 있으므로 시간제한 기능을 조절할 수 있도록 함
•
콘텐츠의 모양, 크기, 타이밍 등의 세팅을 사용자가 자신에게 맞도록 변경할 수 있도록 지원함
◦
운동장애 사용자의 다양한 특성과 요구에 맞게 사용자가 여러 가지 세팅(콘텐츠의 모양, 크기, 타이밍 등)을 자신에게 맞추어 조절할 수 있도록 하여 장애인 사용자가 더 효과적으로 활용할 수 있도록 지원함
인지장애를 가진 사용자를 위한 접근성 준수
•
인지장애를 가진 사용자가 키보드 또는 대안적인 입력 장치(스위치 등)를 사용하는 경우에는 AI 디지털교과서에서 제공하는 모든 기능을 동등한 수준으로 사용할 수 있도록 지원함
◦
인지장애(지적장애, 자페성장애 등)를 가진 사용자가 키보드, 스위치, 트랙볼 등의 대안적인 입력 장치를 사용해서 AI 디지털교과서를 동등하게 활용할 수 있도록 지원함
◦
단일 스위치만을 이용하는 인지장애 사용자를 위해 포커스 이동 및 선택에 도움을 주는 스캐닝(scanning) 기능을 제공함
•
문자를 이해하는 데 어려움이 있는 인지장애 학생을 위해 핵심적인 학습 콘텐츠를 음성을 통해 학습할 수 있도록 지원함
◦
인지장애로 인해 문자 정보를 습득하는 데 어려움이 있는 학습자를 위해 핵심적인 학습 콘텐츠는 음성을 통해 내용을 학습할 수 있도록 음성지원 기능을 제공함
•
콘텐츠의 레이아웃은 일관성 있게 제시하고, 메뉴에서 다양한 구성 요소가 제시되는 경우에 메뉴에 대한 설명을 별도로 제공함
◦
레이아웃에서 복잡한 구성을 이해하기 어려운 인지장애 학생은 AI 디지털교과서를 사용하는 데 어려움을 겪게 됨. 이를 위해 인터페이스와 메뉴는 일관성 있게 배치해야 하고 전체 레이아웃과 메뉴의 구성을 쉽게 이해할 수 별도의 설명을 제공함
•
인터페이스의 모양, 크기, 쉬운 설명 등의 세팅을 사용자가 자신에게 맞도록 변경할 수 있도록 지원함
◦
인지장애 사용자들은 AI 디지털교과서의 메뉴와 인터페이스를 직관적으로 이해하는 것에서 어려움이 있을 수 있으므로 필요에 따라 인터페이스의 모양, 크기, 쉬운 설명 등을 선택할 수 있도록 지원함
다양한 환경 및 보조 기술과의 호환성
•
웹 표준 문법 및 웹 호환성을 준수하여 구축함
◦
표준 (x)HTML 문법 준수 여부 및 표준 CSS 문법 준수 여부를 고려
◦
수식의 표현, 구조 및 내용 파악을 위해 MathML 적용 개발
◦
호환성 확보로 대표적 5종 브라우저(Edge, Chrome, Safari, Whale, Firefox) 크로스브라우징을 지원
◦
웹 호환성 확보로 다양한 운영체제 및 스크린리더에서 동일한 콘텐츠에 접근할 수 있도록 개발
•
AI 디지털교과서의 사용자 인터페이스 컴포넌트는 보조 기술을 이용하여 동등하게 사용할 수 있도록 호환성 고려해 개발함
◦
장애인이 사용하는 다양한 보조공학 기기 및 기술(스크린리더, 스위치, 대체 키보드, 보완대체 의사소통 도구 등)를 사용해도 동등하게 반응하도록 콘텐츠를 제공
◦
별도의 플랫폼을 이용할 경우 웹 접근성 가이드라인을 준수하되 플랫폼에 내장된 DRM(Digital Rights Management)이 콘텐츠 접근을 방해하지 않도록 개발
•
AI 디지털교과서에 교과서 보조 콘텐츠(학습자료, 학습지, 멀티미디어 자료) 등을 하이퍼링크 또는 바로가기 등으로 탑재하는 경우에도 접근성을 갖추도록 함
◦
파워포인트
▪
색상 대비 제공
▪
제목(슬라이드 제목) 제공
▪
읽기 순서(슬라이드 레이아웃) 제공
▪
설명 링크 제공
▪
테이블 머리글 행 제공
▪
대체 텍스트 제공
◦
워드프로세서
▪
스타일 도구로 제목 및 스타일 제공
▪
제목이 있는 하이퍼링크 제공
▪
테이블 머리글 행 제공
▪
대체 텍스트 제공
▪
색상 대비 제공
◦
멀티미디어
▪
색상 대비
▪
시각적 콘텐츠를 구두로 설명
▪
자동 자막 활성화
▪
오디오 파일에 대본 제공
▪
컨트롤이 보이는 미디어 플레이어 사용
▪
캡션과 함께 성적표 제공
▪
대화형 스크립트와 함께 비디오 플레이어 사용
◦
PDF
▪
접근 가능한 문서로 시작
▪
PDF로 저장할 때 태그 활성화
▪
이미지를 PDF로 인쇄하지 않기
▪
문서 제목 설정
▪
스캔본이 아닌 디지털 원본
◦
표
▪
머리 행 지정
▪
머리 행을 통합하여 하나의 행에 하나의 정보만 제공
▪
표의 제목을 표 내에 삽입하지 않고 일반 텍스트로 제공