접근성은 배려가 아니라 시장 문제다

접근성을 '장애인을 위한 배려'라고 생각하면 우선순위에서 밀리죠.

생각보다 넓은 범위

접근성을 장애인을 위한 배려라고 이해하면 우선순위에서 밀립니다. 우리 고객 중에 몇 명이나 되겠냐는 계산이 나오기 때문입니다.

실제 범위는 훨씬 넓습니다. 노안이 온 40대는 작은 글자를 못 읽습니다. 팔을 다쳐 한 손만 쓰는 사람은 두 손이 필요한 조작을 못 합니다. 밝은 야외에서 화면을 보는 사람은 대비가 약하면 안 읽힙니다. 오래된 휴대폰을 쓰는 사람은 무거운 화면이 안 뜹니다.

네 경우 모두 장애와 무관한데 겪는 문제는 같습니다. 그래서 접근성은 소수를 위한 기능이 아니라 상황에 따라 누구나 겪는 문제에 대한 대응입니다.

누구를 위한 이야기일까요

실제로는 훨씬 넓습니다. 노안이 온 사람, 팔을 다쳐 한 손만 쓰는 사람, 밝은 야외에서 화면을 보는 사람, 오래된 휴대폰을 쓰는 사람. 전부 같은 문제를 겪어요.

다른 사람들이 같은 문제를 겪어요

그리고 접근성을 고치면 대개 전체 사용성이 같이 좋아집니다. 글자가 크고 대비가 분명하고 단계가 단순한 화면은 아무 문제 없는 사람에게도 편합니다.

이 현상을 커브컷 효과라고 부릅니다. 휠체어를 위해 만든 보도턱 경사가 유모차, 캐리어, 자전거 이용자에게 더 많이 쓰이는 것에서 나온 말입니다.

검색 관점에서도 유리합니다. 이미지 대체 텍스트, 명확한 제목 구조, 의미 있는 링크 텍스트는 접근성 항목이자 검색엔진이 읽는 항목입니다. 두 가지가 같은 방향인 드문 경우입니다.

그리고 접근성을 고치면 대개 전체 사용성이 좋아집니다. 글자가 크고 단계가 단순한 화면은 누구에게나 편하니까요. 배려가 아니라 설계 수준의 문제예요.

고치면 같이 좋아져요

1. 01글자를 키워요
2. 02단계를 줄여요
3. 03모두가 편해져요

오늘 확인할 수 있는 것

첫째, 본문 글자를 16px 이상으로 올려봅니다. 디자인상 작게 쓰고 싶은 유혹이 있는데, 읽히지 않으면 의미가 없습니다.

둘째, 버튼을 손가락으로 눌러봅니다. 마우스로는 정확히 눌리는 것이 손가락으로는 옆 버튼이 눌립니다. 터치 영역은 최소 44px 정도가 권장됩니다.

셋째, 밝은 야외에 나가서 화면을 봅니다. 실내 모니터에서 예뻐 보이던 연한 회색 글자가 밖에서는 아예 안 보입니다. 이건 도구로 재는 것보다 직접 나가보는 게 빠릅니다.

그리고 이미지에 대체 텍스트를 넣고, 제목 태그를 순서대로 쓰고, 링크에 '여기를 클릭' 대신 목적지를 적으면 기본은 갖춰집니다.

다만 조심할 것

접근성을 디자인을 포기하는 것으로 이해하면 곤란합니다. 큰 글자와 높은 대비가 촌스러워야 할 이유는 없습니다. 제약 안에서 만드는 게 설계의 일입니다.

그리고 전면 개편이 아니어도 됩니다. 글자 크기와 대비, 터치 영역만 손봐도 대부분의 실질적 문제가 해결됩니다. 완벽한 기준 준수를 목표로 잡으면 시작을 못 합니다.

다만 공공기관이나 일정 규모 이상 사업자는 법적 의무가 있습니다. 이 경우에는 권장이 아니라 요건이므로 기준을 확인하고 진행해야 합니다.

오늘 이것만 확인해요

1. 본문 글자를 16px 이상으로 올려보기
2. 버튼을 손가락으로 눌러 오작동 나는지 확인하기
3. 밝은 야외에서 화면이 읽히는지 직접 나가 보기

못 쓰는 사람이 있다는 건 배려의 문제가 아니라 그만큼의 시장을 못 받는다는 뜻입니다.

이어서 읽기 — 별점 5.0이 오히려 덜 팔리는 이유