68. 소프트웨어 접근성 (Software Accessibility) 감리

⚠️ 이 문서는 공공기관이나 대국민 IT 서비스를 구축할 때, 시각/청각/지체 장애인이나 고령자 등 신체적, 환경적 제약을 가진 모든 사용자가 일반인과 동등하게 소프트웨어(웹/모바일 앱)의 모든 기능을 불편함 없이 이용할 수 있도록, UI/UX 설계가 법적 지침(KWCAG 등)을 준수했는지 평가하는 핵심 감리 항목을 다룹니다.

핵심 인사이트 (3줄 요약)

  1. 본질: 단순히 화면을 예쁘게 만드는 '사용성(Usability)' 테스트가 아니다. 마우스를 쓰지 못하는 지체 장애인이 키보드(Tab 키)만으로 결제를 마칠 수 있는지, 시각 장애인이 스크린 리더기(TTS)의 음성 안내만 듣고 화면의 내용을 100% 이해할 수 있는지를 묻는 '법적/윤리적 기본권'의 문제다.
  2. 가치: 장애인차별금지법 및 지능정보화 기본법에 따라 공공/민간 웹사이트의 접근성 준수는 법적 의무 사항이며, 이를 어길 시 소송 대상이 되거나 장애인 접근성 품질 인증 마크(WA 마크)를 획득할 수 없어 사업 준공(오픈)이 불가능해진다.
  3. 기술 체계: 이미지에 대한 대체 텍스트(alt 속성) 제공, 명도 대비 비율(4.5:1 이상) 준수, 논리적인 키보드 초점(Focus) 이동, 자막 및 수어 제공 등 세부적인 24개 검사 항목을 바탕으로 자동화 툴과 전문가 수동 평가를 병행하여 감리한다.

Ⅰ. 시각/청각/인지 장애를 극복하기 위한 UI 감리

눈으로 보고 마우스로 클릭하는 것은 절대 당연한 것이 아니다.

  1. 시각 장애인 (대체 텍스트와 스크린 리더):
    • 시각 장애인은 화면을 볼 수 없으므로, 스크린 리더(Screen Reader)라는 소프트웨어가 화면의 글자를 소리 내어 읽어주는 것에 100% 의존한다.
    • 감리 포인트: 이벤트 팝업창이나 상품 이미지(<img src="sale.jpg">)에 반드시 alt="여름 정기 세일 50% 할인"이라는 대체 텍스트가 적혀 있는지 소스코드를 점검한다. 대체 텍스트가 없으면 스크린 리더는 "이미지 파일입니다"라고만 읽어주어 시각 장애인은 정보를 영원히 알 수 없다.
  2. 저시력자 및 고령자 (명도 대비와 크기 조절):
    • 글자색과 배경색이 구별되지 않으면 노안이나 색약이 있는 사용자는 글씨를 읽을 수 없다.
    • 감리 포인트: 글자색과 배경색의 명도 대비가 최소 4.5 대 1 이상인지 툴로 찍어본다. 또한 사용자가 브라우저 돋보기로 화면을 200% 확대했을 때, 글자가 깨지거나 버튼이 화면 밖으로 튕겨 나가지 않고 예쁘게 재정렬(반응형)되는지 검사한다.
  3. 청각 장애인 (멀티미디어 자막):
    • 감리 포인트: 홍보 영상이나 튜토리얼 동영상에 단순히 소리만 나오는 것이 아니라, 반드시 **폐쇄 자막(Closed Caption)**이나 대본(Transcript), 수어 화면이 함께 제공되는지 확인한다.

📢 섹션 요약 비유: 눈 가리고 귀 막고 식당(웹사이트)에 들어온 손님입니다. 이 손님에게 메뉴판 사진만 덜렁 주면 절대 주문을 할 수 없으므로, 종업원(스크린 리더)이 메뉴판의 글씨(대체 텍스트)를 큰 소리로 또박또박 읽어주고, 영상이 나올 때는 수어 통역사가 옆에서 설명해 줘야만 하는 철저한 배리어 프리(Barrier-Free) 설계입니다.

