시각장애인이 네이버를 사용하기 위한 제언 by 백남중

(다음 글은 시각장애인의 인터넷 접근을 좀더 손쉽게 하기 위하여 네이버 고객센터에 2007년 11월 20일 건의한 내용을 올려 놓은 것이다)

1. Alt text 문제:

시각장애인이 이미지에 접근할 수 없기 때문에 이미지에 Alt text를 달아 주어야 내용을 확인할 수 있다. 네이버 회원 가입 초기 화면에서 회원의 종류를 4개 중에서 골라야 하는데 시각장애인은 방법이 없다.
위 부분을 스크린 리더로 읽으면 다음과 같이 음성 출력한다.

btn_join01.gif 그래픽 링크
btn_join02.gif 그래픽 링크
btn_join03.gif 그래픽 링크
btn_join04.gif 그래픽 링크

따라서 일반회원(14세 이상 내국인), 주니어 회원(14세 미만 내국인 어린이), 외국인국내거주(현재 국내에 계신 분), 외국인 해외거주(현재 해외에 계신 분)과 같이 Alt text를 달아 주어야 한다.

위와 같이 Alt text를 달아주어야 할 것에는 다음과 같은 것이 있다.
btn_ok.gif   (확인)
btn_agreement03.gif   (동의)
btn_agreement04.gif   (동의하지 않습니다.)
ico_notice.gif   (가입 계속하기)
btn_duplicate.gif   (중복확인)
btn_useid.gif   (사용하기)

문서의 맨 밑에 있는 img_copyright.gif 에도 alt text가 없다.
따라서 img_copyright.gif에 'nhn copyright NHN Corp All right reserved' 라고 alt text를 달아 주어야 한다.

한 페이지 내에서 똑같은 Alt text 문제: 네이버 메인 화면에는 '더보기'라는 alt text가 3개, '이전'이라는 alt text가 5개 있다. 이러한 경우에는 '종합 뉴스 이전' '금융뉴스 이전' 등과 같이 정확하게 Alt text를 제공해 주어야 한다.

2. 의미없는 이미지에 Null Text 달기:

