법무법인(유) 린은 장애 여부, 나이, 사용 환경과 관계없이 누구나 홈페이지의 정보를 불편 없이 이용할 수 있도록 한국형 웹 콘텐츠 접근성 지침(KWCAG) 2.2를 기준으로 홈페이지를 점검하고 고쳐 나가고 있습니다.
웹접근성이란 무엇인가요
웹접근성은 장애가 있는 분만을 위한 것이 아닙니다. 글자가 작게 느껴지는 어르신, 한 손으로 휴대폰을 쓰는 분, 햇빛이 강한 곳에서 화면을 보는 분까지 모두에게 도움이 됩니다.
눈이 불편하신 분
화면 낭독 프로그램이나 점자 단말기로 홈페이지를 씁니다.
필요한 것 — 이미지 설명, 올바른 제목 구조, 키보드 조작
손이 불편하신 분
마우스 대신 키보드의 Tab·Enter 키만으로 기능을 씁니다.
필요한 것 — 모든 기능의 키보드 사용, 지금 위치가 보이는 표시
글자가 작게 느껴지는 분
화면을 확대하거나 글자 크기를 키워서 봅니다.
필요한 것 — 확대해도 깨지지 않는 화면, 또렷한 글자 색
색을 구별하기 어려운 분
색이 아니라 모양·글자로 구분합니다.
필요한 것 — 색에만 기대지 않는 표시
천천히 읽으시는 분
저절로 바뀌는 화면은 멈추고 차근차근 읽습니다.
필요한 것 — 멈춤 버튼, 충분한 시간
귀가 불편하신 분
소리 대신 글로 내용을 확인합니다.
필요한 것 — 소리 없이도 이해되는 화면
지키는 기준
장애인차별금지 및 권리구제 등에 관한 법률 제21조
웹사이트처럼 정보를 제공하는 곳은 장애인도 이용할 수 있도록 정당한 편의를 제공해야 합니다.
국가법령정보센터에서 법령 보기 (새 창 열림)지능정보화 기본법 제46조
정보 서비스를 만들 때 장애인·고령자의 접근성을 높이도록 정하고 있습니다.
국가법령정보센터에서 법령 보기 (새 창 열림)한국형 웹 콘텐츠 접근성 지침(KWCAG) 2.2 — KS X OT0003:2022
법을 지키기 위해 «무엇을 어떻게 해야 하는지»를 정리한 국가 기준입니다. 인식의 용이성·운용의 용이성·이해의 용이성·견고성의 4가지 원칙, 14개 지침, 33개 검사 항목으로 이뤄져 있습니다. 아래 표의 번호(예: 5.4.3)는 이 지침의 검사 항목 번호입니다.
법령 내용은 알기 쉽게 요약한 것이며, 정확한 문구는 국가법령정보센터(law.go.kr)에서 확인하실 수 있습니다.
이 홈페이지에 적용한 조치
| 조치 | 내용 | 관련 지침 항목 |
|---|---|---|
| 본문 바로가기 | 페이지를 연 뒤 Tab 키를 처음 누르면 화면 왼쪽 위에 «본문 바로가기»가 나타나고, Enter 를 누르면 메뉴를 건너뛰고 본문으로 이동합니다. | 6.4.1 반복 영역 건너뛰기 |
| 키보드 초점 표시 | Tab 키로 이동할 때 지금 선택된 링크·버튼 둘레에 파란 테두리와 흰 띠가 나타나, 밝은 배경과 어두운 배경 모두에서 위치가 보입니다. | 6.1.2 초점 이동과 표시 |
| 키보드로 모든 기능 사용 | 검색 열기·닫기, 전체 메뉴, 업무분야·법인소식 탭, 구성원 상세 탭, 오시는 길의 PDF 저장·인쇄, 공유 창, 상담문의·뉴스레터 동의 체크를 Enter·Space 키로 쓸 수 있습니다. | 6.1.1 키보드 사용 보장 |
| 글자 색 대비 | 입력칸 안내 문구, 목록의 날짜, 오시는 길의 지하철·버스 노선 표시 등 대비가 낮던 글자와 배경을 일반 글자 4.5 대 1 이상으로 조정했습니다. | 5.4.3 텍스트 콘텐츠의 명도 대비 |
| 이미지 설명 | 의미가 있는 이미지(구성원 사진 등)에는 설명을, 꾸밈용 배경·무늬 이미지에는 빈 설명을 달아 화면 낭독 프로그램이 불필요한 내용을 읽지 않게 했습니다. | 5.1.1 적절한 대체 텍스트 제공 |
| 첫 화면 영상 멈춤 | 첫 화면의 배경 영상은 소리가 없으며, 화면 아래 «배경 영상 정지» 버튼으로 영상과 자동 넘김을 함께 멈출 수 있습니다. 동작 줄이기를 설정한 기기에서는 처음부터 영상을 재생하지 않습니다. | 5.4.2 자동 재생 금지 · 6.2.2 정지 기능 제공 |
| 제목 구조 | 각 화면의 큰 제목을 «제목 1»로, 영역 제목을 «제목 2»로 알려 화면 낭독 프로그램에서 제목 단위로 이동할 수 있습니다. | 6.4.2 제목 제공 |
| 기본 언어 표시 | 한국어 화면은 한국어로, 영어·일본어·중국어 화면은 각 언어로 표시해 낭독 프로그램이 알맞은 발음으로 읽습니다. | 7.1.1 기본 언어 표시 |
| 새 창 알림 | 누르면 새 창이 열리는 링크(특허법인 린 등)에는 «새 창 열림» 안내가 함께 읽힙니다. | 7.2.1 사용자 요구에 따른 실행 |
| 입력칸 이름표 | 상담문의(성함·연락처·이메일·문의 내용), 검색, 뉴스레터 신청 입력칸에 이름표를 달아 무엇을 입력하는지 알 수 있습니다. | 7.3.2 레이블 제공 |
| 버튼·링크 이름 | 아이콘만 있던 버튼(검색, 메뉴, 언어 선택, 맨 위로, 영상 이전·다음 등)과 페이지 번호에 이름과 «현재 페이지» 정보를 달았습니다. | 6.4.3 적절한 링크 텍스트 · 8.2.1 웹 애플리케이션 접근성 준수 |
이 안내는 웹접근성 품질인증을 받았다는 뜻이 아니라, 지침을 기준으로 점검해 적용한 내용을 알려 드리는 것입니다.
더 편하게 쓰는 방법
글자를 키우려면
Ctrl + +(맥은 ⌘ + +)를 누르세요. 휴대폰에서는 두 손가락으로 벌리면 됩니다.
키보드만으로 쓰려면
Tab 다음으로 · Shift+Tab 이전으로 · Enter 누르기 · Space 체크하기 · Esc 펼친 메뉴 닫기
화면 낭독 프로그램을 쓰신다면
제목 단위 이동 기능으로 원하는 부분을 찾고, 링크 목록 기능으로 모든 링크를 한 번에 볼 수 있습니다.
앞으로의 개선 계획
- 게시물(법인소식·뉴스레터 등) 본문에 들어간 이미지의 설명을 새 글부터 차례로 보완합니다.
- 영어·일본어·중국어 화면에도 같은 기준을 차례로 적용합니다.
- 지도(구글 지도)·영상(유튜브)처럼 외부에서 불러오는 화면은 제공처의 접근성 기능을 따르며, 같은 정보를 글(주소·교통 안내)로도 제공합니다.
- 새 화면을 만들거나 고칠 때마다 키보드 조작·글자 대비·이미지 설명을 점검합니다.
불편하시거나 알려 주실 것이 있으신가요
홈페이지를 이용하시다 읽히지 않거나 누르기 어려운 곳을 발견하시면 알려 주세요. 확인한 뒤 고치겠습니다.
알려 주실 때 «어느 화면에서, 무엇을 하려 했고, 어떤 점이 어려웠는지»를 적어 주시면 더 빨리 확인할 수 있습니다.
