접근성 준수 현황

준수 선언

WCAG 2.1 레벨 AA를 부분적으로 준수합니다. 자동화 테스트에서 화면 상태 111개에 대해 위반 사항 0건이 발견되며, 키보드만으로 제품을 조작하는 검사 53건이 실행됩니다. 화면 낭독기 사용자와 함께 한 테스트는 아직 진행하지 않았으며, 알려진 미비점이 해결되지 않은 상태입니다.

테스트 방법

자동 검사

WCAG 2.1 A 및 AA 규칙을 적용한 자동 검사 도구로 화면 상태 111개를 검사합니다: 대화 상자와 열린 패널을 포함한 앱의 모든 페이지, AI 어시스턴트 패널, 발표자 화면, 프로젝터, 각 상태의 학생 페이지, 그리고 이 사이트의 모든 페이지. 교수자의 주요 페이지는 라이트 테마와 다크 테마에서 모두 검사합니다. 스캔한 문항에는 다음이 포함되며, 룸에서 보이는 그대로 그려집니다: 본문 속 수식, 그림, 수식, 코드, 다이어그램, 그래프 및 분자 구조. 현재 결과: 위반 사항 0건.

그래픽

검사 도구는 그래픽 내부의 명도 대비를 측정하지 않으므로, 스캔한 화면의 다이어그램, 그래프, 분자는 각각 두 테마 모두에서 배경과의 대비를 측정합니다.

키보드 조작 검사

제품을 살펴보는 대신 직접 조작하는 검사 53건. 모든 유형의 문항에서, 문항이 나타나면 포커스가 문항으로 이동하고, 학생은 Tab 키로 선택지에 도달해 Space 키나 화살표 키로 고르고, 얼마나 확신하는지 답한 뒤 Enter 키로 답을 보냅니다. 발표자 화면에서는 화살표 키로 문항 사이를 이동하고, 프로젝터 창에서는 Page Down 키로 같은 동작을 하며, 수식 안에서 누른 화살표 키는 룸을 이동시키지 않고, ‘화면 가리기’와 ‘결과 표시’는 Tab 키로 도달해 Enter 키로 누르며, 모든 Tab 정지 위치에는 이름이 있습니다. AI 어시스턴트는 Ctrl+/ 키로 열고 Enter 키로 보냅니다. 현재 결과: 실패 0건.

페이지

모든 화면에는 고유한 제목이 있으며, 이 사이트의 모든 페이지는 로그인하지 않고도 열립니다.

무대 화면

프로젝터, 발표자 화면, 열린 룸에서는 어떤 내용도 창의 가장자리 밖으로 넘어가서는 안 됩니다. 발표자 자리에서는 아무도 이 화면을 스크롤할 수 없기 때문입니다.

레이아웃 측정 검사

화면이 너비 320픽셀 창과 휴대폰 크기에서 옆으로 돌린 창에 들어맞는지, 1.4.12의 넓힌 텍스트 간격에서 텍스트가 사라지지 않는지 확인하는 검사 99건. 대상은 이 사이트의 모든 페이지, 앱의 주요 페이지, 그리고 문항 유형별 학생 페이지입니다. 현재 결과: 실패 0건.

수동 검토

제목이 해당 구역을 설명하는지, 오류 메시지가 해야 할 일을 알려 주는지처럼 판단이 필요한 기준. 아래에 ‘설계 반영’으로 표시되어 있습니다.

아직 하지 않은 것

화면 낭독기 사용자와 함께 한 테스트.

이 검사는 이 사이트와 앱을 배포할 때마다 그 전에 실행되며, 실패하면 배포가 중단됩니다. 검사 보고서는 요청하면 제공합니다.

각 컨트롤의 작동 방식

문항

