인터넷신문 접근성 점검 실무 체크리스트
작은 편집국이 기사 작성부터 이미지, 영상, 링크, 키보드 탐색, 발행 후 확인까지 접근성을 일상 업무에 넣는 방법을 정리했습니다.
인터넷신문의 기사는 서로 다른 화면과 입력 방식으로 읽힙니다. 독자는 휴대전화로 글자를 확대할 수도 있고, 키보드만 사용하거나 화면 읽기 프로그램으로 제목과 링크를 훑을 수도 있습니다. 접근성은 특정 독자만을 위한 별도 기능이 아니라 기사의 구조와 의미가 환경이 달라져도 전달되게 만드는 편집 원칙입니다.
작은 편집국이 모든 문제를 한 번에 해결하기는 어렵습니다. 대신 기자가 원고를 만들 때 지킬 항목, 편집자가 발행 전에 볼 항목, 운영 담당자가 정기적으로 확인할 항목을 나누면 접근성을 반복 가능한 업무로 만들 수 있습니다. 이 글은 별도 전담팀 없이도 적용할 수 있는 점검 흐름을 설명합니다.
독자가 해야 할 핵심 작업부터 정합니다
먼저 기사 페이지에서 독자가 무엇을 해야 하는지 적습니다. 제목과 본문 읽기, 사진 의미 파악, 관련 기사 이동, 영상 재생, 제보나 구독 양식 작성처럼 실제 작업을 기준으로 삼습니다. 화면이 보기 좋은지만 확인하면 키보드 이동이나 오류 안내 같은 문제를 놓치기 쉽습니다.
점검 대상을 한꺼번에 넓히기보다 대표 페이지를 고릅니다. 일반 기사, 사진이 많은 기사, 표가 있는 기사, 영상 기사, 검색 결과, 구독 또는 문의 양식 정도면 주요 패턴을 빠르게 볼 수 있습니다. 방문이 많은 페이지와 새 템플릿을 우선하되 오래된 핵심 안내 페이지도 포함합니다.
발견한 문제에는 페이지 주소, 기기와 브라우저, 재현 순서, 예상한 결과, 실제 결과를 남깁니다. “접근성이 나쁨”보다 “키보드 Tab 키로 공유 버튼 다음 본문 링크에 도달할 수 없음”처럼 기록해야 수정 여부를 다시 확인할 수 있습니다.
제목 구조를 꾸미지 말고 의미대로 씁니다
기사 제목은 페이지의 중심 제목이어야 하고, 본문 소제목은 내용의 계층을 따라야 합니다. 글자를 크게 보이게 하려고 제목 단계를 선택하거나, 모양을 맞추기 위해 단계를 건너뛰면 화면 읽기 프로그램으로 문서 구조를 파악하기 어려워집니다.
소제목만 이어 읽어도 글의 흐름이 드러나는지 확인합니다. “첫째”, “다음” 같은 표현만 반복하기보다 각 절의 내용을 설명하는 제목을 씁니다. 긴 기사에서는 적절한 소제목이 시각적으로 읽는 독자에게도 탐색 지점이 됩니다.
굵은 글씨는 강조에 사용하고 제목 역할을 대신하게 하지 않습니다. 인용문, 목록, 표도 단순한 모양이 아니라 의미에 맞는 편집 기능을 사용합니다. 원고를 다른 문서에서 붙여 넣은 뒤에는 빈 제목이나 불필요한 서식이 따라오지 않았는지 봅니다.
이미지 대체 텍스트는 기사 맥락에 맞춥니다
대체 텍스트는 사진에 보이는 모든 것을 나열하는 캡션이 아닙니다. 이미지가 로드되지 않거나 보이지 않을 때 그 이미지가 기사에서 전달하던 정보를 대신하는 짧은 설명입니다. 같은 사진도 기사에서 맡는 역할에 따라 적절한 설명이 달라질 수 있습니다.
인물 사진은 기사에 필요한 범위에서 인물과 행동, 장소를 설명합니다. 차트나 지도는 “차트 이미지”라고 끝내지 말고 본문에서 다루는 핵심 추세나 비교를 적습니다. 상세 수치가 중요하면 접근 가능한 표나 원자료 링크를 함께 제공합니다.
순수 장식 이미지는 읽기 흐름을 방해하지 않도록 장식으로 처리합니다. 반대로 사진 안에 중요한 문구가 들어 있다면 본문이나 대체 텍스트로 그 내용을 제공해야 합니다. 자동 생성된 파일명이나 키워드 묶음을 그대로 쓰지 말고 사람이 문맥을 확인합니다.
캡션과 대체 텍스트는 목적이 다릅니다. 캡션은 출처, 촬영 시점, 보도상 설명을 모든 독자에게 보여 주고, 대체 텍스트는 이미지의 시각 정보를 전달합니다. 두 칸에 같은 긴 문장을 반복하지 않아도 됩니다.
링크 문구만 읽어도 목적지를 알 수 있게 합니다
화면 읽기 프로그램 사용자는 링크 목록만 따로 탐색할 수 있습니다. “여기”, “자세히”, URL 전체만으로 된 링크가 여러 개 있으면 목적지를 구분하기 어렵습니다. “행사 일정 확인”, “원자료 내려받기”처럼 이동 결과를 드러내는 문구를 사용합니다.
새 창이나 파일 다운로드처럼 예상과 다른 동작이 있다면 문맥에서 알립니다. PDF와 스프레드시트에는 파일 형식과 필요한 경우 크기를 함께 적습니다. 링크를 색만으로 구분하지 말고 밑줄이나 다른 시각적 단서가 유지되는지 확인합니다.
링크가 너무 촘촘하면 터치하기 어렵고 문장을 읽는 흐름도 끊깁니다. 같은 목적지로 가는 중복 링크를 줄이고, 관련 기사 목록은 각 제목이 독립적으로 이해되게 씁니다. 발행 후에는 주요 외부 링크가 여전히 열리는지 주기적으로 살핍니다.
영상과 오디오에는 대체 경로를 준비합니다
영상의 말과 중요한 소리는 자막으로 제공하는 것이 기본입니다. 자동 자막을 사용했다면 인명, 지명, 숫자, 전문 용어를 사람이 확인합니다. 화자가 화면에 드러나지 않을 때는 필요한 범위에서 화자를 구분하고, 의미 있는 효과음도 표시합니다.
화면에만 표시되는 중요한 정보는 음성이나 별도 설명으로 전달되어야 합니다. 발표 자료의 숫자, 현장 표지판, 말 없이 진행되는 시연이 기사 이해에 필요하다면 본문 요약이나 설명을 덧붙입니다. 오디오 기사에는 주요 내용을 확인할 수 있는 원고나 충실한 요약을 제공합니다.
재생기는 키보드로 재생, 일시 정지, 음량 조절에 접근할 수 있어야 합니다. 자동 재생은 피하고, 움직이거나 번쩍이는 요소는 독자가 멈출 수 있게 합니다. 삽입한 외부 플레이어도 실제 기사 페이지 안에서 조작해 봅니다.
색과 글자 크기에만 정보를 맡기지 않습니다
속보, 정정, 유료 콘텐츠, 선택된 메뉴를 색 하나로만 표시하면 일부 독자는 상태를 구분할 수 없습니다. 텍스트 라벨, 아이콘의 설명, 테두리나 패턴을 함께 사용합니다. 그래프의 여러 선도 색뿐 아니라 직접 라벨이나 선 모양으로 구분합니다.
본문, 캡션, 버튼 글자가 배경과 충분히 구분되는지 봅니다. 특히 사진 위 글자, 연한 회색 메타데이터, 비활성처럼 보이는 링크가 흔한 문제입니다. 브랜드 색을 유지해야 한다면 글자색이나 배경색 조합을 조정하고 상태를 색 하나로 표현하지 않습니다.
브라우저에서 글자를 확대했을 때 내용이 잘리거나 버튼이 겹치지 않는지 확인합니다. 모바일 화면을 가로로 돌리거나 확대해도 본문을 읽기 위해 좌우로 계속 움직일 필요가 없어야 합니다. 고정된 배너가 확대된 본문을 가리지 않는지도 봅니다.
키보드만으로 기사와 양식을 끝까지 사용해 봅니다
마우스를 치우고 Tab, Shift+Tab, Enter, Space, 방향키로 페이지를 이동합니다. 현재 초점이 어디 있는지 눈에 보여야 하며, 메뉴나 팝업 안에 초점이 갇히지 않아야 합니다. 본문 건너뛰기 링크가 있다면 실제로 작동하는지도 확인합니다.
공유 버튼, 이미지 갤러리, 접히는 영역, 동의 창, 동영상 제어처럼 상호작용 요소를 빠짐없이 시험합니다. 화면 순서와 키보드 초점 순서가 크게 다르면 문맥을 잃기 쉽습니다. 팝업을 닫은 뒤에는 초점이 합리적인 위치로 돌아와야 합니다.
제보와 구독 양식에서는 각 입력칸의 이름이 명확해야 합니다. 필수 항목을 색이나 별표에만 의존하지 말고 텍스트로 알립니다. 오류가 생기면 문제가 있는 필드와 해결 방법을 구체적으로 보여 주고, 사용자가 입력한 다른 내용은 가능한 한 보존합니다.
표는 머리글과 단순한 구조를 유지합니다
표는 행과 열의 관계를 보여 줄 때만 사용하고 화면 배치를 맞추는 용도로 쓰지 않습니다. 열과 행의 머리글을 분명히 하고 단위와 기준 시점을 표 가까이에 둡니다. 셀을 과도하게 합치거나 표 안에 또 다른 표를 넣으면 관계를 이해하기 어려워집니다.
모바일에서 넓은 표가 어떻게 보이는지 확인합니다. 핵심 열을 앞에 두고, 가로 스크롤이 있다면 그 사실을 알 수 있게 합니다. 복잡한 표는 요약 표와 전체 자료 다운로드로 나누되, 다운로드 파일에도 제목과 열 이름이 있어야 합니다.
이미지로 저장한 표만 제공하지 않습니다. 본문에 핵심 결론을 평문으로 적고, 가능한 경우 기계가 읽을 수 있는 표 또는 데이터 파일을 제공합니다. 약어와 기호에는 설명을 붙입니다.
자동 검사와 사람 검사를 함께 사용합니다
브라우저의 자동 검사 도구는 대체 텍스트 누락, 일부 대비 문제, 잘못된 구조를 빠르게 찾는 데 유용합니다. 그러나 대체 텍스트가 기사 맥락에 맞는지, 소제목이 이해되는지, 키보드 흐름이 자연스러운지는 결과 숫자만으로 판단할 수 없습니다.
자동 검사는 반복 가능한 기준선으로 사용합니다. 대표 페이지와 검사 날짜, 도구 버전, 발견 항목 수를 기록하면 템플릿 변경 전후를 비교할 수 있습니다. 점수가 높다는 이유로 실제 사용 점검을 생략하지 않습니다.
사람 검사는 키보드 탐색, 확대 보기, 모바일 화면, 이미지 숨김, 자막 확인 순서로 짧게 표준화할 수 있습니다. 가능하다면 서로 다른 사용 환경을 가진 독자의 피드백을 받되, 한 사람의 경험을 모든 독자의 경험으로 일반화하지 않습니다.
문제를 심각도와 반복 범위로 나눕니다
모든 문제를 같은 순서로 처리하면 핵심 작업을 막는 오류가 뒤로 밀릴 수 있습니다. 기사 본문에 도달하지 못하거나 양식을 제출할 수 없는 문제, 중요한 정보가 누락되는 문제를 먼저 봅니다. 그다음 반복되는 템플릿 문제와 개별 콘텐츠 문제를 구분합니다.
하나의 기사에서 대체 텍스트가 빠졌다면 해당 글을 고칠 수 있습니다. 모든 기사 카드의 링크 이름이 모호하다면 템플릿을 수정해야 재발을 막을 수 있습니다. 문제마다 담당자, 수정 예정일, 확인 방법을 정하고 완료 후 같은 절차로 재검사합니다.
외부 삽입 도구에서 생긴 문제도 기록에서 제외하지 않습니다. 즉시 고칠 수 없다면 대체 링크나 본문 요약을 제공하고, 공급자 문의와 교체 검토를 별도 과제로 남깁니다. 독자가 문제를 알릴 수 있는 연락 경로도 쉽게 찾을 수 있어야 합니다.
발행 절차에 짧은 체크포인트를 넣습니다
기자는 소제목 구조, 링크 문구, 이미지 설명, 영상 자막을 원고 단계에서 확인합니다. 편집자는 미리보기에서 확대, 모바일 배치, 표와 캡션을 봅니다. 운영 담당자는 템플릿을 바꾼 뒤 키보드 탐색과 대표 페이지 자동 검사를 수행합니다.
발행 전 체크리스트는 너무 길게 만들지 않습니다. 매 기사에서 확인할 5~7개 항목과 특정 형식에만 필요한 항목을 나누면 빠뜨릴 가능성이 줄어듭니다. 예를 들어 영상 기사에만 자막 점검을 추가하고, 데이터 기사에는 표 머리글과 단위를 추가합니다.
월별 또는 분기별 점검에서는 방문이 많은 기사, 새 기능이 적용된 페이지, 독자 문의가 있었던 흐름을 다시 봅니다. 발견과 수정 내역을 짧게 기록하면 같은 문제가 반복될 때 원인을 찾기 쉽고 교육 자료로도 활용할 수 있습니다.
오늘 바로 실행할 점검 순서
대표 기사 한 건을 열고 제목과 소제목만 읽어 구조를 확인합니다. 이미지마다 정보 역할과 대체 텍스트를 비교하고, 링크 문구만 따로 보아 목적지를 예상할 수 있는지 살핍니다. 그다음 글자를 확대하고 모바일 폭에서 잘림을 확인합니다.
마우스를 사용하지 않고 기사 처음부터 관련 링크와 공유 기능까지 이동합니다. 영상이나 오디오가 있다면 자막, 원고, 재생 제어를 점검합니다. 마지막으로 자동 검사 결과를 참고하되 실제로 재현한 문제를 우선순위와 함께 기록합니다.
접근성은 한 번의 개편으로 끝나는 인증 항목이 아닙니다. 원고 작성, 편집, 템플릿 변경, 발행 후 확인에 작은 점검을 배치하면 큰 수정 비용을 줄이고 더 많은 독자가 같은 보도를 이용할 수 있습니다. 핵심은 완벽한 점수보다 발견한 장벽을 기록하고 반복적으로 줄이는 운영 습관입니다.