Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

웹표준화,대한민국 의식개선프로젝트-03 웹표준,접근성이란?

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

Related Books

Free with a 30 day trial from Scribd

See all
  • Be the first to comment

웹표준화,대한민국 의식개선프로젝트-03 웹표준,접근성이란?

  1. 1. 웹 표준 이란 뭔가요 ? 웹 접근성 은 또 뭐죠 ? 은 또 뭐죠 ?
  2. 2. 웹 표준 웹 표준이란 ? 월드 와이드 웹의 측면을 서술하고 정의하는 공식 표준이나 다른 기술 규격을 가리키는 일반적인 용어이다 . 최근에 이 용어는 웹 사이트를 작성하는 데 중요도가 높아지고 있으며 웹 디자인 , 개발과 관계가 있다 . 수많은 상호 의존성이 있는 표준들과 규격들 가운데 일부는 단지 월드 와이드 웹으로만 끝나는 것이 아니라 , 인터넷의 관리 측면이기도 하며 이러한 표준들은 직간접적으로 웹 사이트 , 웹 서비스 개발과 관리에 영향을 주고 있다 . 이러한 것들 모두 " 웹 표준 " 이라고 부르지만 . . . . . 블라블라 블랄라 . . . . . . . ㅡ . , ㅡ ;;
  3. 3. 표준을 설명하는데 왜 이리 < 표준 > 이란 단어를 많이 사용하는데 ? 뭐라는 거야 ? 기술이라는 단어가 많이 나오는데 그럼 < 표준 > 은 기술인거야 ?
  4. 4. 어렵죠 ? ^ - ^;; 그렇다면 좀 더 쉽게 < 표준 > 에 대해 알아볼까요 ?
  5. 5. 시츄에이션 1 이를 어째 . . . 핸드폰이 방전되었네 ?
  6. 6. 캠퍼스 커플인 연오랑과 세오녀는 친구들을 연오랑의 자취방에 초대해서 즐거운 시간을 보내고 있었답니다 .
  7. 7. 그런데 즐겁게 놀다보니 시간이 가는 줄도 몰랐지요 . 웃다가 시계를 본 세오녀는 시간이 너무 늦었음을 깨닫고 핸드폰으로 집에 전화를 하려했어요 . 부랴부랴 핸드폰을 꺼내 들은 세오녀의 얼굴 빛은 하얗게 질려버렸습니다 .
  8. 8. 글쎄 핸드폰이 방전되어 버렸던 거지요 . 세오녀는 급하게 연오랑을 향해 외쳤습니다 . “ 네 핸드폰 어디꺼야 ? 나 LG CYON 폰 쓰는데 충전기 있어 ?”
  9. 9. “ 세오녀 . . . 미안 나 Samsung Anycall 제품꺼 써 . 이를 어쩌지 ?” 연오랑이 난색을 표하네요 .
  10. 10. 이런 .. 이런 세오녀는 그만 울음을 터트리고 마네요 .
  11. 11. 시츄에이션 2 MT 가서 사용할 거야
  12. 12. 세오녀는 이번 과 MT 를 대성리로 가기로 했습니다 . 친구들과 MT 가서 유쾌한 시간을 보낼 생각을 하니 저절로 웃음 꽃이 얼굴에 피었답니다 .
  13. 13. 즐겁게 가방에 물품을 챙기던 세오녀는 헤어 드라이기를 집어넣으며 다음과 같이 말했습니다 . “ 놀 땐 놀더라도 다음 날 엉망이 된 머리카락 정리는 필요해 드라이기를 가져가자 .”
  14. 14. MT 를 가서 즐거운 밤을 보내고 다음 날 아침 세오녀는 머리를 감고 헤어드라이기를 찾았습니다 . 그리고 전원을 넣으려던 세오녀 그만 기겁을 하고 맙니다 . 무슨 일이 일어난 것일까요 ?
  15. 15. 아이고 이를 어쩌나 ... 집에서 잘 사용하던 220V 헤어 드라이기라 아무 생각 없이 MT 왔더니 MT 장소에서는 110V 전압 사용만 가능했던 거네요 . 머리는 젖었는데 말릴 길이 없으니 세오녀가 놀랄만도 하네요 . 참 당황스러운 상황이네요 .
  16. 16. 아이 참 ... 불편한 세상인 거 같아요 . . . 핸드폰 충전기가 회사마다 다르니 참 문제가 많아요 . 하나로 통일되면 정말 편할텐데 말이죠 . 헤어 드라이기도 마찬가지에요 . 220V / 110V 따로 있으니 여간 불편한게 아니에요 . 하나로 통일되면 정말 편할텐데 말이죠 . 세오녀 말하길 . . .
  17. 17. “ 하나로 통일되면 정말 편할텐데 ” 사람들의 삶이 한결 좋아질텐데 말이야 .
  18. 18. 그렇습니다 ! 우리 삶 안에서 찾아 본 < 표준 > 이 가져다 주는 편리함 , 이로움을 통해 < 표준 > 이란 무엇이며 , 왜 필요한지를 이제는 알 것 같습니다 .
  19. 19. 그렇다면 ?! 웹 표준 역시 그것과 연관지어 생각해볼 수 있지 않을까요 ?
  20. 20. 웹 표준이란 ? < 웹 상에서의 표준 > 이라도 봐도 무방하겠네요 . 표준이 만들어 지고 준수되었을 때 , 사람들의 < 삶은 풍요롭고 편리해진다 > 볼 수 있겠죠 . 알겠어요 ! 웹 표준은저처럼 풍만한거군요 ? 맞나요 ?
  21. 21. 예를 들어 웹 표준을 이야기 해볼까요 ?
  22. 22. 자주가는 웹 사이트를 접속하고자 합니다 . 여러분은 어떤 과정을 걸쳐 웹에 접속하시나요 ?
  23. 23. 대부분 컴퓨터를 먼저 켤 것이고 , Windows 운영체제를 부팅시킬 것입니다 .
  24. 24. 운영체제가 준비를 마치면 바탕화면의 Internet Explorer 아이콘을 더블클릭해서 웹 브라우저를 실행하시겠죠 .
  25. 25. 웹 브라우저가 준비되면 주소창을 통해여러분이 보고자 하는 사이트로 연결이 될 것입니다 .
  26. 26. 아마 대부분 이렇게 하시겠죠 ? 그런데 말이죠 . 만약에 . . .
  27. 27. 여러분이 사용하셔야 하는 운영체제가 Windows 가 아니라서 ? 그리고 웹 브라우저가 Internet Explorer 가 아니라서 ?
  28. 28. 그렇기 때문에 . . . 여러분이 제대로 웹을 돌아다닐 수 없다면 ?
  29. 29. 여러분은 이러실 수도 있을겁니다 .“ 이런 XXX 같은 . . . 일이 . . . ”
  30. 30. 세상에는 많은 OS(Operation System) 가 있습니다 .Windows, Mac OS, Unix, Linux etc.
  31. 31. 세상에는 많은 Web Browser 도 있습니다 .Internet Explorer, Firefox, Safari, Opera, Chrome etc.
  32. 32. 세상에는 이렇게 많은 자원들이 존재하는데 . . . 다른 기기를 사용해서 웹에 제대로 접근할 수 없다면 ? 각 기기마다 컨텐츠 인식이 올바르지 않아 각 상황마다 컨텐츠를 다시 작성해야 한다면 ?
  33. 33. 여러분은 웹을 만들어 가는 사람으로서이해하실 수 있습니까 ?
  34. 34. 어때요 ? 이런 일이 있으면 참 피곤하겠죠 ?
  35. 35. 웹 표준은 이런 강아지 같은 일을 방지하기 위해반드시 준수되어야 하는 것입니다 .
  36. 36. 그렇습니다 !
  37. 37. 웹 표준은 < 약속 > 입니다 .
  38. 38. 어 / 디 / 서 / 나 Mobile Phone / Text Browser PDA / PMP / IPTV&Game
  39. 39. 누 / 구 / 나 남녀노소 그리고 ... 몸이 불편하신 분들 또한
  40. 40. 제약없이 접근할 수 있는 환경을 만들기 위한
  41. 41. 약속 입니다
  42. 42. 세계 최고의 인터넷 강국으로 불리는 우리나라지만 장애인들이 인터넷 웹사이트를 이용하기는 너무나 힘든 실정입니다 . 현실에서의 차별이 인터넷에서도 그대로 이어지고 있습니다 . 웹사이트를 만들때 장애인을 고려하지 않았기 때문입니다 .
  43. 43. 권윤정 , 중증장애인 탭 키 말고라도 화살표키로도 움직일 수 있었으면 좋겠어요 .
  44. 44. 김호남 , 3 급 시각장애인 내가 어떤 사이트에 들어가도 어디를 들어갔는지 , 중요한 로그인을 한다든 지 그런게 안돼 있어서 이용하는데 불편함을 많이 느낍니다 .
  45. 45. 현근식 , 3 급 한국장애인 인권포럼 팀장 차별없는 세상을 만들겠다고 하는데 오히려 차별이 더 많은 세상이 돼가고 있는 거에요 .
  46. 46. 여러분들의 생각 장애인 ?! 뭐야 ... 그러니까 웹 접근성이란게 장애인을 위한거요 ?
  47. 47. 글쎄요 .. 꼭 그렇게만 생각해야 할까요 ?
  48. 48. 웹 표준과 접근성은 장애인만을 위한 것이 아닙니다 .
  49. 49. 정확히 말하면 모든 사람들을 위한 것이지요 .
  50. 50. 조금은 다를 수도 있지만 , 장애인 역시 사람입니다 .
  51. 51. W3C WAI(2006a)& Thatcher,et.al.(2006) 장애를 가진 사람들도 웹을 이용할 수 있도록 보장하는 것으로 , 장애를 가진 사람들이 웹 콘텐츠를 인지하고 (Perceivable), 운영하고 (Operable), 이해하고 (Understandable), 기술에 상관없이 이용할 수 있도록 견고 (Robust) 하게 웹 콘텐츠를 만드는 것 . Wikipedia(2006) 표준 브라우저 뿐만 아니라 다양한 사용자 에이전트 (User Agent) 를 사용하는 사람들이 웹 페이지에 접근하기 쉽게 만드는 것으로 , 이를 통해 장애인들도 웹을 사용할 수 있도록 보장하는 것 ※ 장애인들이 사용하는 보조기술은 사용자 에이전트에 포함됨 . Microsoft(2002) 접근성이란 접근을 가능하게 만드는 것으로 , 모든 사용자들이 제품과 서비스를 사용할 수 있도록 만드는 것 . “ 세계 사람들은 입을 모아 웹 접근성을 위와 같이 정의했습니다 .”
  52. 52. 웹 접근성 이란 ?
  53. 53. 모두 함께 할 수 있는 것 을 말합니다 . { 사람과 사람 } & { 기계와 기계 } 서로 주고 받는데 불편함이 없는 것
  54. 54. 당신의 작은 무관심과 차별적인 시선으로 더이상 마음아파 하는 사람이 없었으면 좋겠습니다 .
  55. 56. 웹 접근성에 대해 더 알아보고 싶어요 .
  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
  57. 58. 디자인 을 한다는 것은 { 사람이 사람을 위한다는 것 } 이라고 말씀드린 바 있습니다 .
  58. 59. 누구나 차별없이 웹 세상을 접하고 , 경험할 수 있도록 우리는 노력하여야 합니다 .
  59. 60. 이 곳에 앉아 계시는 웹 기획자 , 디자이너 , 개발자 분들도 세상의 모든 사람들 중 한 명 입니다 . 사람이 사람을 위하는 디자이너 , 우리 모두가 디자이너 입니다 .
  60. 61. 누구나가 함께할 수 있는 아름다운 세상 우리 모두가 만들어 가는 것입니다 .
  61. 62. Universal Design 그렇습니다 ! 웹 디자이너 ( 표현에만 국한된 것이 아닌 , 구조 설계자 ) 는 세상의 모든 사람들이 누릴 수 있는 웹 환경을 만들어야 할 의무 가 있습니다 .
  62. 63. 그 의무를 다하기 위한 열쇠가 바로 우리가 공부하고자 하는 { 웹 표준 } 과 { 웹 접근성 } 입니다 . web Standard web Accessibility
  63. 64. 접근성을 고려한 사이트 중에는 전혀 아름다움을 고려하지 않은 사이트도 있습니다 . 그것은 그 사이트를 만든 디자이너들에게 문제가 있는 것이지 , 접근성 자체를 문제 삼지 말아야 합니다 . 웹 표준도 마찬가지 입니다 . 비록 W3C 의 웹 사이트 모양만 봐서는 디자이너들이 XML 이나 CSS2 를 배우고 싶어하지 않을지라도 같은 개념으로 봐야 합니다 . 제프리 젤드만 Designing With Web Standards 중에서 , 2003 년 5 월
  64. 65. 접근성 은 선택이 아니라 , 필수 . 옵션이 아닌 , 디자인 그 자체 입니다 .
  65. 66. 좋은 정보설계와 사용성 , 접근성은 디자이너나 개발자들이 작업하면서 고려해야 하는 영역입니다 . 특히 접근성이 높게 만든다는 것 은 흔히 생각하는 장애인과 관련된 인권적인 측면뿐만 아니라 , 상업적으로도 경쟁력을 갖게할 수 있다는 측면에서 중요 합니다 . 디자이너 개발자
  66. 67. 하지만 많은 접근성 전문가나 디자이너 , 개발자들은 접근성에 대해 장애가 있는 사람들을 위해서 해야 할 일이라고 한정적인 시각에서 언급하고 있어서 접근성 자체가 제한적으로 이해되는 일이 많습니다 .
  67. 68. 접근성과 관련된 많은 문서들을 보면 맹인이나 시각 장애가 있는 사람들도 볼 수 있는 사이트를 만들어야 한다는 한정된 의미의 접근성에 대해 이야기 하고 있습니다 . 또 더 많은 경우 사이트를 만들 때 지켜야 하는 접근성 지침이나 규정 등 기준에 대해서만 이야기 하고 있습니다 . 이들 모두 { 접근성에 대한 핵심을 파악하지 못하고 있다 } 고 할 수 있습니다 .
  68. 69. 물론 장애가 있는 사람들도 고려를 해서 사이트를 만들어야 합니다 . 하지만 조금 더 넓은 관점에서 다가가 접근성 자체를 사용성의 한 측면으로 간주 하고 그렇기 때문에 보장되어야 한다 는 내용이나 그에 대한 논의는 전무합니다 . 디자인 전문가로서 우리는 접근성이 높은 디자인 산출물을 만들어서 가능한 한 많은 사람들 이 우리가 만든 웹 정보에 접근할 수 있게 해야 합니다 . 장애를 가진 사람뿐만 아니라 가지각색의 디바이스 환경에서웹에 접근하고자 하는 사람들이 포함된다는 사실을 생각해야 합니다 .
  69. 70. Desktop Web Browser Mobile Web Browser 데스크탑 웹 브라우저 모바일 웹 브라우저
  70. 71. Desktop Web Browser Mobile Web Browser
  71. 72. 접근성을 고려 , 구조와 표현을 분리하여 디자인을 하면 다양한 환경에서도 풍부하고 편리한 웹 세상을 만들 수 있습니다 .
  72. 73. 접근성을 보장할 수도 있고 안 할 수도 있는 옵션의 하나로 생각한다면 당연히 접근성을 보장하지 않도록 결정하기 쉽습니다 . 어차피 많은 개발들은 접근성 자체에 대해 알지 못할 뿐만 아니라 그것이 왜 중요한지를 모르기 때문에 대부분 고려하지 않기 마련입니다 . 조 클락 joeclack.org/ice/iceweb2006-notes.html
  73. 74. 여러분의 클라이언트가 이번 기회에 사이트를 리뉴얼 하고자 합니다 . 만약 여러분이 팀장으로서 클라이언트의 웹 사이트 리뉴얼 프로젝트에 대해 웹 표준을 준수하여야 한다고 프리젠테이션할 기회가 생겼다면 어떻게 클라이언트를 설득할 수 있을지 고민하여 보세요 . 클라이언트를 설득해주세요 ! O.K ? QUIZ
  74. 75. 많은 디자이너들이 웹 표준의 중요성을 알고 , 실무에서 CSS 를 이용한 디자인을 하고 싶어하지만 , 실상 그렇게 하지 못하고 있는 것이 현실입니다 . 여러 가지 이유가 있겠지만 , 가장 큰 이유는 브라우저마다 지원하는 CSS 수준이 다르기 때문 입니다 . 디자이너들은 일반적으로 모든 브라우저에서 똑같이 디자인이 보여야 한다고 생각합니다 . 조금도 틀리면 안된다고 말이죠 . 그리고 이를 크로스 브라우징 (Cross Browsing) 이라고 부르며 가장 많이 사용되는 브라우저에 최적화 시키는 것이 가장 좋은 디자인이라고 생각합니다 . 디자이너들은 일반적으로 모든 브라우저에서 똑같이 디자인이 보여야 한다고 생각합니다 . 조금도 틀리면 안된다고 말이죠 . 그리고 이를 크로스 브라우징 (Cross Browsing) 이라고 부르며 가장 많이 사용되는 브라우저에 최적화 시키는 것이 가장 좋은 디자인이라고 생각합니다 . 디자이너들은 일반적으로 모든 브라우저에서 똑같이 디자인이 보여야 한다고 생각합니다 . 조금도 틀리면 안된다고 말이죠 . 그리고 이를 크로스 브라우징 (Cross Browsing) 이라고 부르며 가장 많이 사용되는 브라우저에 최적화 시키는 것이 가장 좋은 디자인이라고 생각합니다 . 디자이너의 일반적인 생각
  75. 76. 하지만 이는 잘못된 생각입니다 . 크로스 브라우징이 문제라는 것이 아니라 , 완벽하게 똑같아야 한다는 생각이 잘못된 것 입니다 . 우리 주변의 사물로 생각해 봐요 . 서로 다른 기기에 다른 회사에서 만든 제품이 완전히 똑같은 기능을 지녀야 하고 심지어는 디자인도 같아야 한다고 , 그래야만 사용자에게 동일한 경험을 제공할 수 있다고 주장한다면 이는 매우 우스운 일입니다 . 이는 매우 우스운 일입니다 . 이는 매우 우스운 일입니다 . 이는 매우 우스운 일입니다 . 이는 매우 우스운 일입니다 . 그 생각에 동의할 수 없어요 .
  76. 77. 소비자도 시간이 지남에 따라 , 그리고 기술이 발전함에 따라 동일한 용도의 제품이라도 모양과 기능이 달라질 수 있다는 것을 알고 있습니다 . 뿐만 아니라 제품을 산다면 오래된 제품 보다는 가장 최신의 제품을 사기 원하며 그 과정에서 자신이 구매한 제품이 과거의 것과 어떻게 다르다는 것을 확인합니다 . 뿐만 아니라 제품을 산다면 오래된 제품 보다는 가장 최신의 제품을 사기 원하며 그 과정에서 자신이 구매한 제품이 과거의 것과 어떻게 다르다는 것을 확인합니다 . 소비자도 알고 있습니다 .
  77. 78. 사이트를 만들 때 가장 최신의 코딩 기술을 활용하여 최근에 나온 브라우저에 멋지게 보이는 디자인을 하고 있을 뿐만 아니라 , 옛날에 나온 오래된 브라우저를 사용하는 사용자도 화면을 보는 것에는 문제가 없게 하고 있다고 설명하면 클라이언트도 쉽게 이해할 수 있을 겁니다 . 클라이언트에게 말하세요 .
  78. 79. 어떤 사례를 들면 클라이언트가 쉽게 이해할 수 있을까요 ?
  79. 80. HDTV 일반 TV 에 비해 더 높은 해상도의 영상과 고품질의 사운드 및 서비스를 제공합니다 . 하지만 일반 TV 를 보는 사람이 HDTV 를 사지 않거나 추가 비용을 더 내는 것이 싫어서 HD 방송을 수신하지 않는다고 해서 방송을 볼 수 없는 것은 아닙니다 . 지금까지와 동일한 인기 드라마나 스포츠를 볼 수 있지만 상대적으로 보다 뛰어난 화질을 볼 수 없고 , 풍부한 서비스를 이용할 수 없을 뿐입니다 .
  80. 81. ipod 처음 애플 사에서 아이팟 플레이어를 출시했을 때 출시된 1 세대 모델은 지금과 비교했을 때 기능도 떨어지고 , UI 도 달랐습니다 . 시장 경쟁에서 항상 앞서가기 위해 애플은 새로운 버전을 출시할 때마다 음반의 앨범 표지나 아이튠즈에서 다운로드 받은 뮤직비디오 , 동영상을 볼 수 있는 새로운 기능을 추가했습니다 . 구 버전의 아이팟은 처음 구매했을 때와 마찬가지로 기본 기능은 여전하지만 , 최신형의 제품이 가지고 있는 능력을 가지고 있지 못하다는 것을 소비자는 당연히 알고 있습니다 . 또한 당연히 새로운 기능을 쓰기 위해서는 업그레이드가 필요하다는 점 역시 알고 있죠 .
  81. 82. 소프트웨어는 거의 날마다 멈취 버리거나 충돌이 발생하고 작동하지 않는 버그도 많습니다 . 이렇듯 지금 사용하는 소프트웨어에 문제가 많더라도 소비자들은 다음에 나올 새로운 버전은 더 좋아질 것이라고 기대하며 업그레이드 할 준비를 하고 있습니다 . 디자이너와 개발자가 만드는 웹 사이트에 대한 최종 사용자는 소비자이고 그들도 관심도가 다르겠지만 , 날마다 변화하는 기술에 대해 알고 있습니다 . 새로운 성능을 갖춘 브라우저를 사용하는 사람들에게는 보다 좋은 기능과 디자인을 제공할 수 있습니다 . 이런 맥락에서 이야기를 풀어간다면 클라이언트에게 웹 표준 준수와 접근성을 고려해야 하는 점을 이해시킬 수 있을 것 입니다 .
  82. 83. 아하 ! 알겠어요 ^-^ 웹 표준 / 접근성은 매우 복잡하고 어려운 것이 아니라 , 웹을 만들어가는 사람들의 마음가짐 문제라는 것을 이해하겠어요 . 그런데 ... 표준 , 접근성은 뭔지 이제 알겠는데 ? 웹은 언제 누가 무엇을 위해 만들었을까요 ? next

×