새 문항이 나타나면 포커스가 그 문항으로 이동하므로 화면 낭독기가 문항을 읽어 줍니다. 선택지는 라디오 버튼 그룹으로, Tab 정지 위치가 하나이며 화살표 키로 선택지 사이를 이동합니다. 해당하는 답을 모두 고르는 문항은 체크박스를 사용하며, 체크박스마다 Tab 정지 위치가 하나씩 있습니다. 선택한 선택지는 색상과 함께 더 굵은 테두리로 표시됩니다. 정답이 없는 문항도 같은 컨트롤을 사용합니다. 슬라이더는 없습니다.

얼마나 확신하십니까

‘추측’, ‘불확실’, ‘확신’으로 이루어진 별도의 라디오 버튼 그룹으로, 자체 Tab 정지 위치가 있습니다. 선택한 확신도는 선택한 선택지와 같은 굵은 테두리로 표시됩니다.

발표자 화면

키보드나 프레젠테이션 리모컨으로 진행합니다. → ↓ 키와 Page Down 키는 다음 문항으로, ← ↑ 키와 Page Up 키는 이전 문항으로 이동하며, 프로젝터 창에서 눌러도 마찬가지입니다. 발표자 화면에서 포커스가 문항의 수식이나 코드 안에 있을 때는 이 키들이 룸을 이동시키지 않으며, 이때 화살표 키는 수식이나 코드를 스크롤합니다. ‘화면 가리기’, ‘결과 표시’를 비롯한 모든 컨트롤은 Tab 키로 도달합니다.

수식, 코드, 다이어그램, 그래프, 분자

수식에는 화면 낭독기가 읽을 수 있는 MathML도 함께 포함됩니다. 모든 다이어그램, 그래프, 분자에는 소스로부터 작성된 설명이 있으며, 교수자가 이 설명을 편집할 수 있습니다. 이미지는 설명 없이 저장할 수 없습니다. 코드는 텍스트로 유지됩니다. 기기에서 그릴 수 없는 블록은 빈 화면 대신 소스와 설명을 보여 줍니다.

순서 변경

강의의 문항은 각 문항 메뉴의 ‘위로 이동’과 ‘아래로 이동’으로 순서를 바꿉니다. 강의는 강의 계획에서 마우스로 끌어 순서를 바꿀 수 있으며, 강의 계획 제목 옆의 ‘강의 순서 변경’에서는 ‘위로 이동’과 ‘아래로 이동’으로 키보드나 터치로 같은 작업을 할 수 있습니다.

대화 상자

포커스가 대화 상자 안에 머무르고, Esc 키로 닫히며, 닫으면 포커스가 대화 상자를 연 요소로 돌아갑니다.

평가한 기준

여기에는 WCAG 2.1의 레벨 A 및 AA 기준 50개가 모두 나열되어 있습니다. ‘검증됨’은 자동 검사나 조작 검사가 실행될 때마다 이를 확인한다는 뜻입니다. ‘설계 반영’은 이를 고려해 만들고 사람이 직접 검토했다는 뜻입니다. ‘부분 충족’은 기준의 일부를 아직 충족하지 못했다는 뜻이며, 어느 부분인지는 해당 행에 적혀 있습니다. ‘해당 없음’은 이 기준이 Tapsity에 요구하는 것이 없다는 뜻입니다.

1.1.1 텍스트 아닌 콘텐츠

검증됨. 의미를 전달하는 아이콘에는 텍스트가 있으며, 장식용 아이콘은 화면 낭독기에서 숨겨집니다.

1.2.1 오디오 전용 및 비디오 전용(사전 녹화)

해당 없음. Tapsity는 오디오나 비디오를 재생하지 않으며, 문항에는 오디오도 비디오도 넣을 수 없습니다.

1.2.2 자막(사전 녹화)

해당 없음. Tapsity에는 비디오가 없습니다.

1.2.3 오디오 해설 또는 미디어 대체(사전 녹화)

해당 없음. Tapsity에는 비디오가 없습니다.

1.2.4 자막(실시간)

해당 없음. Tapsity는 실시간 오디오를 전달하지 않습니다. 강의 자체는 강의실에서 진행됩니다.

1.2.5 오디오 해설(사전 녹화)

해당 없음. Tapsity에는 비디오가 없습니다.

1.3.1 정보와 관계

