저희가 지향하는 것
theButler.network는 모두가 쓸 수 있어야 한다고 생각합니다 — 스크린 리더를 쓰실 때도, 키보드만 쓰실 때도, 화면을 확대해서 보실 때도, 색을 구별하기 어려우실 때도 마찬가지입니다.
저희는 웹 콘텐츠 접근성 지침(WCAG) 2.2 준수 수준 AA와 유럽 표준 EN 301 549를 기준으로 삼습니다.
이 선언의 근거
이 선언은 자체 평가에 따른 것입니다. 외부 기관의 검사는 없었고, 보조기술 이용자와 함께 한 시험도 없었습니다.
이것은 한계이고, 저희는 감추기보다 밝히는 쪽을 택합니다. 자체 평가는 자기가 찾는 것만 찾아냅니다. 그래서 아래 내용은 ‘준수 / 미준수’로 나누지 않고, 측정한 것과 검증하지 않은 것으로 나누었습니다.
측정한 것
이 항목들은 배포할 때마다 자동으로 다시 계산됩니다. 그것이 검사를 대신해서가 아니라, 아무도 다시 계산하지 않는 약속은 다음 개편 때 조용히 사실과 어긋나기 때문입니다.
| 항목 | 결과 |
|---|---|
| 모든 텍스트 색과 그 배경의 대비, 밝은 화면과 어두운 화면에서 | 32개 값, 모두 4.5:1 초과(WCAG 1.4.3) |
| 배경 대비 포커스 표시 | 두 화면 모두 13:1 초과, 요구 기준은 3:1(WCAG 1.4.11) |
| 키보드 조작: 모든 조작 요소가 포커스를 받을 때 눈에 보이는 표시가 나타남 | 밝은 화면과 어두운 화면에서 확인, 표시가 없는 곳은 없었음 |
| 본문으로 가는 건너뛰기 링크, 탭 순서의 첫 요소 | 있음, 포커스가 콘텐츠 영역에 놓이는 것이 확인됨 |
| 레이블: 모든 입력란과 버튼에 스크린 리더용 이름이 있음 | 모두 있음. 다만 저희는 자리표시자 텍스트를 레이블로 인정하지 않습니다 |
| 터치 대상 최소 24 × 24 픽셀(WCAG 2.5.8) | 지킴. 다만 표준 자체가 제외하는 본문 속 링크는 예외입니다 |
| 확대가 막혀 있지 않고, 입력란은 최소 16 픽셀 | 지킴(WCAG 1.4.4) |
| 동작: 시스템 설정 ‘동작 줄이기’가 애니메이션을 끔 | 지킴 — CSS 애니메이션은 한 곳에서, 자바스크립트로 제어되는 전환은 구성 요소마다 개별적으로 |
| 페이지 구조: 페이지마다 주 영역이 정확히 하나 | 지킴 |
그 밖에 언어와 텍스트 방향은 기계가 읽을 수 있게 표시되어 있으며, 오른쪽에서 왼쪽으로 쓰는 언어도 포함됩니다. 제품 카드는 진짜 링크이고 키보드로 닿을 수 있습니다. 어시스턴트의 답변은 스크린 리더에 알려지며, 불러오는 상태, 검색 결과, 중단, 오류도 마찬가지입니다 — 그것도 구분해서 알리고, 모두를 ‘완료’로 뭉뚱그리지 않습니다. 대화상자와 이미지 갤러리는 키보드 포커스를 붙잡아 두고, 닫을 때 그것을 연 자리로 돌려주며, Escape 키로 닫을 수 있습니다.
검증하지 않은 것
- 실제 보조기술로 한 시험은 없습니다. 저희는 JAWS, NVDA, VoiceOver로 대조하지 않았고, 그것을 매일 쓰는 분들과 함께 시험하지도 않았습니다. 자동으로 측정할 수 있는 것은 어떤 요소에 이름이 있는지이지, 그 이름이 맥락 속에서 이해되는지가 아닙니다.
- 외부 감사는 없습니다.
- 모든 영역을 똑같이 꼼꼼히 본 것은 아닙니다. 살펴본 곳은 첫 페이지, 대화, 카탈로그, 제품 상세 페이지, 로그인, 설정, 법적 문서입니다. 21개의 카테고리 페이지는 같은 구조와 같은 구성 요소를 쓰지만, 하나씩 확인하지는 않았습니다.
/edwin페이지는 아직 손보지 않았습니다. 이전 프로젝트에서 남은 것이고, 어디에서도 링크되어 있지 않으며, 밝은 화면에서는 읽기 어렵습니다. 다시 만들거나 없앨 예정입니다.- 판매처의 콘텐츠. 제품 이미지와 제품 텍스트는 판매처의 피드에서 옵니다. 거기에 뜻이 통하는 설명 없는 이미지가 있으면, 저희는 그것을 짚을 수는 있어도 대신 채워 넣을 수는 없습니다.
조작
마우스 없이: 모든 기능에 키보드로 닿을 수 있습니다. 각 페이지에서 첫 탭 키는 건너뛰기 링크로 가고, 거기에서 바로 본문으로 들어갑니다.
스크린 리더로: 대화는 레이블이 붙은 입력란으로 조작할 수 있습니다. Edwin이 일하고 있다는 것, 제품이 도착했다는 것, 답변이 끝났다는 것, 무언가 잘못되었다는 것 — 이 모두가 안내됩니다. 흘러가는 본문 자체는 일부러 한 낱말씩 알리지 않습니다. 음절마다 알리면 읽어 주는 목소리를 계속 끊어 페이지를 쓸 수 없게 만들기 때문입니다.
다른 방식의 이용: 어떤 기능에 접근하실 수 없다면 저희에게 알려 주십시오 — 원하시는 정보를 다른 방법으로 전해 드리겠습니다.
장벽 신고
접근할 수 없는 무언가가 눈에 띄셨습니까?
이메일: accessibility@thebutler.network
가능하시면 다음을 알려 주십시오: 해당 페이지, 하시려던 일, 되지 않은 것, 그리고 어떤 환경을 쓰시는지(브라우저, 스크린 리더, 운영체제).
저희는 5영업일 이내에 답변드리며, 그 장벽을 없앨 수 있는지, 없앤다면 언제까지인지 함께 말씀드립니다. 없앨 수 없으면 그것도 말씀드립니다 — 그 이유와 함께.
집행 절차
저희 답변에 만족하지 못하시면 시장감시기관에 문의하실 수 있습니다.
Marktüberwachungsstelle der Länder für Barrierefreiheit von Produkten und Dienstleistungen (MLBF)
Anstalt des öffentlichen Rechts(공법상의 영조물), 제품과 서비스의 접근성을 담당하는 독일의 시장감시기관
Wilhelm-Höpfner-Ring 4
39116 Magdeburg
https://mlbf-barrierefrei.de
법적 안내
저희 판단으로는 theButler.network에 대해 BFSG(독일 접근성강화법)의 적용 범위는 열리지 않습니다. 이 웹사이트에서는 소비자 계약이 체결되지 않기 때문입니다(BFSG § 2 제26호). 구매는 각 판매처의 자체 웹사이트에서 이루어집니다. 그와 별개로 저희는 BFSG § 3 제3항에 따른 소규모기업 예외의 요건도 충족합니다.
따라서 저희는 이 선언을 공표할 의무도, 외부 검사를 의뢰할 의무도 없습니다. 그래도 공표하는 것은, 접근 가능한 서비스가 저희에게 법적 의무의 문제가 아니기 때문이고, 실제로 무엇을 측정했고 무엇을 측정하지 않았는지 적은 글이 근거 없는 준수 주장보다 더 값지기 때문입니다.