구글 크롬(Google Chrome)은 전 세계에서 가장 널리 사용되는 웹 브라우저 중 하나입니다. 크롬은 다양한 기능을 제공하는데, 그중에서도 주목할 만한 것이 바로 접근성(Accessibility) 기능입니다.
접근성이란 보조 기술을 활용해 장애를 가진 분들이 웹을 더 쉽게 이용할 수 있도록 돕는 모든 수단을 의미합니다. 여기에는 특정 기기, 소프트웨어 기능, 환경 설정 또는 서비스 등이 포함됩니다.
웹사이트의 글자를 읽기 어렵거나, 특정 색상을 구분하기 힘들거나, 난독증이 있는 경우라면 구글 크롬의 접근성 기능이 큰 도움이 될 수 있습니다. 이번 글에서는 구글에서 공식 제공하는 접근성 확장 프로그램과 그 사용 방법을 자세히 알아보겠습니다.
접근성 확장 프로그램 찾고 설치하는 방법
크롬 웹 스토어(Chrome Web Store)에 접속하면 카테고리 목록에서 '접근성(Accessibility)' 항목을 찾을 수 있습니다. 이곳에는 장애가 있는 사용자를 돕기 위해 개발된 다양한 확장 프로그램이 모여 있습니다.
목록을 살펴본 후 원하는 확장 프로그램을 선택하고, 상세 페이지에서 'Chrome에 추가(Add to Chrome)' 버튼을 클릭하세요. 설치 확인 팝업이 나타나면 '확장 프로그램 추가'를 누르면 됩니다.
다른 개발사들의 확장 프로그램 외에도, 구글 자체적으로 장애인 지원을 위한 접근성 확장 프로그램 몇 가지를 직접 제공하고 있습니다. 아래에서 하나씩 살펴보겠습니다.
1. Color Enhancer (색상 보정 도구)
Color Enhancer는 웹페이지의 색상을 조절해 주는 맞춤형 필터 확장 프로그램입니다. 웹페이지에서 인식하기 어려운 특정 색상을 조정하여 색상 인지력을 향상시켜 주며, 특히 색맹·색약이 있는 분들에게 유용합니다.
사용 방법
- 확장 프로그램 메뉴에서 Color Enhancer → Setup(설정)을 클릭합니다.
- 구분하기 어려운 색상 조합의 줄을 선택합니다. (별이 가장 흐릿하게 보이는 줄을 고르세요.)
- 슬라이더를 움직여 색상 보정 수준을 조절합니다. 선택한 줄의 별이 모두 선명하게 보일 때까지 조정합니다.
- OK 버튼을 클릭하면 변경 사항이 저장됩니다.
2. Caret Browsing (키보드 탐색)
Caret Browsing은 마우스나 터치패드 없이 키보드만으로 웹페이지를 탐색할 수 있게 해주는 확장 프로그램입니다. 링크 클릭, 텍스트 선택 및 이동, 기본적인 페이지 조작까지 모두 키보드로 처리할 수 있습니다.
주소창 오른쪽에 있는 확장 프로그램 메뉴에서 Caret Browsing을 찾아 클릭하면 활성화됩니다.
참고: 크롬북(Chromebook) 사용자라면 Search 키와 밝기(Brightness) 키를 동시에 눌러 이 기능을 켜고 끌 수 있습니다.
사용 방법
- F7 키: 확장 프로그램 켜기/끄기
- Ctrl + 방향키: 단어 단위로 커서 이동
- Shift + 방향키: 텍스트 선택
- Tab 키: 포커스 가능한 요소 간 이동
3. High Contrast (고대비)
High Contrast는 웹페이지의 색 구성표를 변경하거나 반전시켜 가독성을 높여주는 확장 프로그램입니다. 색상 대비를 조절하거나, 모든 색상을 제거하거나, 흑백을 반전시킬 수 있으며, 사이트별로 개별 설정도 가능합니다.
사용 방법
- 주소창 우측의 확장 프로그램 메뉴에서 High Contrast를 클릭해 활성화합니다.
- 웹사이트의 텍스트와 이미지를 조절하려면 High Contrast 아이콘을 다시 클릭합니다.
- '선호하는 색 구성표(Preferred Color scheme)'에서 Normal(일반), Increased Contrast(대비 강화), Inverted Color(색상 반전), Inverted Grayscale(회색조 반전) 중 원하는 옵션을 선택합니다.
- 모든 사이트에 일괄 적용하거나, 현재 열려 있는 사이트에만 적용할 수 있습니다.
4. Long Descriptions In Context Menu (긴 설명 보기)
이 확장 프로그램은 웹페이지의 이미지나 요소에 포함된 긴 설명(long description)에 접근할 수 있게 해줍니다. 마우스 오른쪽 버튼으로 페이지의 요소를 클릭해 해당 요소의 상세 설명을 바로 확인할 수 있습니다.
이 확장 프로그램은 HTML의 longdesc 및 aria-describedat 속성을 활용하며, 이 속성들은 보조 기술에서도 널리 사용됩니다.
사용 방법
- 페이지의 아무 요소나 마우스 오른쪽 버튼으로 클릭하면 긴 설명(long description)으로 이동하는 메뉴가 나타납니다.
- 주소창 옆의 Long Descriptions 아이콘을 클릭하고 드롭다운 메뉴에서 Options(옵션)을 선택합니다.
- "Add border to elements with aria-describedat or longdesc attributes(aria-describedat 또는 longdesc 속성이 있는 요소에 테두리 추가)" 항목에 체크하면, 긴 설명이 있는 이미지를 색상 테두리로 구분할 수 있습니다.
- 옵션 창을 닫으면 변경 사항이 자동으로 저장됩니다.
5. Image Alt Text Viewer (이미지 대체 텍스트 뷰어)
Image Alt Text Viewer는 웹페이지 내 이미지의 대체 텍스트(alt text)를 확인하고, 대체 텍스트가 없는 이미지를 찾아내는 데 도움을 주는 확장 프로그램입니다.
활성화하면 이미지 대신 대체 텍스트가 표시되며, 대체 텍스트가 없는 이미지는 빨간색으로 강조되어 한눈에 식별할 수 있습니다. 웹 접근성 검수 작업을 하는 분들에게도 실용적인 도구입니다.
사용 방법
- 주소창 오른쪽 확장 프로그램 메뉴에서 Image Alt Text Viewer를 찾아 클릭하면 활성화됩니다.
- 비활성화하려면 페이지 상단 모서리의 실행 취소(Undo) 버튼을 클릭하세요.
마무리
지금까지 구글이 공식 제공하는 크롬 접근성 확장 프로그램 5가지를 살펴보았습니다. 색약·색맹 사용자부터 키보드만으로 웹을 탐색해야 하는 분들까지, 이러한 도구들은 모든 사람이 웹에 더 쉽게 접근할 수 있도록 도와줍니다.
위의 확장 프로그램들을 직접 사용해 보고 어떤지 경험을 나눠 주세요. 그 밖에 유용한 크롬 접근성 확장 프로그램을 알고 계시다면 댓글로 알려주세요!