검증됨. 랜드마크, 제목, 목록, 선택지 그룹과 그룹 이름은 실제 요소로 구현되어 있습니다.

1.3.2 의미 있는 순서

설계 반영. 각 페이지는 보이는 순서대로 읽히며, 한 열로 접히는 레이아웃에서도 그 순서가 유지됩니다.

1.3.3 감각적 특성

설계 반영. 어떤 안내도 모양, 색, 위치, 소리에 의존하지 않습니다. 컨트롤을 가리킬 때는 컨트롤에 표시된 단어를 사용합니다.

1.3.4 방향

검증됨. 어떤 페이지도 한 방향으로 고정되어 있지 않으며, 측정한 페이지는 화면을 옆으로 돌려도 작동합니다.

1.3.5 입력 목적 식별

설계 반영. 이메일 주소를 묻는 두 입력란은 이를 브라우저에 알리므로, 브라우저가 입력란을 채울 수 있습니다. 그 밖의 어떤 입력란도 사용하는 사람에 관한 정보를 묻지 않습니다.

1.4.1 색 사용

설계 반영. 정답은 배지, 체크 표시, ‘정답’이라는 단어로 표시됩니다. 학생 페이지에서 선택한 항목은 색상과 함께 더 굵은 테두리로 표시됩니다.

1.4.2 오디오 제어

해당 없음. Tapsity에는 소리를 재생하는 요소가 없습니다.

1.4.3 명도 대비(최소)

검증됨. 스캔한 모든 화면에서 텍스트는 4.5:1 이상, 큰 텍스트는 3:1 이상의 대비를 갖습니다.

1.4.4 텍스트 크기 조정

부분 충족. 모든 페이지의 텍스트는 브라우저의 확대 기능으로 200%까지 커지며, 페이지는 그에 맞게 다시 배치됩니다. 프로젝터는 자신이 채우는 화면에 맞춰 텍스트 크기를 정하므로, 프로젝터에서는 확대해도 텍스트가 커지지 않습니다. 학생은 각자 자신의 기기에서 원하는 크기로 같은 문항을 읽습니다.

1.4.5 텍스트 이미지

설계 반영. Tapsity 자체의 문구는 텍스트이며, 수식, 코드, 다이어그램, 그래프, 분자는 그림으로 보여 주는 대신 소스로부터 그려집니다. 교수자가 추가한 이미지는 교수자의 것이며, 교수자가 작성한 설명이 함께 제공됩니다.

1.4.10 리플로우

검증됨. 측정한 페이지는 가로로 스크롤하지 않아도 너비 320픽셀의 창에 맞게 표시되며, 그보다 넓은 코드는 자체 상자 안에서 스크롤됩니다. 프로젝터는 2차원으로 읽는 레이아웃에 허용되는 대로, 자신이 채우는 화면의 형태를 유지합니다.

1.4.11 텍스트 아닌 콘텐츠의 명도 대비

설계 반영. 컨트롤의 경계, 포커스 윤곽선, 다이어그램, 그래프, 분자의 색상은 3:1 이상의 대비로 그려지며, 그래픽의 대비는 측정합니다.

1.4.12 텍스트 간격

검증됨. 이 기준이 정한 대로 줄, 글자, 단어, 문단 간격을 넓혀도 측정한 페이지에서 잘리는 텍스트는 없습니다. 공간에 맞추기 위해 말줄임표로 줄여 표시한 텍스트는 다른 곳에서 전체가 표시됩니다. 강의 이름은 해당 강의의 페이지에서, 보고서 요약에 있는 문항은 같은 보고서의 아래쪽에서 볼 수 있습니다.

1.4.13 호버 또는 포커스 시 콘텐츠

검증됨. 마우스 포인터를 올리거나 포커스를 두면 표시되는 문구는 포인터가 그 위에 있는 동안 유지되며, Esc 키로 닫힙니다. 조작 검사가 강의 계획에서 이를 확인합니다.

2.1.1 키보드

