블로그에 접근성 관련 이야기만 하다가 오랜만에 컴퓨터 일반에 대한 글을 씁니다.
저를 나무라시는 분은 없겠죠? ^^;

몇 년 전 부터 인터넷의 키워드 중 가장 두려운 건 보안이죠.
말도 많고 탈도 많고 사고도 많았었죠.
보안 강화로 정보보호를 하는 것도 좋지만 사용자의 불편이 가중 되는 것도 사실입니다.

인터넷을 하면서 가장 불편을 느끼는 것은 추가 기능 설치와 실행 에 대한 것입니다.
인터넷 익스플로러가 업그레이드 되면서 추가기능(ActiveX)에 대한 관리 기능이 강화되고 있는데요.
그 절차가
파일다운로드허용 –> 프로그램설치허용 –> 프로그램실행허용 –> 각 사이트별 프로그램 실행 허용
4단계로 되어있는데다가
각 단계에서 알림표시줄을 한번씩 눌러야 하고 그럴 때마다 페이지가 갱신되면서 다시 진입해서 메뉴를 눌러야 하는 일이 반복돼서 불편합니다.
특히 Flash Player 는 여러 사이트에서 활용되는데 사이트 마다 실행을 허용하는 것이 정말 불편합니다.

이 중 다운로드 허용각 사이트별 실행 허용의 2단계를 줄이는 설정을 소개합니다.


설정시작!

인터넷 익스플로러 > 도구 > 인터넷옵션 으로 들어갑니다.
인터넷 옵션으로 들어가는 방법은 다양하니 각자 편한 방법으로 Go~!

<보안> 탭에서 <사용자 지정 수준>으로 들어갑니다.

인터넷옵션에서 보안탭의 사용자 지정 수준 버튼


<사용자 지정 수준> 안으로 들어가면 긴 목록이 나오는데요
목록의 아래로 내려가면서 아래의 항목들을 설정합니다.

설정1

<다운로드> 하위의 <파일 다운로드 시 자동으로 사용자에게 물음>
사용-ON
을 선택하세요
- 파일을 다운로드 할 때 알림 표시줄이 나타나지 않도록 설정됩니다.

파일 다운로드 시 자동으로 사용자에게 물음, 사용-ON선택

설정2

<ActiveX 컨트롤 및 플러그 인> 하위의 <승인된 도메인만 확인 없이 ActiveX를 사용할 수 있도록 허용>
사용 안 함 – OFF
를 선택하세요.
- 각 사이트 마다 Activex 실행을 허용하지 않고 한 사이트에서 허용하는 것만으로 모든 사이트에서 실행할 수 있습니다.

승인된 도메인만 확인 없이 ActiveX를 사용할 수 있도록 허용, 사용안함-ON선택

설정3

<ActiveX 컨트롤 및 플러그 인> 하위의 <ActiveX 컨트롤을 자동으로 사용자에게 확인>
사용-ON
을 선택하세요
- 이 항목을 선택하면 프로그램 설치에 대한 알림 표시줄이 나타나지 않도록 설정됩니다.

ActiveX 컨트롤을 자동으로 사용자에게 확인, 사용-ON선택



-------------------------------------------------------------------------------------------------------------------------
위와 같이 설정을 변경하면 추가 기능 설치와 실행이 훨씬 편리해집니다. 은행이나 인터넷쇼핑몰 사이트를 이용할 때 각종 보안 프로그램 설치를 진행해보면 훨씬 편리해진 것을 느낄 수 있습니다.
위 설정은 추가 기능의 설치에 대한 모든 설정을 변경한 것이 아니기 때문에 설정 변경으로 인해 원하지 않는 프로그램이 자동으로 설치될 염려는 없습니다.
-------------------------------------------------------------------------------------------------------------------------



추가로 한 가지 더 !!

유명하지 않은 사이트들에서는 간혹 추가 기능 설치파일에 서명이 들어있지 않은 경우가 있는데요.
익스플로러 기본 설정은 서명 없는 추가 기능의 설치를 차단하고 있어서 사이트의 특정 기능이 동작 안할 때도 원인을 알지 못하는 경우가 종종 발생합니다. (알림표시줄 조차 나타나지 않음)

ActiveX 컨트롤 및 플러그 인> 하위의 <서명 안 된 ActiveX 컨트롤 다운로드>
확인-ON
을 선택하세요
- 이 항목을 선택하면 서명이 없는 추가 기능이라도 사용자가 사용여부를 선택할 수 있도록 설정됩니다.

서명 안 된 ActiveX 컨트롤 다운로드, 확인-ON선택


보안이 강화되더라도 UX 측면을 고려해서 사용자가 편한 세상은 언제 올런지…

2010/04/30 18:09 2010/04/30 18:09
해빠 이 작성.

시각장애인은 센스리더를 통해서 인터넷 뿐 아니라 다양한 프로그램을 활용할 수 있는데요.
그중 가장 대표적인 프로그램에 대한 간단한 팁을 공유합니다.

 
[TIP] 센스리더를 통한 한/글 2007 활용