장식용으로 사용하여 Alt text가 필요없는 이미지(top_left.gif, top_right.gif, ico_join01.gif, ico_join02.gif, ico_join03.gif)는 스크린 리더로 읽는 경우 top_left.gif 이미지와 같이 '파일이름 이미지'라고 음성 출력하기 때문에 쓸데없는 소음공해에 시달려야 한다.
따라서 이러한 이미지에는 스크린 리더가 음성 출력을 하지 않게 하는 null text(<.... alt=""....>를 달아주어야 한다.

3. 회원 약관에서의 문제

3.1 회원 가입 단계 문제:

회원 약관 확인 부분을 스크린 리더로 확인하면 다음과 같다.

process01.gif 이미지
tit_agree_submit.gif 이미지
안녕하세요? 지식까지 찾아주는 검색 - 네이버 입니다.

현재 화면은 네이버 회원 가입을 위한 6개의 과정 중 첫 번째 과정인 약관 동의 과정이다. 그러나 스크린 리더로 들으면 현재 몇 번째 무슨 과정인지 알수 없게 되어 있다.
즉 process01.gif(약관동의)와 tit_agree_submit.gif(회원 약관 확인)에 Alt text가 없기 때문에 생긴 결과이다. 두 개 모두 alt text를 달아 주어야 한다.
이렇게 Alt text를 추가하면 스크린 리더는 다음과 같이 음성 출력한다.

약관동의 이미지
회원 약관 확인 이미지


두 개 모두 alt text를 달면 회원 가입중 약관 동의 과정이라는 것을 알수 있지만 회원 가입 6개 과정중 첫 번째 과정이라는 것은 알수 없다.
따라서 시각장애인도 6개 과정이 있으며, 현재 첫 번째 과정인 약관 동의에 있다는 것을 알수 있도록 'process01.gif 이미지' 부분을 바꿔 주어야 한다.
즉 스크린 리더로 접근시

이전 단계 약관동의
현재 단계 실명확인
다음 단계 ID 확인
다음 단계 가입 인증


과 같이 음성 출력한다면 시각장애인이 훨씬 편안하게 회원 가입을 할 수 있으리라 생각됩니다.

3.2 동의 버튼 문제:

 시각적으로는 동의, 동의하지 않습니다 버튼으로 보이지만 스크린 리더는

btn_agreement03.gif 그래픽 링크
btn_agreement04.gif 그래픽 링크


라고 음성 출력한다. Alt text를 '동의', '동의하지 않습니다'로 달아 주어야 합니다.
또한 버튼으로 처리해야 하는데 왜 링크로 처리하였는지? 일반적으로는 동의 버튼으로 해야 하는 것 아닌지요?

3.3 주민등록번호 입력 문제




주민등록번호 다음의 생년월일을 입력하는 편집창에서 6자리를 입력하면 자동으로 주민등록번호 뒷자리를 입력하는 두 번째 편집창으로 자동 이동한다.
주민등록번호 뒷자리 7자를 입력하면

- (주민등록번호 앞 뒤자리를 구분)
******* 암호 편집창(입력한 주민등록번호 뒷자리)
btn_ok.gif 이미지 버튼

과 같이 음성 출력한다.
따라서 btn_ok.gif에 '확인' 이라고 Alt text를 달아주어도 입력과정에서 제대로 입력하였는지 확인할 방법이 없다.(휴대폰 확인 팝업창에서는 확인 버튼으로 나타남)
따라서 주민등록번호 앞자리를 입력한 후에 아래 방향키를 누르면
- 로 이동하고
다시 누르면 주민등록번호 뒷자리 암호 편집창에 위치하고
주민등록번호 뒷자리를 입력한 후에 아래 방향키를 누르면 확인 버튼에 도달할 수 있도록 하면 좋겠다.

3.4 화면 이동 문제:

휴대폰 가입인증 확인 다음 단계인 회원 기본정보 입력에 가더라도 스크린 리더는 이전 화면인 네이버 가입인증 팝업창을 음성 출력한다.
따라서 시각장애인이 현재 화면에서 무엇을 해야할지 모르게 된다.
익스플로러 기능 F5를 누르면 현재 화면을 제대로 로딩하고 스크린 리더로 음성 출력이 가능하지만 이것은 편법이다.
기본적으로 화면 이동이 안된 것의 원인을 찾아 해결해 주어야 한다.

3.5 자동가입방지 문제:
자동가입방지를 위한 그림을 시각장애인은 확인할 수가 없다. 다른 방법을 제시해 주어야 한다.




3.6 회원 가입 타이틀 문제:
웹 문서의 타이틀은 그 문서의 특징을 가장 잘 나타내어야 한다.
그러나 회원 가입시 네이버 문서의 타이틀은 무엇을 의미하는지 알수 없다.
처음에는 네이버 서비스라고 하다가 네이버 회원가입 다시 네이버 서비스로 바뀐다. 현재 문서의 내용과는 전혀 무관하게 내용을 알수 없게 되어 있다.
따라서 다음과 같이 바꿔주면 좋겠다.

네이버 회원가입-약관확인
네이버 회원가입-실명확인
네이버 회원가입-아이디 확인
네이버 회원가입-가입 인증
네이버 회원가입-회원기본정보입력

4. 로그인 영역 문제








네이버에 접속하면 기본적으로 보안2단계, IP 보안 On으로 설정된다.

① 보안 단계 슬라이더에서 보안 단계 바꾸기:
보안2단계로 앞에 있는 슬라이더에서 마우스를 원하는 단계로 클릭하면 보안 단계가 바뀌면서 아이디 편집창에 위치한다.
보안 1단계 또는 2단계에서 슬라이더에 위치한 후 엔터하면 자동적으로 3단계로 바뀌면서 '3단계 로그인은 ActiveX 설치후 이용할 수 있습니다'라는 메시지로 바뀌나 음성 출력은 안한다.

물론 스크린 리더의 가상 커서를 사용안함(ctrl-shift-f12)를 해도 키보드로 옵션을 조정할 방법이 없다.

현재 보안 단계를 나타내는 점선 부분도 스크린 리더로 들으면 단계에 관계없이 항상 'blank.gif 그래픽 링크'라고 음성 출력한다.
- 왜 그 부분이 링크여야 하는지 궁금합니다. 이미 위에서 언급한 것처럼 엔터하면 3단계 로그인은 ...으로 바뀐다.
- 음성 출력시 blank.gif가 아닌 보안 1단계, 보안 2단계 라고 음성 출력할 수 있도록 하면 좋겠다.

③ IP보안 선택하여 보안단계 바꾸기:








IP보안 링크를 선택하면 네이버 IP보안 설정 창이 나타난다.
- IP 보안 설정 라디오 버튼에서 보안 1단계를 선택하고 확인해도 네이버 보안 단계는 바뀌지 않는다.
- 네이버 ip 보안 설정 창에서 라디오 버튼의 옵션을 바꾼 후 확인을 선택하기가 어렵다. 확인, 취소가 통상적 개념인 버튼이 아닌 링크로 되어 있어서 라디오 버튼에서 옵션을 바꾼 후 확인 버튼을 찾아가기 위해서는 사용안함 라디오 버튼에서부터 31번을 이동해야 확인에 이르게 된다. 통상 개념인 확인 버튼으로 만들면 사용안함 라디오 버튼에서 폼 간의 이동(ctrl-f2)을 한번만 누르면 바로 확인 버튼에 이르게 된다.

④ IP 보안 ON/OFF 문제:
현재 IP 보안은 IP 보안 옆의 ON/OFF 이미지를 마우스로 선택해야만 가능하다.
문제는 키보드로 선택할 방법이 없다는 것이다.
또한 ip 보안이 꺼져 있는 상태에서(스크린 리더로 ip보안이 꺼져 있습니다. 이미지 버튼 라고 음성 출력하는 상태) 마우스로 ON/OFF 버튼을 클릭하여 ON을 설정해도 스크린 리더는 ip보안이 꺼져 있습니다 라고 음성 출력한다. 반대로 ON인 상태에서 마우스로 OFF를 하여도 스크린 리더는 켜져 있다고 음성 출력한다.
이것은 현재의 스크린 리더는 웹을 저작하는 최신 기술을 제대로 소화하지 못하여 나타난 문제일 수도 있습니다. 그렇다면 현재의 보조공학 기술이 접근할 수 있는 방법으로 저작해 주어야 하지 않을까요?

5. 검색어 선택 여부 문제:
네이버에서는 메인 화면에서 실시간 급상승 검색어, 주간 뉴스 검색어와 같이 현재 검색어 순위를 자동적으로 보여 주는 곳이 있다. 시각장애인이 이 부분을 접하는 경우에는 '첫눈 135'와 같이 무슨 내용인지 모르는 것을 단어와 함께 숫자를 제시해준다. 특히 주간 뉴스 검색어의 경우에는 여러 개의 아이템(주간 스포츠 인물, 주간 드라마, 주간 뉴스, 일간 좋은 음식, 실시간 뉴스 검색어, 실시간 드라마)이 한 부분에 나타나기 때문에 내용이 순식간에 바뀌기도 하여 알기가 어렵다.
이러한 실시간으로 업데이트 되는 것을 막기 위하여 주간 뉴스 검색어 밑에는 도움말, 멈춤 이미지, 다음 이미지, 이전 이미지를 제공하고 있지만 그 것만으로는 무엇을 멈추는 것인지 알수가 없다.
따라서 이러한 실시간 업데이트 되는 것의 앞에 시각장애인을 위한 보이지 않지만 소리로 음성출력하는 체크 상자(또는 라디오 버튼)를 만들어 '실시간 급상승 검색어 사용'이라는 명칭으로 제공하면 어떨까 한다. 즉 시각장애인은 이 콘트롤을 만나 선택안함을 선택하면 해당 부분을 건너 뛰고 다음으로 넘어갈 수 있게 하면 훨씬 사용하기 편리할 것이다.
더 나아가서 여러 가지 실시간 검색 순위를 현재 화면에서 제공한다면 각각의 검색어 앞에 실시간 검색어 사용안함을 할수 있는 것을 만들고, 더 나아가 해당 문서의 처음에 '실시간 검색어 전부 사용 안하기'를 제공하여 그 곳에서 선택을 하면 현재 문서 내의 모든 실시간 검색어를 사용안하게 하면 좋겠다. 이 경우 맨 처음에서 사용하지 않음을 선택했더라도 자신이 원하는 실시간 검색어는 선택적으로 선택할 수 있게 하면 좋겠다.

6. 아이디 편집창 선택 문제:
스크린 리더는 현재 문서 내의 콘트롤을 쉽게 찾아가게 하기 위한 수단으로 폼 간의 이동(ctrl-f2)를 제공한다. 네이버의 처음에서 ctrl-f2를 계속 누르면 아이디를 입력할 수 있는 편집창으로 이동한다.
네이버 메인 화면의 처음에서 폼 간의 이동(ctrl-f2),를 실행하면 다음과 같이 음성 출력한다.

통합검색 콤보상자
편집창
검색 이미지 버튼
ip보안이 켜져 있습니다. 이미지 버튼
멈춤 이미지 버튼
이전 이미지 버튼


즉 ip보안이 켜져 있습니다. 이미지 버튼 다음에 아이디를 입력할 수 있는 편집창이 나오야 하나 건너 뛴다는 것이다. 물론 탭 키로 이동하거나 아래 방향키로 이동해도 아이디 편집창으로는 이동하지 않는다.
문제는 스크린 리더로 실행하였을 경우 어떤 컴퓨터는 아이디 편집창으로 이동하고, 어떤 컴퓨터는 안된다는 것이다. 혹시 이 부분에 대하여 웹 문서 저작 상의 문제가 없었는지 확인해 보고 싶습니다.

7. 네이버 검색 결과에서:
네이버 검색 결과를 보면 기본적으로 통합검색 화면이 나타나면서 카테고리별(스폰서링크, 지식in, .... 등)로 결과를 분류해놓고 있습니다.
이 카테고리는 헤딩2로 처리하여 시각장애인도 쉽게 활용할 수 있도록 배려하고 있습니다.
그런데 사이트, 지식in, 블로그, 카페, 전문자료등은 헤딩2로 처리하여 직접 이동이 가능하지만 웹문서, 이미지, 동영상, 뉴스, 지역정보, 책 등은 통합검색 결과의 큰 카테고리로 화면상 분류되어 있지만 헤딩2 처리는 하지 않았습니다.
왜 이 부분은 안하셨는지, 아니면 빠트리셨는지 궁금합니다.


핑백

덧글

  • Joo8111 2007/11/22 10:21 #

    매우 훌륭하십니다. 소수를 위한 배려가 필요한 때입니다. ^^
  • 삐돌이 2007/11/28 10:09 # 삭제

    이제야 들어와 보게 되었습니다...

    네이버가 더 발전적으로 변화할 수 있도록 제언해 주신 것이 무엇보다 좋았습니다.

    앞으로도 많은 활동 기대하겠습니다..
  • 정선이 2007/12/20 17:25 # 삭제

    부장님 너무 대단하세요~
    부장님 홈피 보고 감동하고 돌아갑니다..
    즐거운 연말되세요..^^
※ 이 포스트는 더 이상 덧글을 남길 수 없습니다.


me2day