검증됨. 모든 유형의 문항은 키보드만으로 답할 수 있으며, 발표자 화면도 키보드로 진행할 수 있습니다.

2.1.2 키보드 함정 없음

설계 반영. 대화 상자는 Esc 키로 닫히며, 포커스는 대화 상자를 연 요소로 돌아갑니다.

2.1.4 문자 단축키

설계 반영. 문자 키 하나만으로 된 단축키는 없습니다. 발표자 화면은 화살표 키와 Page Up, Page Down 키를 사용하며, AI 어시스턴트는 Ctrl+/(Mac에서는 ⌘/) 키로 엽니다.

2.2.1 시간 조절 가능

부분 충족. 문항은 교수자가 열어 두는 동안 계속 열려 있으며, 이는 실시간 활동 그 자체입니다. 세 시간 동안 아무 활동이 없는 룸은 닫히며, 결과는 그대로 보존됩니다. 아직 충족하지 못한 부분: 로그인 상태는 경고 없이 12시간 후에 끝나며, 강의에서 문항을 뺀 후 ‘실행 취소’는 10초 동안 제공됩니다. 뺀 문항은 문항 은행에 남아 있으므로 그곳에서 다시 추가할 수 있습니다.

2.2.2 일시 정지, 정지, 숨기기

설계 반영. 반복해서 움직이는 애니메이션은 없습니다. 문항이 열려 있는 동안 실시간 집계가 바뀌는 것은 활동 그 자체입니다. 동작 줄이기가 설정되어 있으면 전환 효과를 없앱니다.

2.3.1 세 번의 번쩍임 또는 임계값 이하

설계 반영. 어느 페이지에도 번쩍이는 요소가 없습니다.

2.4.1 블록 건너뛰기

검증됨. 모든 페이지에 main 랜드마크가 있습니다.

2.4.2 페이지 제목

검증됨. 모든 화면에 고유한 제목이 설정됩니다.

2.4.3 포커스 순서

검증됨. 포커스는 읽는 순서를 따릅니다. 각 선택지 그룹은 Tab 정지 위치 하나입니다. 페이지가 열리면 포커스가 페이지 제목으로 이동합니다. 단, 포커스가 아직 그 페이지를 연 링크에 있으면 포커스는 그대로 있고 그 링크가 페이지를 알립니다. 조작 검사가 두 경우를 모두 확인합니다.

2.4.4 링크 목적(문맥 내)

검증됨. 모든 링크에는 이름이 있고 검사 도구가 이를 확인하며, 각 링크는 그 자체로 또는 주변 문장과 함께 어디로 연결되는지 알려 줍니다.

2.4.5 여러 가지 방법

설계 반영. 이 사이트의 각 페이지는 바닥글에서, 그리고 메뉴나 정책 페이지에서 링크되어 있습니다. 앱에서는 강의 계획이나 ‘오늘’에서, 그리고 해당 페이지를 나열하는 페이지에서 각 페이지로 이동할 수 있습니다.

2.4.6 제목과 레이블

설계 반영. 제목은 해당 구역에 무엇이 있는지 알려 주고, 레이블은 입력란이 무엇을 묻는지 알려 줍니다.

2.4.7 포커스 표시

설계 반영. 모든 컨트롤에 포커스 윤곽선이 표시됩니다.

2.5.1 포인터 제스처

설계 반영. 경로를 그리거나 두 손가락을 써야 하는 조작은 없습니다. 강의는 마우스로 끌어 순서를 바꿀 수 있으며, ‘강의 순서 변경’에서는 한 번씩 누르는 동작이나 키보드로 같은 작업을 할 수 있습니다.

2.5.2 포인터 취소

설계 반영. 모든 컨트롤은 포인터를 누를 때가 아니라 뗄 때 작동합니다.

2.5.3 이름에 포함된 레이블

설계 반영. 컨트롤의 이름에는 컨트롤에 표시된 단어가 포함됩니다. 카드는 첫 줄로 이름이 정해지며, 보고서에 표시되는 문항의 작은 그림은 마우스 포인터를 올리거나 포커스를 두면 그 이름을 보여 줍니다.

