아카데미정글에서 진행하는 웹표준화 대한민국 의식개선프로젝트 수업 프레젠테이션 파일입니다.

1. 웹 표준 이란 뭔가요 ? 웹 접근성 은 또 뭐죠 ? 은 또 뭐죠 ?

2. 웹 표준 웹 표준이란 ? 월드 와이드 웹의 측면을 서술하고 정의하는 공식 표준이나 다른 기술 규격을 가리키는 일반적인 용어이다 . 최근에 이 용어는 웹 사이트를 작성하는 데 중요도가 높아지고 있으며 웹 디자인 , 개발과 관계가 있다 . 수많은 상호 의존성이 있는 표준들과 규격들 가운데 일부는 단지 월드 와이드 웹으로만 끝나는 것이 아니라 , 인터넷의 관리 측면이기도 하며 이러한 표준들은 직간접적으로 웹 사이트 , 웹 서비스 개발과 관리에 영향을 주고 있다 . 이러한 것들 모두 " 웹 표준 " 이라고 부르지만 . . . . . 블라블라 블랄라 . . . . . . . ㅡ . , ㅡ ;;

3. 표준을 설명하는데 왜 이리 < 표준 > 이란 단어를 많이 사용하는데 ? 뭐라는 거야 ? 기술이라는 단어가 많이 나오는데 그럼 < 표준 > 은 기술인거야 ?

4. 어렵죠 ? ^ - ^;; 그렇다면 좀 더 쉽게 < 표준 > 에 대해 알아볼까요 ?

5. 시츄에이션 1 이를 어째 . . . 핸드폰이 방전되었네 ?

6. 캠퍼스 커플인 연오랑과 세오녀는 친구들을 연오랑의 자취방에 초대해서 즐거운 시간을 보내고 있었답니다 .

7. 그런데 즐겁게 놀다보니 시간이 가는 줄도 몰랐지요 . 웃다가 시계를 본 세오녀는 시간이 너무 늦었음을 깨닫고 핸드폰으로 집에 전화를 하려했어요 . 부랴부랴 핸드폰을 꺼내 들은 세오녀의 얼굴 빛은 하얗게 질려버렸습니다 .

8. 글쎄 핸드폰이 방전되어 버렸던 거지요 . 세오녀는 급하게 연오랑을 향해 외쳤습니다 . “ 네 핸드폰 어디꺼야 ? 나 LG CYON 폰 쓰는데 충전기 있어 ?”

9. “ 세오녀 . . . 미안 나 Samsung Anycall 제품꺼 써 . 이를 어쩌지 ?” 연오랑이 난색을 표하네요 .

10. 이런 .. 이런 세오녀는 그만 울음을 터트리고 마네요 .

11. 시츄에이션 2 MT 가서 사용할 거야

12. 세오녀는 이번 과 MT 를 대성리로 가기로 했습니다 . 친구들과 MT 가서 유쾌한 시간을 보낼 생각을 하니 저절로 웃음 꽃이 얼굴에 피었답니다 .

13. 즐겁게 가방에 물품을 챙기던 세오녀는 헤어 드라이기를 집어넣으며 다음과 같이 말했습니다 . “ 놀 땐 놀더라도 다음 날 엉망이 된 머리카락 정리는 필요해 드라이기를 가져가자 .”

14. MT 를 가서 즐거운 밤을 보내고 다음 날 아침 세오녀는 머리를 감고 헤어드라이기를 찾았습니다 . 그리고 전원을 넣으려던 세오녀 그만 기겁을 하고 맙니다 . 무슨 일이 일어난 것일까요 ?

15. 아이고 이를 어쩌나 ... 집에서 잘 사용하던 220V 헤어 드라이기라 아무 생각 없이 MT 왔더니 MT 장소에서는 110V 전압 사용만 가능했던 거네요 . 머리는 젖었는데 말릴 길이 없으니 세오녀가 놀랄만도 하네요 . 참 당황스러운 상황이네요 .

16. 아이 참 ... 불편한 세상인 거 같아요 . . . 핸드폰 충전기가 회사마다 다르니 참 문제가 많아요 . 하나로 통일되면 정말 편할텐데 말이죠 . 헤어 드라이기도 마찬가지에요 . 220V / 110V 따로 있으니 여간 불편한게 아니에요 . 하나로 통일되면 정말 편할텐데 말이죠 . 세오녀 말하길 . . .

17. “ 하나로 통일되면 정말 편할텐데 ” 사람들의 삶이 한결 좋아질텐데 말이야 .

