접근성

이 섹션이 있어야 이 페이지를 공개할 가치가 있어요. 각 항목은 실제 문제이고, 저희도 알고 있으며, 여기에서 해결된 문제인 것처럼 소개하지 않아요.

사이트가 서른 개 언어로 제공되지만 모든 언어에서 스크린 리더 테스트를 진행하지는 않았어요. 테스트는 영어로 진행했어요. 오른쪽에서 왼쪽으로 쓰는 언어의 발음과 읽기 순서, 그리고 저희가 사용하는 디스플레이 서체가 지원하지 않아 플랫폼 서체로 대체되는 문자 체계에서는 보조 기술을 사용해 확인하지 않았어요.

저희가 사용하는 두 가지 서체는 라틴 문자만 지원해요. 키릴 문자, 데바나가리 문자, 조지아 문자, 태국 문자, 아랍 문자, 히브리 문자, 벵골 문자, 에티오피아 문자와 CJK는 모두 플랫폼 자체 서체로 대체돼요. 일반적으로 가독성에는 도움이 되지만, 영어에서 저희가 조정하는 서체 세부 요소 — 굵기, 간격, 작은 텍스트가 더 이상 충분히 작지 않게 되는 크기 — 는 해당 지역 언어에서는 제어할 수 없다는 뜻이기도 해요.

일부 인터랙티브 요소는 최근에 추가되어 테스트가 덜 되었어요. 비교 표와 도움말 검색은 현재 위치에서 행을 필터링하는데, 이는 올바른 방식이에요. 하지만 변경된 결과 수를 스크린 리더에 알리는 기능은 구현은 되었지만 실제 사용자 테스트는 아직 진행하지 않았어요.

앱에도 같은 원칙을 적용하지만 사이트보다 점검 횟수가 적어요. 앱은 플랫폼 자체의 텍스트 크기 조정과 스크린 리더를 지원하고, 이 두 기능이 대부분의 작업을 처리해요. 하지만 현재는 출시 버전마다 공식적인 접근성 감사를 진행하지 않아요.

사이트와 앱 모두 공식적인 제3자 감사를 받은 적이 없어요. 보유하지 않은 인증을 받은 것처럼 보이게 하는 것보다 이 사실을 명확히 말하는 편이 낫다고 생각해요.

Telvio 앱은 실행되는 운영체제의 접근성 기능에 의존해요. iOS에서는 VoiceOver와 Dynamic Type을, Android에서는 TalkBack과 글꼴 크기 조정을 사용해요. 인터페이스가 키패드, 잔액, 요금 목록으로 구성된 앱에서 중요한 접근성 기능 대부분을 지원해요.

기능이라기보다 접근성의 특성으로 봐야 할 설계 결정이 하나 있어요. 앱에는 계정이 필요하지 않기 때문에 가입 양식, 입력해야 하는 비밀번호, 이메일 인증 단계, 메시지에서 찾아야 하는 코드가 없어요. 보조 기술을 사용하는 사람이나 양식을 어려워하는 사람이 가장 자주 겪는 상호작용 문제가 아예 존재하지 않는다는 뜻이에요. 설치하고, 전화를 걸고, 대화하면 돼요.

그에 따른 제한도 다른 모든 내용과 같은 페이지에 있어요. 앱으로는 긴급 서비스에 전화를 걸 수 없으며, 긴급 전화에 설명되어 있어요. 누군가 이 앱을 가족에게 해외 전화를 거는 고령자 등 친척을 위해 설정해 주는 경우가 많은데, 설정하면서 반드시 설명해야 할 가장 중요한 내용이에요.

제목을 Accessibility로 설정해 [email protected]로 이메일을 보내주세요. 페이지나 화면, 하려던 작업, 사용한 보조 기술과 버전, 대신 어떤 일이 일어났는지를 알려주시면 도움이 돼요. 어느 것도 필수는 아니에요. “스크린 리더로 요금 표를 사용할 수 없어요”라고 한 문장만 보내도 충분히 좋은 제보이고, 아무런 제보가 없는 것보다 그런 내용을 받는 편이 저희에게 더 좋아요.

영업일 기준 5일 이내에 문제를 평가한 결과와, 결함이 있다고 판단하는 경우 대략적인 처리 기간을 답변드리려고 해요. 작업을 완료하지 못하게 막는 문제는 다른 작업보다 먼저 수정하고, 작업을 어렵게 만드는 문제는 막연하게 약속하지 않고 솔직하게 대기열에 올려요.

유럽 연합에 거주하며 접근성 의무가 지켜지지 않고 있다고 생각한다면 관련 국가 집행 기관에 신고할 수도 있어요. 먼저 저희에게 알려주시길 바라지만, 어느 쪽으로 문의하시든 답변드릴게요.

설명해 둘 만한 내용이 두 가지 있어요. 선언과 실제 운영의 차이를 보여주기 때문이에요.

명암비는 분석하는 것이 아니라 실제로 칠해진 결과를 기준으로 확인해요. 스타일시트에서 읽어낸 색상 값은 요소가 어떤 색상이 되도록 지정되었는지만 알려줄 뿐, 최종적으로 어떻게 보이는지는 알려주지 않아요. 어두운 띠 위의 반투명 요소, 정규 표현식이 이해하지 못하는 최신 색상 함수, 영웅 이미지 위에 고정된 헤더가 그 예예요. 점검 과정에서는 각 요소의 실제 배경을 확인하기 위해 첫 번째 불투명 조상 요소까지 위로 올라가 브라우저 자체에서 색상을 계산한 다음 명암비를 계산해요. 그 결과 이 사이트의 본문 텍스트가 4.49:1이라는 사실을 발견했어요. AA 기준에 못 미치지만 단독으로 보면 전혀 이상해 보이지 않는 값이에요.

페이지는 작성된 코드가 아니라 렌더링된 결과를 기준으로 점검해요. 별도의 점검 도구가 실제 브라우저에서 각 페이지를 불러온 다음, 뷰포트 안의 텍스트 중 불투명도가 0인 것이 있는지, 문서가 가로로 스크롤되는지, 자체 배경색으로 칠해진 요소가 있는지를 확인해요. 마지막 점검은 실제 배포되기 전에는 터무니없게 들릴 수 있어요. 한 번은 그룹화된 CSS 규칙 하나가 레이블의 글자색과 배경색을 같은 값으로 설정했어요. 그 결과 1:1 명암비가 생겼지만 마크업에서도, DOM에서도, 소스 코드 스크린샷에서도 보이지 않았어요.