2.5.4 동작 기반 작동

해당 없음. 기기를 움직이거나 기울이는 동작에 반응하는 요소는 없습니다.

3.1.1 페이지 언어

검증됨. 모든 페이지에는 언어가 지정되어 있으며, 이 언어는 선택한 언어를 따릅니다. 검사 도구가 이를 확인합니다.

3.1.2 부분 언어

설계 반영. 문항과 선택지에는 작성된 언어가 지정되어 있어, 다른 언어로 설정된 기기에서도 화면 낭독기가 그 언어로 읽습니다.

3.2.1 포커스 시

설계 반영. 컨트롤로 포커스를 옮겨도 페이지가 열리거나, 무언가가 전송되거나, 포커스가 다른 곳으로 넘어가는 일은 없습니다.

3.2.2 입력 시

설계 반영. 선택지를 고르거나 입력해도 페이지가 열리거나 무언가가 전송되는 일은 없습니다. 학생의 답은 ‘답 보내기’를 눌러야만 전송됩니다.

3.2.3 일관된 내비게이션

설계 반영. 앱의 강의 계획과 이 사이트의 메뉴 및 바닥글은 모든 페이지에서 같은 위치에 같은 순서로 표시됩니다.

3.2.4 일관된 식별

설계 반영. 같은 기능을 하는 컨트롤은 어디에서나 같은 이름을 가집니다.

3.3.1 오류 식별

설계 반영. 오류는 무슨 일이 일어났는지 말로 설명하고, 화면 낭독기로 알리며, 해당하는 입력란이 있으면 그 입력란과 연결됩니다.

3.3.2 레이블 또는 설명

검증됨. 모든 입력 요소에 레이블이 있습니다.

3.3.3 오류 수정 제안

설계 반영. 해결 방법이 있는 오류는 그 방법을 알려 줍니다: 저장할 수 없는 문항에는 바꿔야 할 사항이 나열됩니다.

3.3.4 오류 방지(법률, 금융, 데이터)

설계 반영. 구매는 결제하기 전에 Paddle의 결제 화면에서 검토합니다. 계정 삭제는 먼저 확인을 요청하며, 계정이 지워지기 전에 다시 로그인하면 삭제가 취소됩니다. 문항과 강의는 삭제되지 않고 보관되며, 학생은 답을 보내기 전에 먼저 답을 고릅니다.

4.1.1 구문 분석

해당 없음. W3C가 2023년에 발표한 WCAG 2.1 수정 사항에 따라, 이 기준은 HTML에서 항상 충족되는 것으로 간주됩니다.

4.1.2 이름, 역할, 값

검증됨. 모든 컨트롤에는 이름이 있으며, 선택되었는지 여부를 알립니다.

4.1.3 상태 메시지

설계 반영. 발표자 화면과 학생 페이지의 연결 상태, AI 어시스턴트의 진행 상황과 오류는 라이브 영역을 통해 알립니다.

알려진 미비점

보조 기술 사용자와 함께 한 테스트 없음

아직 NVDA, JAWS, VoiceOver를 사용하는 상태에서 Tapsity로 강의를 진행한 사람은 없습니다. 이것이 이 선언에서 가장 큰 미비점입니다.

일부만 충족하는 기준

1.4.4 텍스트 크기 조정 및 2.2.1 시간 조절 가능. 미흡한 부분은 ‘평가한 기준’에서 설명합니다.

핫스팟 문항

학생에게 이미지의 특정 영역을 누르도록 하는 문항은 접근 가능한 설계 없이 출시하는 대신 제거했습니다. 문항에 이미지를 표시할 수는 있으며, 답은 항상 선택지에서 고릅니다.

문제 신고

Tapsity의 어느 부분이든 이용할 수 없다면, 해당 화면과 사용하는 보조 기술을 적어 support@tapsity.com 주소로 보내 주십시오. 접근성 결함은 제품 결함으로 취급하며, 학생이 문항에 답할 수 없는 경우는 서비스 장애로 취급합니다.