18. 그렇습니다 ! 우리 삶 안에서 찾아 본 < 표준 > 이 가져다 주는 편리함 , 이로움을 통해 < 표준 > 이란 무엇이며 , 왜 필요한지를 이제는 알 것 같습니다 .

19. 그렇다면 ?! 웹 표준 역시 그것과 연관지어 생각해볼 수 있지 않을까요 ?

20. 웹 표준이란 ? < 웹 상에서의 표준 > 이라도 봐도 무방하겠네요 . 표준이 만들어 지고 준수되었을 때 , 사람들의 < 삶은 풍요롭고 편리해진다 > 볼 수 있겠죠 . 알겠어요 ! 웹 표준은저처럼 풍만한거군요 ? 맞나요 ?

21. 예를 들어 웹 표준을 이야기 해볼까요 ?

22. 자주가는 웹 사이트를 접속하고자 합니다 . 여러분은 어떤 과정을 걸쳐 웹에 접속하시나요 ?

23. 대부분 컴퓨터를 먼저 켤 것이고 , Windows 운영체제를 부팅시킬 것입니다 .

24. 운영체제가 준비를 마치면 바탕화면의 Internet Explorer 아이콘을 더블클릭해서 웹 브라우저를 실행하시겠죠 .

25. 웹 브라우저가 준비되면 주소창을 통해여러분이 보고자 하는 사이트로 연결이 될 것입니다 .

26. 아마 대부분 이렇게 하시겠죠 ? 그런데 말이죠 . 만약에 . . .

27. 여러분이 사용하셔야 하는 운영체제가 Windows 가 아니라서 ? 그리고 웹 브라우저가 Internet Explorer 가 아니라서 ?

28. 그렇기 때문에 . . . 여러분이 제대로 웹을 돌아다닐 수 없다면 ?

29. 여러분은 이러실 수도 있을겁니다 .“ 이런 XXX 같은 . . . 일이 . . . ”

30. 세상에는 많은 OS(Operation System) 가 있습니다 .Windows, Mac OS, Unix, Linux etc.

31. 세상에는 많은 Web Browser 도 있습니다 .Internet Explorer, Firefox, Safari, Opera, Chrome etc.

32. 세상에는 이렇게 많은 자원들이 존재하는데 . . . 다른 기기를 사용해서 웹에 제대로 접근할 수 없다면 ? 각 기기마다 컨텐츠 인식이 올바르지 않아 각 상황마다 컨텐츠를 다시 작성해야 한다면 ?

33. 여러분은 웹을 만들어 가는 사람으로서이해하실 수 있습니까 ?

34. 어때요 ? 이런 일이 있으면 참 피곤하겠죠 ?

35. 웹 표준은 이런 강아지 같은 일을 방지하기 위해반드시 준수되어야 하는 것입니다 .

36. 그렇습니다 !

37. 웹 표준은 < 약속 > 입니다 .

38. 어 / 디 / 서 / 나 Mobile Phone / Text Browser PDA / PMP / IPTV&Game

39. 누 / 구 / 나 남녀노소 그리고 ... 몸이 불편하신 분들 또한

40. 제약없이 접근할 수 있는 환경을 만들기 위한

41. 약속 입니다

42. 세계 최고의 인터넷 강국으로 불리는 우리나라지만 장애인들이 인터넷 웹사이트를 이용하기는 너무나 힘든 실정입니다 . 현실에서의 차별이 인터넷에서도 그대로 이어지고 있습니다 . 웹사이트를 만들때 장애인을 고려하지 않았기 때문입니다 .

43. 권윤정 , 중증장애인 탭 키 말고라도 화살표키로도 움직일 수 있었으면 좋겠어요 .

44. 김호남 , 3 급 시각장애인 내가 어떤 사이트에 들어가도 어디를 들어갔는지 , 중요한 로그인을 한다든 지 그런게 안돼 있어서 이용하는데 불편함을 많이 느낍니다 .

45. 현근식 , 3 급 한국장애인 인권포럼 팀장 차별없는 세상을 만들겠다고 하는데 오히려 차별이 더 많은 세상이 돼가고 있는 거에요 .

46. 여러분들의 생각 장애인 ?! 뭐야 ... 그러니까 웹 접근성이란게 장애인을 위한거요 ?

47. 글쎄요 .. 꼭 그렇게만 생각해야 할까요 ?

48. 웹 표준과 접근성은 장애인만을 위한 것이 아닙니다 .

