데스크톱에서 선명한 이미지도 작은 화면에서는 달라 보입니다
홍보 이미지는 컴퓨터 화면에서 선명해 보여도 휴대전화의 밝기와 화면 크기가 달라지면 글자가 배경에 묻히는 경우가 있습니다. 이미지를 고를 때 전체적인 분위기에 먼저 끌리기 쉽지만, 실제로는 날짜, 장소, 버튼처럼 행동에 필요한 문구가 읽히는지가 우선입니다. 이런 정보가 읽히지 않으면 이미지는 목적을 이루지 못합니다.
따라서 점검의 기준은 예쁜지가 아니라 필요한 정보가 놓치지 않고 전달되는지입니다. 이 글은 색 대비를 눈으로 확인하는 순서와 함께 기록해 둘 항목을 정리합니다.
먼저 이미지를 작게 줄여 모바일 화면에서 봅니다
첫 번째 점검은 이미지를 작게 축소해서 휴대전화 화면에 띄워 보는 것입니다. 밝은 사진 위에 흰 글씨를 올렸을 때 글자의 일부가 사라지지 않는지, 그라데이션이 특정 영역에서만 효과가 있고 중간에서는 글자가 흐려지지 않는지 확인합니다.
사진의 배경 위치가 화면 비율에 따라 바뀌면 데스크톱에서 안전했던 문구가 밝은 물체 위로 이동할 수도 있습니다. 가로형, 세로형, 정사각형 등 여러 비율로 잘라 보며 같은 문구가 계속 읽히는지 시험해야 합니다.
읽기 어려운 문구는 그림자를 더하기 전에 배치를 고칩니다
핵심 문구가 읽기 어려울 때 글자에 그림자만 더하는 방법은 임시방편에 그치기 쉽습니다. 글자 뒤에 단색 영역을 두거나 사진과 텍스트의 위치를 조정하는 편이 더 안정적입니다.
버튼은 배경과 충분히 구분되어야 하고, 실제로 눌러야 하는 영역이 분명해야 합니다. 또 색만으로 가능과 불가능을 구별하지 않고, 글자나 기호로도 상태를 알 수 있게 하면 색을 구별하기 어려운 사람도 내용을 이해할 수 있습니다.
눈으로 보는 점검은 출발점일 뿐입니다
눈으로 하는 점검은 쉽고 빠르지만 사람마다 보이는 정도가 다릅니다. 중요한 텍스트와 배경의 대비는 측정 도구로도 확인할 수 있고, 화면을 확대한 상태나 다른 기기에서 표본으로 다시 보는 과정도 필요합니다.
특히 이미지 안에만 날짜나 조건을 넣어 두면 화면 읽기 프로그램을 쓰는 사용자가 내용을 놓칠 수 있습니다. 핵심 정보는 본문 텍스트에도 함께 적고, 대체 텍스트에는 이미지를 꾸미는 표현보다 전달해야 할 내용을 적는 것이 좋습니다.
시점이 있는 이미지는 디자인과 사실을 함께 관리합니다
행사나 일정처럼 시점이 있는 이미지는 디자인 수정과 사실 변경을 같이 관리해야 합니다. 일정이 바뀌어 본문은 고쳤는데 이미지에는 이전 날짜가 남아 있다면, 색 대비가 아무리 좋아도 잘못된 안내가 됩니다.
이미지의 버전과 사용된 페이지를 기록해 두고, 썸네일과 상세 화면 모두에서 현재 값이 보이는지 확인합니다. 이런 기록이 있으면 변경이 생겼을 때 어디를 고쳐야 하는지 빠르게 찾을 수 있습니다.
밝기와 환경이 다른 상태에서도 확인해 봅니다
같은 이미지라도 야외의 밝은 햇빛 아래와 어두운 실내에서 보이는 정도가 다릅니다. 가능하다면 화면 밝기를 낮춘 상태와 높인 상태를 모두 시험해 보고, 절전 모드나 야간 모드처럼 색감이 바뀌는 설정에서도 핵심 문구가 읽히는지 확인합니다.
또한 고령의 이용자나 시력이 좋지 않은 사람의 입장에서 글자 크기가 충분한지도 살펴야 합니다. 작은 글씨로 조건을 적어 두는 방식은 대비가 좋아도 읽기 어렵습니다. 꼭 알려야 하는 조건이라면 크기를 키우고 본문에도 풀어서 적는 것이 좋습니다.
이미지를 새로 만들거나 바꿀 때마다 같은 항목을 점검하면 실수가 줄어듭니다. 모바일 축소 상태에서 핵심 문구가 읽히는지, 버튼 영역이 분명한지, 날짜와 조건이 본문과 일치하는지, 대체 텍스트가 내용을 전달하는지를 짧은 목록으로 만들어 두세요. 담당자가 바뀌어도 같은 기준으로 확인할 수 있습니다.
처음 보는 사람에게 잠깐 보여 주는 방법이 가장 확실합니다
간단하고 효과적인 방법은 처음 보는 사람에게 이미지를 잠깐 보여 준 뒤 핵심 날짜와 해야 할 행동을 말해 달라고 하는 것입니다. 바로 답하지 못한다면 글자가 보이는지만이 아니라 정보의 순서와 대비를 함께 다시 고쳐야 합니다.
가독성 점검은 미적 평가라기보다 이용자가 중요한 정보를 놓치지 않는지 살피는 작업입니다. 화면 환경과 이용자는 다양하므로, 실제 사용 상황에 맞춰 여러 기기에서 확인해 보시기 바랍니다.