Ⅱ. 지체 장애를 위한 키보드 접근성 통제

마우스에 의존하는 UI는 지체 장애인에게 거대한 벽이다.

  1. 마우스 없는 세상 (Keyboard Only):
    • 손이 불편해 마우스를 섬세하게 움직이지 못하는 사용자는 오직 키보드의 Tab 키와 Enter 키, 화살표 키만으로 화면을 탐색한다.
  2. 초점(Focus)의 논리적 이동:
    • Tab 키를 누를 때마다 화면의 버튼이나 링크에 시각적으로 네모난 테두리(Focus)가 선명하게 표시되어야 한다. (CSS에서 outline: none을 줘버리면 감리 탈락이다.)
    • 초점이 이동하는 순서도 위에서 아래로, 왼쪽에서 오른쪽으로(논리적 순서) 자연스럽게 이동해야 한다. 메뉴바를 돌다가 갑자기 화면 맨 밑의 푸터(Footer)로 초점이 날아가 버리면 안 된다.
  3. 건너뛰기 링크 (Skip Navigation):
    • 모든 웹사이트는 상단에 복잡한 공통 메뉴(로고, 로그인, 카테고리 등)가 있다. 시각 장애인이 Tab 키를 눌러 본문(메인 뉴스)까지 가려면 수십 번을 눌러야 한다.
    • 감리 포인트: 웹사이트 첫 로딩 시 Tab 키를 한 번만 누르면 **"본문 바로 가기"**라는 숨겨진 버튼이 나타나, 이를 누르면 상단 메뉴를 건너뛰고 본문으로 직행하는 기능이 있는지 필수적으로 확인한다.

📢 섹션 요약 비유: 마우스를 쓰는 게 자유롭게 날아다니는 헬리콥터라면, 키보드를 쓰는 것은 정해진 기찻길(초점 이동)만 따라가야 하는 기차와 같습니다. 기찻길이 꼬여있거나 중간에 다리가 끊겨 있으면 기차는 영원히 목적지에 갈 수 없으므로, 철로가 논리적으로 잘 깔려있는지 점검하는 것이 키보드 접근성 감리입니다.

Ⅲ. 뇌병변/인지 장애를 돕는 깜빡임과 시간제한 통제

사용자를 재촉하거나 혼란스럽게 하면 안 된다.

  1. 시간제한 (Time-out) 연장 기능:
    • 은행 사이트 등에서 보안을 위해 "1분 후 로그아웃됩니다"라는 팝업을 띄운다. 하지만 글 읽는 속도가 느린 장애인이나 노인은 1분 안에 대처하기 어렵다.
    • 감리 포인트: 시간 만료 전에 "시간 연장하기" 버튼을 제공하여, 사용자가 원할 때 언제든 제한 시간을 해제할 수 있는 로직이 있는지 점검한다.
  2. 깜빡임과 번쩍임 제어 (광과민성 발작 예방):
    • 화면에 초당 3~50회 이상 강하게 번쩍이는 네온사인 애니메이션이나 플래시를 넣으면, 광과민성 증후군을 앓고 있는 사용자가 발작을 일으킬 수 있다.
    • 감리 포인트: 화면 전체에 강한 번쩍임이 없어야 하며, 배너가 자동으로 슬라이드될 때는 사용자가 언제든 [정지(Pause)] 버튼을 눌러 애니메이션을 멈출 수 있어야 한다.

📢 섹션 요약 비유: 횡단보도 초록불이 10초 만에 빨간불로 바뀌어 버린다면 휠체어를 탄 사람은 절대 길을 건널 수 없습니다. 횡단보도 기둥에 '시간 연장' 버튼을 달아주고, 길을 건너는 동안 현란하게 번쩍이는 전광판 불빛을 꺼주어 심리적/물리적 압박감을 없애주는 것이 접근성을 배려하는 소프트웨어 설계의 기본입니다.