세상의 모든 일을 아주 제대로. 멋지게. 해결하기 위해 연구합니다.

토토코리아 리뉴얼, 웹접근성 이슈

토토코리아 홈페이지는 7여 년 동안 저희가 맡아서 관리하던 홈페이지입니다. 토토코리아는 언제나 저희를 믿고 의지해주며 좋은 결과가 날 수 있도록 도와주는 든든한 고객사입니다.

이번 리뉴얼은 전체가 아닌 웹접근성 이슈만 적용하는 프로젝트였습니다. 먼저 최소 페이지를 적용한 후 전체 페이지에 적용할 계획으로 진행되었다. 워드프레스 솔루션으로 웹접근성을 맞추는 것이 과거에는 힘든 일이었으나, 워드프레스에서 웹접근성 이슈에 오랜기간 대응해 오면서 이제 그렇게 어려운 일은 아니다.

웹접근성 테스트는 유료나 무료로 다양한 툴이 존재한다. 그 중에 일반적으로 많이 사용하며 기준도 높은 편에 드는 것이 웹이브(https://wave.webaim.org/)이다. 실제로 우리가 웨이브 기준으로 하면 토토코리아의 디자인 일부를 미세하게 바꿔야 하는 상황이 되었을 때, 토토 본사에서 사용하는 유료 웹접근성툴에서 문제가 없어 넘어갔다.

Screenshot 2024 05 13 at 3.46.01 AM

웹접근성에서 간단하지만 중요한 사항이 바로 텍스트 타입 설정과 색상 설정이다. 사용된 텍스트가 제목인지 부제목인지, 본문인지가 모두 설정되어 있어야 한다. 이 부분은 장애가 있는 분들이 순서대로 읽을 수 있도록, 중요도를 이해할 수 있도록 도와준다. 접근성에 사용되는 색상도 체크를 한 후 맞춰서 사용해야 한다. 비슷한 색상 또는 배경과 차이가 별로 없는 색상은 사용하면 안된다. 색상 비교는 칼러샤크(https://colorshark.io/)를 활용하면 좋다.

칼러샤크는 등급에 맞춰서 사용할 수 있는 색상 배색을 제안해 준다.

Screenshot 2024 05 13 at 3.51.37 AM

웹접근성 이슈는 어려운 작업이 아니지만, 꼼꼼하게 신경쓰고 적절한 디자인을 적용할 수 있도록 노하우가 필요하다. 웹접근성은 이미 법적인 제지때문에 하고 있는 떠밀려 하는 작업이 아니다. 글로벌기업과 국내 중견기업 이상이라면 회사 홈페이지에 대해 웹접근성 고민을 해봤을 것이다. 전세계 인구 중 장애인구가 15%라는 사실이 증명된 현실에서 글로벌 시장에서 비즈니스를 하는 기업들은 웹접근성 적용을 선택하고 있다.

많은 기업이 웹접근성 이슈의 중요도를 이해하기를 바란다.