49. 정확히 말하면 모든 사람들을 위한 것이지요 .

50. 조금은 다를 수도 있지만 , 장애인 역시 사람입니다 .

51. W3C WAI(2006a)& Thatcher,et.al.(2006) 장애를 가진 사람들도 웹을 이용할 수 있도록 보장하는 것으로 , 장애를 가진 사람들이 웹 콘텐츠를 인지하고 (Perceivable), 운영하고 (Operable), 이해하고 (Understandable), 기술에 상관없이 이용할 수 있도록 견고 (Robust) 하게 웹 콘텐츠를 만드는 것 . Wikipedia(2006) 표준 브라우저 뿐만 아니라 다양한 사용자 에이전트 (User Agent) 를 사용하는 사람들이 웹 페이지에 접근하기 쉽게 만드는 것으로 , 이를 통해 장애인들도 웹을 사용할 수 있도록 보장하는 것 ※ 장애인들이 사용하는 보조기술은 사용자 에이전트에 포함됨 . Microsoft(2002) 접근성이란 접근을 가능하게 만드는 것으로 , 모든 사용자들이 제품과 서비스를 사용할 수 있도록 만드는 것 . “ 세계 사람들은 입을 모아 웹 접근성을 위와 같이 정의했습니다 .”

52. 웹 접근성 이란 ?

53. 모두 함께 할 수 있는 것 을 말합니다 . { 사람과 사람 } & { 기계와 기계 } 서로 주고 받는데 불편함이 없는 것

54. 당신의 작은 무관심과 차별적인 시선으로 더이상 마음아파 하는 사람이 없었으면 좋겠습니다 .

56. 웹 접근성에 대해 더 알아보고 싶어요 .

57. KADO 한국정보문화진흥원 https://www.kado.or.kr 장애없는 사이버세상 웹 접근성 향상 캠페인 https://www.kado.or.kr /wa/index.asp 정보통신 접근성 향상 표준화 포럼 ht tp://iabf.or.kr 웹 접근성 연구소 http://iabf.or.kr/lab

58. 디자인 을 한다는 것은 { 사람이 사람을 위한다는 것 } 이라고 말씀드린 바 있습니다 .

59. 누구나 차별없이 웹 세상을 접하고 , 경험할 수 있도록 우리는 노력하여야 합니다 .

60. 이 곳에 앉아 계시는 웹 기획자 , 디자이너 , 개발자 분들도 세상의 모든 사람들 중 한 명 입니다 . 사람이 사람을 위하는 디자이너 , 우리 모두가 디자이너 입니다 .

61. 누구나가 함께할 수 있는 아름다운 세상 우리 모두가 만들어 가는 것입니다 .

62. Universal Design 그렇습니다 ! 웹 디자이너 ( 표현에만 국한된 것이 아닌 , 구조 설계자 ) 는 세상의 모든 사람들이 누릴 수 있는 웹 환경을 만들어야 할 의무 가 있습니다 .

63. 그 의무를 다하기 위한 열쇠가 바로 우리가 공부하고자 하는 { 웹 표준 } 과 { 웹 접근성 } 입니다 . web Standard web Accessibility

64. 접근성을 고려한 사이트 중에는 전혀 아름다움을 고려하지 않은 사이트도 있습니다 . 그것은 그 사이트를 만든 디자이너들에게 문제가 있는 것이지 , 접근성 자체를 문제 삼지 말아야 합니다 . 웹 표준도 마찬가지 입니다 . 비록 W3C 의 웹 사이트 모양만 봐서는 디자이너들이 XML 이나 CSS2 를 배우고 싶어하지 않을지라도 같은 개념으로 봐야 합니다 . 제프리 젤드만 Designing With Web Standards 중에서 , 2003 년 5 월

65. 접근성 은 선택이 아니라 , 필수 . 옵션이 아닌 , 디자인 그 자체 입니다 .

66. 좋은 정보설계와 사용성 , 접근성은 디자이너나 개발자들이 작업하면서 고려해야 하는 영역입니다 . 특히 접근성이 높게 만든다는 것 은 흔히 생각하는 장애인과 관련된 인권적인 측면뿐만 아니라 , 상업적으로도 경쟁력을 갖게할 수 있다는 측면에서 중요 합니다 . 디자이너 개발자

67. 하지만 많은 접근성 전문가나 디자이너 , 개발자들은 접근성에 대해 장애가 있는 사람들을 위해서 해야 할 일이라고 한정적인 시각에서 언급하고 있어서 접근성 자체가 제한적으로 이해되는 일이 많습니다 .