[TIP] 센스리더를 통한 Excel / Powerpoint 활용




[TIP] 센스리더를 통한 PDF 활용




[TIP] 센스리더를 통한 전자 도서관 활용




-------------------------------------------------------------------------------------------------------------------------
위 내용은 Sense Reader Professional Edition v1.2.0.3 을 기준으로 확인되었습니다. 각 응용 프로그램에 대한 버전은 각 파일에서 언급하고 있으므로 해당내용을 참고하세요.
첨부한 파일을 정보 습득 이외의 다른 목적으로 사용하는 것은 불허하며, 스크랩할 경우 출처를 밝혀주시기 바랍니다.
위 내용은 2010년 4월 26일 최종 확인 및 작성되었습니다.
-------------------------------------------------------------------------------------------------------------------------

2010/04/26 21:44 2010/04/26 21:44
해빠 이 작성.

접근성을 보장하는 플래시에 대한 관심이 많고 제작도 되고 있지만
실제로 제작에 대한 팁은 많이 공유되지 않고 있는 것 같습니다.
참고가 될만한 포스팅이 있어서 소개합니다.

 
플래시 네비게이션의 웹접근성 향상방안 1
http://blog.naver.com/qenie/60062695258

플래시 네비게이션의 웹접근성 향상방안 2
http://blog.naver.com/qenie/60062695117
2010/04/26 16:36 2010/04/26 16:36
해빠 이 작성.

몇 해 전부터 광고 게시글 때문에 커뮤니티와 사이트들이 가입절차를 까다롭게 만들고 있습니다. 가입등급에 글쓰기 권한을 부여하지 않거나, 별도의 추가 질문에 대한 답변을 요구하고 그 답변의 성실도에 따라 가입을 승인해주는 등 여러 가지 방법이 사용되어 왔습니다.

이런 방법들은 관리자의 처리량이 늘어나기 때문에 사이트 운영 편의를 위해 가입을 확인/승인하는 보안메일을 보내거나 가입 과정에서 보안문자를 입력하도록 하는 경우도 많아지고 있습니다.

보안메일은 크게 문제가 되지 않지만 보안문자 입력의 경우는 시각장애인에게 접근성이 매우 떨어지는 방법입니다. 그림으로 표현되는 글씨를 눈으로 확인해야하는 작업이라 시각장애인이 혼자서 이것을 직접 하는 것을 불가능합니다. 그렇다고 카페나 사이트를 가입할 때마다 보이는 분에게 도움을 요청하기도 어려운 노릇이죠. 다른 정보들은 다 입력해놓고 보안문자에 걸려서 가입을 못하는 경우들이 종종 생기고 있습니다.


그림으로 된 보안문자 입력 부분에 있어서 대표적인 포털사이트인 다음과 네이버를 비교해보겠습니다.


먼저 네이버(www.naver.com) 카페의 가입 부분입니다.

네이버카페보안문자입력 
카페 가입시 위와 같은 그림문자 입력 부분이 나타납니다. 문자를 입력하는 편집창과 새로고침 링크만 있을 뿐 시각장애인은 아무리 살펴봐도 저 그림문자를 읽어서 입력할 수 있는 방법이 없습니다.


이번엔 다음(www.daum.net) 카페의 가입을 살펴보겠습니다.

다음보안문자입력

다음 카페는 네이버와는 달리 스피커 그림의 버튼이 있습니다. 저 버튼에 적혀있는 대체 텍스트는 “들리는 대로 문자 5개를 입력해주세요”입니다. 저 곳에서 엔터를 누르면 해당 그림문자를 음성으로 출력하는 기능을 합니다. 이 기능을 사용하면 시각장애인이더라도 출력되는 음성을 듣고 혼자서 그름문자를 입력하는 보안절차를 통과할 수 있습니다.


국내 사이트 외에도 구글의 지메일(www.gmail.com)을 가입할 때도 시각장애인에 대한 배려가 있는데요.

지메일가입보안문자입력

지메일에 가입할 때 위와 같은 그림문자 입력하는 절차가 나오는데 편집 창 오른쪽에 휠체어 그림이 있습니다. 저 그림에 달려있는 대체 텍스트는 “Listen and type the numbers you hear”입니다. 저 부분을 클릭하고 들어봤을 때… 당최 무슨 소리인지 알아들을 수는 없었지만;;; 장애인을 위한 배려가 있다는 것만으로도 의미가 있는 것 같습니다.


