누구나 쓰기 쉬운 홈페이지를 위한 접근성 기본

정보 읽기와 기능 이용의 기본 범위

홈페이지 접근성은 그림·영상의 정보를 글로도 제공하고, 마우스 없이 기능을 이용하며, 색 이외의 표시로 내용을 구분하고, 제목으로 정보 구조를 이해할 수 있는지부터 챙깁니다. 운영자는 그림·영상의 대체 설명, 키보드 조작과 현재 선택 위치, 색 이외의 구분 표시, 본문 제목 구조 순서로 실제 화면을 확인합니다.

더블유쓰리씨의 웹 접근성 지침 요약은 글이 아닌 콘텐츠에 대체 텍스트를 제공하고, 멀티미디어에 자막과 다른 대안을 마련하며, 키보드로 기능을 이용할 수 있도록 안내합니다. 작은 회사에서는 첫 화면의 디자인만 평가하지 말고 방문자가 상품이나 서비스를 이해하고 원하는 기능까지 이용할 수 있는지를 기준으로 삼습니다. 쇼핑몰 상품 안내, 학원 강좌 소개, 전문 서비스 안내에서 각각 실제로 사용하는 화면을 선택합니다.

운영자가 맡을 일과 제작 담당자가 맡을 일은 다릅니다. 운영자는 전달해야 할 정보와 이용 중 막히는 지점을 설명하고, 제작 담당자는 화면 표현과 코드에서 필요한 수정을 진행합니다. 글의 의미를 정하는 일까지 제작 담당자에게 모두 맡기면 상품 조건이나 이용 안내가 대체 설명에서 빠질 수 있습니다.

기본 항목별 판단과 요청 내용

아래 항목은 제작 요청서와 화면 검토에 함께 사용할 수 있습니다. 운영자가 답하기 어려운 질문은 통과로 처리하지 말고 제작 담당자에게 실제 작동 방식이나 설명 방법을 요청합니다.

더블유쓰리씨의 웹 접근성 소개는 제작 초기부터 접근성을 반영하고 개발 과정에서 평가하도록 설명합니다. 새 홈페이지라면 화면과 콘텐츠를 정할 때 이 항목을 요청서에 포함합니다. 기존 홈페이지라면 여러 페이지에서 공통으로 쓰는 메뉴와 콘텐츠 유형을 함께 정리해 수정 범위를 정합니다.

그림과 영상의 정보에 맞는 대안

대체 설명은 이미지 파일의 이름보다 방문자가 알아야 할 내용을 전달해야 합니다. 상품 규격표나 강좌 일정이 이미지 안에 있다면 운영자는 원래의 글 자료를 제작 담당자에게 전달합니다. 사진의 분위기를 설명하는 문장으로 가격 조건이나 신청 일정을 대신하지 않습니다.

더블유쓰리씨의 웹 접근성 소개는 이미지에 적절한 대체 텍스트를 코드로 포함해야 한다고 설명합니다. 운영자는 화면 옆에 설명문이 있다는 이유로 이미지 자체의 처리가 끝났다고 판단하지 않습니다. 영상은 음성으로 전달하는 안내와 화면에서만 전달하는 내용을 따로 정리해, 각각 어떤 대안이 필요한지 제작 담당자와 결정합니다.

실제 화면에서 진행하는 작업 순서

운영자는 공개 중인 화면이나 제작 중인 미리보기 화면에서 같은 순서로 작업을 진행합니다. 필요한 자료는 이미지의 원래 문구, 영상 대본, 상태 표시의 뜻, 본문 원문입니다. 제작 담당자에게는 문제가 발생한 화면 이름과 조작 순서를 함께 전달합니다.

1. 그림·영상의 정보를 정리합니다. 이미지 안의 안내와 영상의 음성·화면 정보를 목록으로 만들고, 현재 글로 읽을 수 있는 내용과 빠진 내용을 대조합니다.
2. 키보드로 이동하고 기능을 실행합니다. 탭 키로 메뉴와 링크를 이동하면서 현재 선택 위치가 드러나는지 확인하고, 도달하지 못하거나 실행되지 않는 기능을 남깁니다.
3. 색으로 전달하는 뜻을 찾습니다. 품절·모집 상태나 안내표의 색이 무엇을 뜻하는지 정리하고, 같은 뜻을 전달할 글이나 표시를 준비합니다.
4. 본문 제목을 순서대로 읽습니다. 관련 문단을 묶는 짧은 제목을 작성하고, 제작 담당자에게 화면 크기와 별개로 제목 구조가 적용되었는지 묻습니다.

더블유쓰리씨의 디자인 팁은 키보드로 모든 상호작용 요소에 도달할 수 있어야 하며, 현재 선택된 요소가 명확해야 한다고 설명합니다. 테두리나 강조 표시는 현재 위치를 나타내는 방법입니다. 메뉴가 이동하는지만 시험하지 말고 상세 안내 열기처럼 페이지 안에서 사용하는 기능도 작업 대상에 포함합니다.

수정 요청과 재확인 자료

수정 요청은 막연한 평가보다 재현 가능한 설명으로 작성합니다. 아래 표의 내용은 실제 결과를 대신하는 사례가 아니라 담당자가 채울 작업 항목입니다. 각 화면에서 발생한 문제를 넣고, 수정 후에는 처음 문제가 발생한 조작부터 다시 진행합니다.