68. 접근성과 관련된 많은 문서들을 보면 맹인이나 시각 장애가 있는 사람들도 볼 수 있는 사이트를 만들어야 한다는 한정된 의미의 접근성에 대해 이야기 하고 있습니다 . 또 더 많은 경우 사이트를 만들 때 지켜야 하는 접근성 지침이나 규정 등 기준에 대해서만 이야기 하고 있습니다 . 이들 모두 { 접근성에 대한 핵심을 파악하지 못하고 있다 } 고 할 수 있습니다 .

69. 물론 장애가 있는 사람들도 고려를 해서 사이트를 만들어야 합니다 . 하지만 조금 더 넓은 관점에서 다가가 접근성 자체를 사용성의 한 측면으로 간주 하고 그렇기 때문에 보장되어야 한다 는 내용이나 그에 대한 논의는 전무합니다 . 디자인 전문가로서 우리는 접근성이 높은 디자인 산출물을 만들어서 가능한 한 많은 사람들 이 우리가 만든 웹 정보에 접근할 수 있게 해야 합니다 . 장애를 가진 사람뿐만 아니라 가지각색의 디바이스 환경에서웹에 접근하고자 하는 사람들이 포함된다는 사실을 생각해야 합니다 .

70. Desktop Web Browser Mobile Web Browser 데스크탑 웹 브라우저 모바일 웹 브라우저

71. Desktop Web Browser Mobile Web Browser

72. 접근성을 고려 , 구조와 표현을 분리하여 디자인을 하면 다양한 환경에서도 풍부하고 편리한 웹 세상을 만들 수 있습니다 .

73. 접근성을 보장할 수도 있고 안 할 수도 있는 옵션의 하나로 생각한다면 당연히 접근성을 보장하지 않도록 결정하기 쉽습니다 . 어차피 많은 개발들은 접근성 자체에 대해 알지 못할 뿐만 아니라 그것이 왜 중요한지를 모르기 때문에 대부분 고려하지 않기 마련입니다 . 조 클락 joeclack.org/ice/iceweb2006-notes.html

74. 여러분의 클라이언트가 이번 기회에 사이트를 리뉴얼 하고자 합니다 . 만약 여러분이 팀장으로서 클라이언트의 웹 사이트 리뉴얼 프로젝트에 대해 웹 표준을 준수하여야 한다고 프리젠테이션할 기회가 생겼다면 어떻게 클라이언트를 설득할 수 있을지 고민하여 보세요 . 클라이언트를 설득해주세요 ! O.K ? QUIZ

75. 많은 디자이너들이 웹 표준의 중요성을 알고 , 실무에서 CSS 를 이용한 디자인을 하고 싶어하지만 , 실상 그렇게 하지 못하고 있는 것이 현실입니다 . 여러 가지 이유가 있겠지만 , 가장 큰 이유는 브라우저마다 지원하는 CSS 수준이 다르기 때문 입니다 . 디자이너들은 일반적으로 모든 브라우저에서 똑같이 디자인이 보여야 한다고 생각합니다 . 조금도 틀리면 안된다고 말이죠 . 그리고 이를 크로스 브라우징 (Cross Browsing) 이라고 부르며 가장 많이 사용되는 브라우저에 최적화 시키는 것이 가장 좋은 디자인이라고 생각합니다 . 디자이너들은 일반적으로 모든 브라우저에서 똑같이 디자인이 보여야 한다고 생각합니다 . 조금도 틀리면 안된다고 말이죠 . 그리고 이를 크로스 브라우징 (Cross Browsing) 이라고 부르며 가장 많이 사용되는 브라우저에 최적화 시키는 것이 가장 좋은 디자인이라고 생각합니다 . 디자이너들은 일반적으로 모든 브라우저에서 똑같이 디자인이 보여야 한다고 생각합니다 . 조금도 틀리면 안된다고 말이죠 . 그리고 이를 크로스 브라우징 (Cross Browsing) 이라고 부르며 가장 많이 사용되는 브라우저에 최적화 시키는 것이 가장 좋은 디자인이라고 생각합니다 . 디자이너의 일반적인 생각

