핵심교양

[핵심교양] 웹 접근성이란 – 1부

작성자 교무처 작성일 2015.11.19. 15:16:19

웹접근성이란.jpg

  

안녕하세요. 아홉시반주립대학의 zoomer입니다.

오늘은 학생 여러분들게 통계가 아닌 웹 접근성이라는 주제를 가지고 얘기를 해볼까 합니다.

 

혹시 장차법(장애인차별금지법) 에 대해서 들어보신 적이 있으신가요?

장차법은 200841일자로 시행된 법으로 장애인에 대한 차별을 하지 말아야 한다는 것이 골자입니다. 장애인을 차별하는 형태는 여러곳에서 보실 수 있습니다. 가령 건물에 엘리베이터가 없이 계단만 있다던지, 이 경우는 경사로 또는 장애인용 리프트가 존재를 해야 하는데 장애가 없는 일반인은 여기에 대해서 무관심 합니다.

 

그럼 웹 사이트로 눈을 돌려보겠습니다. 장애의 종류는 다양하지만 시각에 장애가 있으신 분들 입장에서 웹 사이트를 생각해 보죠. 전혀 앞이 보이지 않는 분들은 웹 사이트를 어떻게 이용 할 수 있을까요?

앞이 보이지 않는 분들은 소리(사운드)로 웹 사이트를 이용합니다. TTS 같은 소프트웨어를 이용하여 웹 사이트를 탐색하는 방식입니다. 웹 사이트에 있는 텍스트는 이런 소프트웨어가 쉽게 읽어 줄 수 있습니다. 하지만 이미지를 만나게 되면 어떨까요? 이미지는 소프트웨어로 읽기가 어렵습니다. 예전에는 시각장애인을 위한 사이트로 텍스트만 있는 사이트가 존재하기도 했었습니다. 하지만 사이트를 유지 관리하는 입장에서 일반인용, 시각장애인용, 지체장애인용 ... 이렇게 사이트를 나누어서 운영하기에는 어려움이 존재하죠.

 

다시 이미지로 돌아가서 이미지를 읽을 수 있는 방법은 우리가 흔히 쓰는 HTML 태그에 답이 있습니다. 이미지를 삽입할 때 <img src="이미지주소" /> 이렇게 씁니다.

시각장애인을 위한 방법으로 바꾸어 보겠습니다.


<img src="이미지주소" alt="이미지 설명" />


 

이렇게 바꾸게 되면 TTS 같은 소프트웨어는 alt 값에 있는 텍스트를 사용자에게 읽어 주게 됩니다.

alt 값은 꼭 시각장애인들만을 위한 방법은 아닙니다. alt 값을 넣어두게 되면 이미지가 존재하지 않아 흔히 얘기하는 액박이 뜨게 되더라도 액박 위에 alt 값이 뜨게 되어 최소한의 이미지에 대한 설명을 알 수 있게 됩니다.

 

웹 접근성을 제대로 준수하려면 많은 체크 항목이 있고, 웹 사이트를 제작하는 제작자 입장에서 신경을 써야 할 부분들이 있습니다만, alt 하나만으로도 장애를 가진 분들에게 희망의 씨앗이 되지 않을까 생각합니다.

 

이제부터라도 게시판에 이미지를 올리실 때 alt 속성을 하나 붙여서 좀 더 나은 환경을 만들어보는건 어떨까요?

 

우리주립대학 홈페이지도 살펴 봤더니

   


noname01.jpg


 

alt 가 잘 달려 있습니다.

 

마지막으로 WWW ( world wide web ) 의 창시자인 팀 버너스 리 께서 말씀하신 문구를 전하면서 마치고자 합니다.

 

감사합니다.   


웹의 힘은 그것의 보편성에 있다. 장애에 구애없이 모든 사람이 접근할 수 있는 것이 필수적인 요소이다.

(The power of the Web is in its universality, Access by everyone regardless of disability is an essential aspect.)





20151008110957_brzsgsfd.jpg

웹 접근성이란 – 1부

페이스북 트위터 카카오톡 카카오스토리 밴드
▲ 이전글 경부선에서 만난 사람 (6) 교무처
▼ 다음글 경전선에서 만난 사람2 (8) 교무처
얼쑤 2017.06.22 06:58:06
| 답변
0
그렇군요.
시에스타 2016.02.23 19:16:54
| 답변
0
출첵!
백룡 2015.12.02 09:17:05
| 답변
0
마지막 말이 확~ 와닫네요....
시에스타 2015.12.01 21:56:55
| 답변
0
출첵!!
얼씨9 2015.11.23 10:03:56
| 답변
1
대박! 웹접근성이라니~ 주립대학에서 이런 강의를 보게 될 줄이야~
뚱띵이 2015.11.20 14:09:19
| 답변
1
웹접근성은 웹의 보편성에 기반하는 거군요..
감사합니다..^^
눈오는밤 2015.11.20 10:45:58
| 답변
1
좋은 강의감사합니다.
날살돌이 2015.11.20 01:34:21
| 답변
1
완료
한송이 2015.11.20 00:13:52
| 답변
1
좋은강의 감사합니다~~
그런데 잘 이해가...
Pc에서만 가능한건지 모바일에서도 가능한건지...
어찌하라는건지 잘 모르겠네요
련-소울 2015.11.19 21:51:43
| 답변
1
좋은 내용입니다 자주 부탁드립니다
술취한제갈량 2015.11.19 17:29:44
| 답변
1
낮설고 귀찮고 다소 어렵지만 함께 만들어 가야할것같습니다
노력하겠습니다
좋은강의 감사합니다
이런쪽은 영~~인지지라 울 주립대에 올릴땐 어떻해야하는지.... 아시면 좀 자세히 부탁드려요