담당자는 수정 완료 여부와 아직 해결하지 못한 항목을 따로 전달합니다. 운영자는 변경된 화면에서 정보가 빠지거나 의미가 달라진 부분이 없는지 대조합니다. 공통 메뉴처럼 여러 페이지에 쓰는 요소는 수정 대상 페이지 목록도 함께 받아 누락을 줄입니다.

재확인 자료에는 사용한 화면과 조작 환경도 남깁니다. 다른 담당자가 같은 문제를 재현하지 못하면 완료로 처리하기보다 실행 순서와 발생 조건을 다시 전달합니다. 내용 수정과 코드 수정의 담당자가 다를 때는 각자가 끝내야 할 일을 요청서에서 나눕니다.

겉모양과 정보 구조의 차이

글자를 크게 만들었다고 본문 제목 구조가 갖춰지는 것은 아닙니다. 더블유쓰리씨의 글쓰기 팁은 제목이 관련 문단을 묶고 내용을 설명해야 하며, 보조 기술이 제목을 식별하도록 의미에 맞는 요소를 사용해야 한다고 안내합니다. 운영자는 제목 문구를 정하고 제작 담당자는 해당 문구가 실제 제목 요소로 처리되었는지 설명합니다.

제목은 회사가 강조하고 싶은 표현보다 그 아래에서 읽을 내용을 알려야 합니다. 전문 서비스 안내라면 서비스 범위, 진행 절차, 준비 자료처럼 문단의 역할을 드러내는 표현을 사용합니다. 강조 문구와 본문 제목이 섞여 있다면 각각의 용도를 정한 뒤 구조를 수정합니다.

색 이외의 표시와 글자 대비도 서로 다른 판단 항목입니다. 더블유쓰리씨의 디자인 팁은 색으로 정보를 전달할 때 다른 식별 수단을 함께 제공하고, 글자와 배경 사이에는 충분한 대비를 확보하도록 설명합니다. 상태 이름을 추가했어도 글자가 배경에 묻히면 읽기 어려우므로 제작 담당자에게 해당 글자와 배경의 조합도 검토하도록 요청합니다.

상태를 표시하는 기호는 뜻을 이해할 설명이 있어야 합니다. 쇼핑몰에서 상품 상태마다 다른 모양을 사용하더라도 방문자가 그 의미를 추측하게 해서는 안 됩니다. 운영자는 상태 이름을 먼저 정하고, 같은 상태에 사용하는 문구와 표시가 화면마다 달라지지 않도록 관리합니다.

새 콘텐츠 등록에 필요한 작성 규칙

제작 당시의 수정 결과를 유지하려면 새 콘텐츠를 등록하는 사람도 필요한 정보를 준비해야 합니다. 운영자는 상품 이미지나 강좌 소개를 등록할 때 대체 설명과 본문 제목을 함께 작성하도록 업무 절차에 포함합니다. 외부에서 받은 홍보 이미지도 게시 전에 글 원본을 요청합니다.

관리 화면에서 대체 설명이나 제목 구조를 다루는 방법을 모른다면 제작 담당자에게 실제 등록 화면으로 설명해 달라고 요청합니다. 등록 기능에 필요한 항목이 없다면 담당자가 쓸 수 있는 다른 작성 방법을 정합니다. 새 배너나 영상으로 내용을 교체할 때는 이전 콘텐츠의 설명이 그대로 남지 않도록 변경 범위를 함께 전달합니다.

자주 묻는 질문

자동 평가 도구의 오류가 없으면 작업을 마쳐도 되나요?

오류가 없다는 결과를 전체 접근성 충족으로 판단하지 않습니다. 더블유쓰리씨의 웹 접근성 소개는 단일 도구로 지침 충족 여부를 평가할 수 없으며 전문 지식을 갖춘 사람의 평가가 필요하다고 설명합니다. 도구가 검사한 범위와 사람이 평가해야 할 범위를 제작 담당자에게 따로 요청합니다.

기존 홈페이지는 전체를 다시 제작해야 하나요?

현재 화면과 관리 방식에 따라 수정 범위를 정할 수 있습니다. 제작 담당자에게 공통 요소 수정으로 해결할 항목과 개별 콘텐츠를 고쳐야 할 항목을 나눠 달라고 요청합니다. 기존 구조에서 해결하기 어려운 이유가 제시되면 그 근거를 받아 재제작 여부를 결정합니다.

외부 서비스에서 가져온 콘텐츠도 요청 대상인가요?

외부 콘텐츠도 방문자가 이용하는 화면에 포함되므로 작업 목록에 넣습니다. 운영자가 직접 수정할 수 없는 영역은 공급 담당자에게 수정 가능 여부와 대안을 묻습니다. 답변을 받기 전에는 해당 기능에 접근성 문제가 없다고 처리하지 않습니다.

제작 완료를 전달받을 때 어떤 자료를 받아야 하나요?

수정한 항목 목록, 적용한 화면, 재시험 결과와 남은 제한 사항을 받습니다. 전체 기준을 충족했다는 설명이 있다면 평가 범위와 방법도 함께 요청합니다. 이후 운영 담당자가 콘텐츠를 변경할 때 주의할 사항을 인수 자료에 포함합니다.

접근성 수정으로 검색 성과를 기대해도 되나요?

접근성 수정의 완료 기준은 방문자가 정보를 읽고 기능을 이용할 수 있는지로 정합니다. 검색 순위나 판매 성과를 수정 결과로 약속하지 않습니다. 검색 결과용 제목·설명과 휴대전화 화면 속도는 별도의 작업 항목으로 관리합니다.

같은 주제의 글