76. 하지만 이는 잘못된 생각입니다 . 크로스 브라우징이 문제라는 것이 아니라 , 완벽하게 똑같아야 한다는 생각이 잘못된 것 입니다 . 우리 주변의 사물로 생각해 봐요 . 서로 다른 기기에 다른 회사에서 만든 제품이 완전히 똑같은 기능을 지녀야 하고 심지어는 디자인도 같아야 한다고 , 그래야만 사용자에게 동일한 경험을 제공할 수 있다고 주장한다면 이는 매우 우스운 일입니다 . 이는 매우 우스운 일입니다 . 이는 매우 우스운 일입니다 . 이는 매우 우스운 일입니다 . 이는 매우 우스운 일입니다 . 그 생각에 동의할 수 없어요 .

77. 소비자도 시간이 지남에 따라 , 그리고 기술이 발전함에 따라 동일한 용도의 제품이라도 모양과 기능이 달라질 수 있다는 것을 알고 있습니다 . 뿐만 아니라 제품을 산다면 오래된 제품 보다는 가장 최신의 제품을 사기 원하며 그 과정에서 자신이 구매한 제품이 과거의 것과 어떻게 다르다는 것을 확인합니다 . 뿐만 아니라 제품을 산다면 오래된 제품 보다는 가장 최신의 제품을 사기 원하며 그 과정에서 자신이 구매한 제품이 과거의 것과 어떻게 다르다는 것을 확인합니다 . 소비자도 알고 있습니다 .

78. 사이트를 만들 때 가장 최신의 코딩 기술을 활용하여 최근에 나온 브라우저에 멋지게 보이는 디자인을 하고 있을 뿐만 아니라 , 옛날에 나온 오래된 브라우저를 사용하는 사용자도 화면을 보는 것에는 문제가 없게 하고 있다고 설명하면 클라이언트도 쉽게 이해할 수 있을 겁니다 . 클라이언트에게 말하세요 .

79. 어떤 사례를 들면 클라이언트가 쉽게 이해할 수 있을까요 ?

80. HDTV 일반 TV 에 비해 더 높은 해상도의 영상과 고품질의 사운드 및 서비스를 제공합니다 . 하지만 일반 TV 를 보는 사람이 HDTV 를 사지 않거나 추가 비용을 더 내는 것이 싫어서 HD 방송을 수신하지 않는다고 해서 방송을 볼 수 없는 것은 아닙니다 . 지금까지와 동일한 인기 드라마나 스포츠를 볼 수 있지만 상대적으로 보다 뛰어난 화질을 볼 수 없고 , 풍부한 서비스를 이용할 수 없을 뿐입니다 .

81. ipod 처음 애플 사에서 아이팟 플레이어를 출시했을 때 출시된 1 세대 모델은 지금과 비교했을 때 기능도 떨어지고 , UI 도 달랐습니다 . 시장 경쟁에서 항상 앞서가기 위해 애플은 새로운 버전을 출시할 때마다 음반의 앨범 표지나 아이튠즈에서 다운로드 받은 뮤직비디오 , 동영상을 볼 수 있는 새로운 기능을 추가했습니다 . 구 버전의 아이팟은 처음 구매했을 때와 마찬가지로 기본 기능은 여전하지만 , 최신형의 제품이 가지고 있는 능력을 가지고 있지 못하다는 것을 소비자는 당연히 알고 있습니다 . 또한 당연히 새로운 기능을 쓰기 위해서는 업그레이드가 필요하다는 점 역시 알고 있죠 .

82. 소프트웨어는 거의 날마다 멈취 버리거나 충돌이 발생하고 작동하지 않는 버그도 많습니다 . 이렇듯 지금 사용하는 소프트웨어에 문제가 많더라도 소비자들은 다음에 나올 새로운 버전은 더 좋아질 것이라고 기대하며 업그레이드 할 준비를 하고 있습니다 . 디자이너와 개발자가 만드는 웹 사이트에 대한 최종 사용자는 소비자이고 그들도 관심도가 다르겠지만 , 날마다 변화하는 기술에 대해 알고 있습니다 . 새로운 성능을 갖춘 브라우저를 사용하는 사람들에게는 보다 좋은 기능과 디자인을 제공할 수 있습니다 . 이런 맥락에서 이야기를 풀어간다면 클라이언트에게 웹 표준 준수와 접근성을 고려해야 하는 점을 이해시킬 수 있을 것 입니다 .

83. 아하 ! 알겠어요 ^-^ 웹 표준 / 접근성은 매우 복잡하고 어려운 것이 아니라 , 웹을 만들어가는 사람들의 마음가짐 문제라는 것을 이해하겠어요 . 그런데 ... 표준 , 접근성은 뭔지 이제 알겠는데 ? 웹은 언제 누가 무엇을 위해 만들었을까요 ? next