웹접근성의 기본을 다시 한번 생각해보고 싶습니다. “장애가 있더라도 비장애인과 동일한 웹을 누리게 하자”는 취지가 모든 사이트에 반영되었으면 합니다.
웹접근성을 보장한다는 취지에서 다음 카페의 보안문자 입력은 아주 좋은 본보기라고 할 수 있습니다. 보안문자 입력은 비시각장애인은 그냥 지나칠 수 있는 부분이지만, 이것을 놓치지 않았다는 점에 의미가 있습니다. 특정 장애영역에서 접근할 수 없는 부분에 대해 대체수단을 제공한다는 정신이 아주 중요합니다. 이러한 정신으로 웹을 만들 때만 비로소 진정한 접근성이 보장되는 웹을 구현할 수 있을 것 같습니다.

보안문자에 대한 백남중 부장님의 포스팅을 참고해보세요.
http://njpaiks.egloos.com/2848997


-------------------------------------------------------------------------------------------------------------------------
위 내용은 보안문자 입력을 설정해놓은 카페에만 해당하는 부분입니다. 보안문자 입력을 설정해놓지 않은 카페에서는 시각장애인이 가입을 하는데 문제가 되지 않습니다.
또한 특정 사이트가 나쁘다라는 비방을 하기 위한 것도 아닙니다. 좋은 예를 들어서 앞으로의 발전 방향을 제시하는 것이 목적입니다.
위 내용은 2010년 4월 20일 기준으로 작성되었습니다.
-------------------------------------------------------------------------------------------------------------------------

2010/04/20 13:59 2010/04/20 13:59
해빠 이 작성.

이미지에 대한 alt 태그 사용과 alt=”” 버그

센스리더는 웹페이지내의 이미지에 대해 기본적으로는 파일명을 음성출력합니다. 하지만 파일명만으로는 해당 이미지에 대한 정보를 정확히 알 수 없기 때문에 alt 태그의 정보를 활용하게 됩니다. 이미지에 대해 alt 태그로 정보를 넣어줄 경우 스크린리더는 해당 내용을 파일명 대신 음성출력하게 됩니다.



이미지의 alt 태그 유무에 따른 음성출력 예
<img src=”sub_g01.gif”>
<img src=”sub_go1.gif: alt=”전송”>
sub_g01.gif 이미지
전송 이미지


alt 태그의 정보를 활용해 음성출력하면 모든 이미지에 대해 alt 정보를 제공해야 하는지에 대한 논란이 발생할 수 있습니다. 일반적으로 의미를 갖지 않는 경계선/배경/불릿 등에 대해서는 alt=””과 같이 공백문자 처리를 함으로서 스크린리더가 이미지 파일명 조차 읽지 않고, 아무것도 없는 듯이 지나가도록 처리하고 있습니다.



이미지의 alt태그 활용 예
<img src=”sub_g01.gif”>
<img src=”hor_line01.gif” alt=””>
<img src=”sub_go1.gif: alt=”전송”>
sub_g01.gif 이미지
(아무것도 없는 듯 지나감) 
전송 이미지


위와 같이 이미지에 대해 alt=”” 태그를 사용하면 불필요한 이미지에 대한 음성출력을 막을 수 있습니다. 하지만 센스리더 프로 1.2.0.3 의 경우 이에 대한 처리에 버그가 있어서 이미지로 음성을 출력하게 됩니다. 이 버그는 1.2.0.4 BETA 이후 수정되었습니다.


센스리더 프로 v1.2.0.3 버그 (v1.2.0.4 이후 수정)
<img src=”sub_g01.gif”>
<img src=”hor_line01.gif” alt=””>
<img src=”sub_go1.gif: alt=”전송”>
sub_g01.gif 이미지
이미지
전송 이미지


이미지를 링크로 사용하는 경우가 많은데 이에 대한 음성출력은 다음과 같습니다.


이미지 링크에서 alt와 title
<a href=”#”><img src=”sub_g01.gif” alt=”전송”></a>
<a href=”#” title=”새창으로”><img src=”sub_g01.gif” alt=”전송”></a>
<a href=”#” title=”새창으로”target=”_blank”><img src=”sub_g01.gif” alt=”전송”></a>
<a href=”#” title=”새창으로”><img src=”sub_g01.gif”></a>
전송 그래픽 링크
전송 그래픽 링크
전송 새창 그래픽 링크

새창으로 그래픽 링크


이미지에서는 alt 값이 title 보다 우선합니다. a 태그 안에 있는 title 값도 img 안에 alt값이 있기 때문에 alt 값을 음성출력하게 됩니다. 링크에서 target=”_blank”는 스크린리더에서 인지해서 새창으로 음성출력하기 때문에 굳이 사용하지 않으셔도 문제가 없습니다.


-------------------------------------------------------------------------------------------------------------------------
위 내용은 센스리더 프로페셔널 에디션 v1.2.0.4를 기준으로 Internet Explorer 8에서 확인된 내용이며
2010년 4월 12일 기준으로 작성되었습니다.
------------------------------------------------------------------------------------------------------------------------

2010/04/12 14:15 2010/04/12 14:15
해빠 이 작성.

« Prev : 1 : ... 9 : 10 : 11 : 12 : 13 : 14 : 15 : 16 : 17 : ... 20 : Next »