주제 소개

접근성이라고 하면 시각 장애인을 위한 화면 낭독기부터 떠올리기 쉽습니다. 물론 중요한 부분입니다. 하지만 접근성이 돕는 사람은 훨씬 넓습니다. 햇빛 아래에서 화면을 보는 사람, 한 손으로 지하철 손잡이를 잡고 투표하는 사람, 모국어가 아닌 언어로 앱을 쓰는 해외 팬, 작은 글씨가 불편한 부모 세대 팬까지 모두 포함됩니다.

팬덤 서비스는 이 상황이 유독 자주 생깁니다. 공연장처럼 어둡고 시끄러운 곳에서 쓰이고, 티켓 오픈처럼 긴장된 순간에 쓰이고, 세계 여러 나라의 팬이 함께 씁니다. 이 글에서는 팬덤 화면에서 특히 챙겨야 할 접근성 기준을 정리해 봅니다.

분석

1. 대비: 화려함과 읽힘 사이

팬덤 화면은 아티스트 사진, 그라데이션, 강렬한 포인트 색을 많이 씁니다. 문제는 그 위에 얹는 글자입니다. 웹 접근성 지침(WCAG 2.1 AA)은 일반 글자와 배경의 명도 대비를 4.5:1 이상, 큰 글자는 3:1 이상으로 권장합니다. 사진 위에 글자를 올릴 때는 반투명 막이나 그림자를 깔아 대비를 확보하고, 사진이 바뀌어도 기준이 유지되는지 확인해야 합니다.

2. 색만으로 말하지 않기

“빨간색은 마감, 초록색은 진행 중”처럼 색만으로 상태를 구분하면 색 구분이 어려운 사람에게는 정보가 사라집니다. 투표 결과, 좌석 선택, 남은 시간 같은 중요한 정보는 색과 함께 글자, 아이콘, 모양을 함께 써서 전달합니다. 좌석 배치도에서 선택 가능한 좌석과 이미 판매된 좌석이 색으로만 구분된다면 가장 먼저 점검할 화면입니다.

3. 손가락을 위한 크기

긴장한 손가락은 평소보다 덜 정확합니다. 애플 가이드라인은 누를 수 있는 영역을 최소 44×44pt로, 구글 머티리얼 가이드라인은 48×48dp로 권장합니다. 응원 버튼, 투표 버튼, 결제 버튼처럼 한 번의 터치가 중요한 곳에서는 이 기준을 넉넉히 지키고, 누르면 안 되는 버튼과 충분한 간격을 둡니다.

4. 움직임은 선택할 수 있게

팬덤 서비스는 모션으로 감정을 전합니다. 하지만 큰 움직임이나 깜빡임은 누군가에게는 어지러움이 될 수 있습니다. 기기에서 “동작 줄이기”를 켠 사용자에게는 화려한 전환 대신 부드러운 페이드로 바꿔 보여 주고, 1초에 세 번 넘게 번쩍이는 효과는 피합니다.

5. 글로벌 팬을 위한 읽기

언어마다 글자 길이가 다릅니다. 한국어로 딱 맞던 버튼이 영어나 일본어로 바뀌면 글자가 잘리기 쉽습니다. 고정 폭 대신 글자에 맞춰 늘어나는 레이아웃을 쓰고, 글자 크기 확대 설정에서도 화면이 깨지지 않는지 확인합니다.

6. 화면 낭독기로 한 번 써 보기

화면 낭독기를 켜고 투표 화면을 써 보면 의외의 문제가 드러납니다. 아이콘 버튼이 “버튼”이라고만 읽히거나, 아티스트 사진이 파일 이름으로 읽히거나, 순서가 화면에 보이는 것과 다르게 읽히는 경우입니다. 아이콘에는 무슨 동작인지 알려 주는 이름을 붙이고, 의미 있는 이미지에는 짧은 설명을, 꾸밈용 이미지는 읽지 않게 처리합니다. 이 작업은 디자이너가 화면 설계 단계에서 표시해 두어야 개발 단계에서 빠지지 않습니다.

시사점

접근성은 출시 직전에 몰아서 점검하면 비용이 큽니다. 대비, 터치 영역, 모션 설정 같은 기준을 디자인 시스템 안에 먼저 넣어 두면, 개별 화면을 만들 때마다 따로 신경 쓰지 않아도 기본값이 지켜집니다. 접근성이 디자인 시스템의 일부여야 하는 이유입니다.

그리고 기준표만으로는 부족합니다. 직접 화면 낭독기를 켜고 앱을 써 보고, 햇빛 아래에서 화면을 보고, 한 손으로 투표해 보는 경험이 체크리스트보다 많은 것을 알려 줍니다.

정리

모두를 위한 화면은 특별한 누군가를 위한 화면이 아니라, 언젠가 불편한 상황에 놓일 우리 모두를 위한 화면입니다. 좋아하는 마음에 조건이 없듯, 그 마음을 표현하는 화면도 누구에게나 열려 있어야 한다고 생각합니다.