카테고리
검수 가이드라인
전문가 검수 기준
✔️ 검수 기본 원칙 대체 텍스트 검수는 [대체 텍스트 제공 지침(KWCAG 2.2)]을 기준으로 수행해요. 아래 전제 조건은 검수 시작 전 팀 전체가 공유해야 하는 원칙이며, 개별 이미지 항목이 아니라 검수 기준 자체의 방향성을 정의해요. 1. 시각 장애인이 오류 없이 정보를 이해할 수 있어야 해요. 2. 웹 접근성 인증 심사 요구 사항을 충족해야 해요. 3. 이미지 유형에 따라 대체 텍스트가 적절하게 제공되어야 해요. 4. alt(description)이 의미 누락이나 왜곡 없이 정보를 전달해야 해요. 5. 동일한 유형의 이미지에 일관된 기준이 적용되어야 해요. 6. 이미지와 맥락 정보가 중복되거나 모순되지 않아야 해요. 이미지 유형 별 대체 텍스트 지침 기준에 대한 자세한 내용은 [대체 텍스트 제공 지침(KWCAG 2.2)]을 참고해 주세요. ✔️ 검수 품질 달성 기준 전문가 검수 성과는 속도와 품질을 함께 고려하여 평가해요. - 검수를 빠르게 처리하더라도 오류가 많으면 낮은 성과장식형
✔️ 장식형 검수 가이드 공통 검수 기준은 전문가 검수 기준을 따르며, 본 문서에서는 장식형 이미지의 판정 및 처리 기준만 다루고 있어요. ✅ 체크리스트 - 이미지가 없어도 본문 이해에 영향이 없어야 해요. - 클릭, 이동, 실행 등 기능을 수행하지 않아야 해요. - 이미지가 전달하는 내용이 주변 텍스트에 이미 충분히 포함되어 있어야 해요. - 정보 전달 목적이 아닌, 배경·분위기·꾸밈·여백·시각적 보조 목적에 해당해야 해요. - 장식형으로 판단한 이미지는 반드시 빈 alt(alt="")로 처리되어야 해요. - 실제로는 정보형 또는 기능형에 해당하는 이미지를 장식형으로 오분류하면 안 돼요. ☑️ 참고 예시 ❓자주 묻는 질문 (FAQ)기능형
✔️ 기능형 검수 가이드 공통 검수 기준은 전문가 검수 기준을 따르며, 본 문서에서는 기능형 이미지의 판정 및 처리 기준만 다루고 있어요. ✅ 체크리스트 - 이미지가 링크, 버튼, 입력 이미지 등 상호작용 요소로 사용되고 있어야 해요. - 대체 텍스트는 이미지의 모양이 아닌 기능·목적·결과를 설명해야 해요. - "검색", "인쇄", "닫기", "다운로드", "메인으로 이동"처럼 행동 중심 표현으로 작성되어야 해요. - alt에 "버튼", "링크", "이미지" 같은 요소 유형이 포함되면 안 돼요. - 기능이 모호하지 않아야 하며, 사용자 관점에서 목적이 바로 이해되어야 해요. ☑️ 참고 예시 상황 나쁜 예 좋은 예 돋보기 아이콘만 있는 검색 버튼 alt="돋보기" alt="검색" 홈 아이콘만 있는 링크 alt="집 모양 아이콘" alt="메인으로 이동" X 아이콘만 있는 모달 닫기 버튼 alt="X" alt="닫기" "저장하기" 텍스트와 플로피디스크 아이콘이 같은 버튼 안에 있는 경우 a그래픽형
정의 : 텍스트가 아닌 시각적 정보와 분위기를 통해 의미를 전달하는 이미지를 의미해요 ✔️ 이렇게 분류해요 두 가지 모두 해당된다면 그래픽형으로 분류해요. 1. 맥락 영향 없음 - 장식형/기능형 과 달리 그래픽형 은 이미지 속 정보가 주변 맥락에 의해 달라지지 않아요. 2. 설명 요약 가능 - 사용자가 핵심 정보를 빠르게 이해할 수 있도록, 이미지 정보를 간결하게 요약해서 제공해요. ✔️ 이렇게 검토해요 이미지 목적 고려 - 이미지의 내용을 단순 요약하지 않고, 전달하고자 하는 정보의 목적을 고려해서 작성해요. - 잘못된 예시 ❌: <a><img src="./img-dogs.jpg" alt="개사진"></a> 객관적인 내용으로 작성 - 이미지 상에서 확인할 수 있는 객관적인 사실을 작성하고, 자체적으로 해석한 주관적인 감상 표현은 작성하지 않아요. - 잘못된 예시 ❌: <a> <img src="./img-dogs.jpg" alt="잔디가 깔린 넓은 공원에서 하얀색 털을 가진 개와 검은색정보형
정의 : 글자가 중심이 되어 정보를 알려주는 이미지를 의미해요. ✔️ 이렇게 분류해요 맥락 영향 없음 - 장식형/기능형 과 달리 정보형 은 이미지 속 정보가 주변 맥락에 의해 달라지지 않아요. 설명 요약 불가 - 글자로 정보를 제공하는 정보형 의 경우, 설명을 요약하면 사용자에게 오해를 일으킬 수 있어요. 200자 이내 설명문 - 200자 이상의 긴 설명은 복합형으로 분류되어 상세설명(description)을 제공해야해요. 세 가지 모두 해당된다면 정보형이에요. ✔️ 이렇게 검토해요 이미지의 정보 전체 작성 - 이미지가 전달하려는 목적이 담긴 단어나 문장은 임의로 요약하지 않고 모두 작성해요. - 잘못된 예시 ❌: <img src="./img-banner.jpg" alt="스미싱 문자 주의 배너"> 꾸밈 요소는 제외 - 이미지를 꾸미기 위해 사용된 장식용 글자는 alt 값으로 작성하지 않아요. - 잘못된 예시 ❌: <img src="./img-banner.jpg" alt="정부24를 사복합형
정의 : 이미지에 포함된 정보가 많거나, 구조가 복잡한 이미지를 의미해요. ✔️ 이렇게 분류해요 200~250자 이상의 대체 텍스트 - 200~250자 이상의 텍스트로 alt 에 포함하기 어려운 경우 복합형으로 분류해요. 다양한 서식으로 구성 - 이미지의 내용이 제목, 문단, 목록, 링크, 그래프, 테이블 등 다양한 서식으로 구성되어 문장으로 설명하기 어렵다면 복합형으로 분류해요. 둘 중 하나라도 해당된다면 복합형이에요. ✔️ 이렇게 검토해요 alt는 핵심 주제만 간략히 - 이미지에 포함된 내용의 주제, 목적, 의도를 짧게 요약해 작성해주세요. - 잘못된 예시 ❌: <img src="./img-cardnews.jpg" alt="제재처분 절차는 어떻게 되나요? 제제처분 사유가 발생하면 이렇게 절차가 진행됩니다 1. 제재처분 사유 발생...."> 상세 설명은 모든 정보 포함 - 이미지의 정보를 시각적으로 인식하는 순서와 동일한 흐름으로 작성해 주세요. - 위에서 아래로 - 왼쪽에서 오른쪽으