단체 행사 안내를 글자가 들어간 포스터 이미지로만 올리면 방문자가 글자 크기나 색을 바꿔 읽을 수 없으므로 일시·장소·신청 방법은 본문 글자로도 적어야 합니다. W3C 기준이 말하는 범위와 단체 홈페이지 게시 순서를 정리했습니다.
단체 행사 안내를 글자가 들어간 포스터 이미지로만 올리면 방문자가 글자 크기나 색을 바꿔 읽을 수 없으므로 일시·장소·신청 방법은 본문 글자로도 적어야 합니다. 디자인한 포스터를 그대로 올리는 것은 빠르지만, 방문자에 따라 그 안의 정보를 읽지 못하는 경우가 생깁니다.
포스터 속 글자는 읽는 사람이 바꿀 수 없습니다
W3C 웹 콘텐츠 접근성 지침(WCAG) 2.2의 성공 기준 1.4.5 글자 이미지(수준 AA)는 사용하는 기술로 같은 모양을 낼 수 있다면 정보를 글자 이미지가 아닌 글자로 전달하도록 정합니다. 예외는 사용자가 이미지 속 글자를 원하는 대로 바꿀 수 있는 경우와, 글자의 특정한 모양 자체가 정보에 꼭 필요한 경우입니다. 로고에 들어간 글자는 꼭 필요한 경우로 봅니다.
W3C의 성공 기준 1.4.5 해설은 이 기준의 목적을 특정한 글자 크기, 글자색과 배경색, 글꼴, 줄간격, 정렬이 필요한 사람이 글자 표시를 직접 조정할 수 있게 하는 것이라고 설명합니다. 저시력이 있는 사람, 줄을 따라 읽기 어려운 사람, 읽기에 영향을 주는 인지 장애가 있는 사람이 이 조정의 도움을 받습니다. W3C WAI의 글자 이미지 안내도 실제 글자는 선명함을 잃지 않고 크기를 바꿀 수 있고 배경색과 글자색도 바꿀 수 있지만, 이미지는 확대하면 흐려지거나 깨지기 쉽다고 적습니다.
포스터를 함께 올리는 것은 괜찮습니다
포스터를 쓰지 말라는 뜻은 아닙니다. 해설은 같은 정보를 글자로도 전달하고 두 가지를 모두 보여 준다면 글자 이미지를 함께 써도 이 기준을 충족한다고 설명합니다. 원하는 디자인은 포스터로 보여 주고, 같은 정보를 본문 글자로 적으면 됩니다. 해설은 그래프, 화면 캡처, 도표처럼 글자 외에도 중요한 시각 정보를 담은 그림 속 글자는 글자 이미지 정의에 들어가지 않는다는 점도 밝힙니다.
대체 텍스트도 비워 두지 않습니다. WAI 안내는 글자 이미지를 꼭 써야 하는 드문 경우라면 대체 텍스트에 이미지 속 글자와 같은 내용을 담아야 한다고 적습니다. 포스터의 대체 텍스트에는 '행사 포스터'라고만 쓰지 말고 포스터에 적힌 행사 이름과 핵심 문구를 그대로 옮깁니다.
AI로 생성한 개념 이미지. 실제 단체 사진이 아닙니다.
단체 홈페이지에서 게시하는 순서
나누지오의 운영 권장은 포스터보다 본문 글을 먼저 쓰는 것입니다.
- 행사 이름, 일시, 장소, 대상, 신청 방법과 마감, 문의처를 본문에 글자로 적습니다.
- 오시는 길이나 준비물처럼 포스터에 다 담지 못한 내용을 이어서 적습니다.
- 포스터 이미지를 본문 아래에 붙이고 대체 텍스트에 포스터 속 글자를 옮겨 적습니다.
- 일정이 바뀌면 본문과 포스터를 함께 고치고, 포스터를 바로 고치기 어렵다면 옛 포스터를 내리고 본문부터 고칩니다.
AI로 생성한 개념 이미지. 실제 단체 사진이 아닙니다.
휴대폰에서 글자를 키워 본문이 잘 읽히는지, 포스터 없이 본문만 읽어도 신청할 수 있는지 확인하면 점검이 끝납니다. 이 글은 청주·충북 지역 단체를 포함한 일반적인 홈페이지 운영 점검이며 특정 단체 홈페이지를 진단한 결과가 아닙니다.