1.

웹 2.0 시대와웹접근성 발표자 : 김중태 (IT 문화원원장 ) 1

김중태소개 1. IT 문화원원장 1) email : handal@gmail.com 2) 홈페이지 : www.dal.kr 3) IT 컬럼니스트, 컨설턴트. 최근약 200 곳의기관 ( 청와대, 국회, 대법원, 서울시청, 특허청, 정보문화진흥원, 정보보호진흥원, 숙대대학원등 ) 과기업 ( 삼성그룹, SK 텔레콤, LG, GS, 조선일보, 중앙일보등 ) 출강 한국인터넷진흥원이슈리포트편찬위원, 지역정보개발원편집위원, 정보문화클럽자문위원외기관과기업의자문위원역임 ( 국립중앙도서관디지털도서관, 네이버뉴스이용자위원회, 한국정보문화진흥원, 등 ) 국내최초의한글사랑 BBS, 한글사랑 PC 통신동아리, 전산용어한글화, 최초의 VGA 잡지, 기차역과지하철역에서매일만나는전광판용글꼴및 ' 이야기 ' ' 새롬데이타맨프로 ' 등의각종프로그램용글꼴을만들어배포. 2. 저서 [ 블로그교과서 ] [ 인터넷쇼핑몰웹 2.0 의날개를달다 ] [ 웹 2.0 시대의기회, 시맨틱웹 ] 등 2

웹의변화모습과웹접근성 웹의발전단계 1. 인터넷 + 하이퍼텍스트 = 웹 2. 웹 +GUI = 웹의대중화 3. 웹 +GUI+Infrastructure = 웹 2.0 4. 웹 +GUI+Infra+Offline = 쉬운웹 (EasyWeb), 유목웹 (NomadWeb) 쉬운웹이되면서 누구나과거보다더쉽고편리하게웹을사용하게되었다. 단, 일부사람에게는웹이더어려워졌다. 웹접근성 (Web Accessibility) 이란? 누구나손쉽게웹을사용하는것 사용자의신체적특성이나지역, 성별, 나이, 지식수준, 기술, 체험과같은제한사항을고려하여가능한많은사용자가불편없이이용할수있도록만든특성. 팀버너스리 : 웹의힘은그광범위함에있다. 장애에관계없이모든사람이접근할수있다는것이절대적인장점이다.(The power of the web is in its universality. Access by everyone regardless of disability is an essential aspect.) 웹접근성에관심을가져야하는이유 소수인사람의권리를보호하고, 다수인사람에게도좀더나은환경을제공할수있기때문 내일이면나도소수자 ( 장애인, 빈곤층등 ) 가될수있거나, 다른환경에서웹을써야할수있기때문 웹접근성향상은넓게보면사회적책임을다하는것이고, 이기적으로봐도보험처럼자신의미래를위한투자다. - 장애인중에는리눅스로만든장애인용단말기로웹을사용하는사람이있을수도있으며, 누구에게나장애는예고없이오므로자신의가족이그가운데포함될수도있다. 또한어린이나어르신, 다문화가정의외국출신동포나가족등도있다. 외국에서웹표준을지키는모든브라우저라면사이트이용에문제없도록설계하고개발하는이유는여러가지이유로 PC 와익스플로러를쓰지못하는사람들이있기때문이다. 웹표준을지키도록개발된브라우저로사용할수없는사이트를개발하는일은버려야할일이다. 3

내게벌어질수있는일 차량차단용기둥이왜흉기일까? 눈감고걸어보면알수있다. 시각장애인에게는부상과목숨이달린흉기가될수있음을. 그리고누구나시각장애인이될수있다. 4

내게벌어질수있는일 나는언제까지건강할까? 내아들과아내가내일도건강하다고누가장담할수있을까? 나는노인이되지않나? 장애인과노인들의처절한노력이내가내일부터해야할일이될수있다. 5

미래를위한준비 누구나노인이되고, 장애인이될수있기에 구멍뚫린큰키보드, 발가락키보드, 입으로움직이는마우스를준비해야한다. 웹접근성을향상시켜야한다. 내가당하고나서사회를원망해봐야이미늦다. 6

준비함으로써좀더행복할수있다. 웹접근성준수와장애인정보통신보조기기로좀더행복한삶이가능하다 정보통신보조기기는많은돈이들고개인마다요구사항이다르다. 그러나웹접근성은적은돈으로모든사람에게더큰행복을줄수있다. 7

여러분은지금행복합니다. 이분들을생각해보세요. 김찬홍군은중 3 때시력이급격하게떨어져맹학교로전학을가게되는데여기서그는한친구를만나게된다. 맹인들은끌어내림차림 (fulldown menu) 방식과같은차림표방식을쓰기가어려운데, 이럴때면그친구는빛을겨우감지할수있는눈을화면에바싹가져가서어떻게해서라도글씨를감지해보려고애를쓴다. 어렵게어렵게화면을읽어나가는친구를볼때마다너무나마음이아픈찬홍군은역시좋지않은시력이지만서로도와가면서컴퓨터를배운다. 두꺼운언어책을배울때는부족한시력이지만친구인기상군에게그책을읽어주는방법으로컴퓨터를익혀나갔다고한다. 말로전달하기힘든어려움을겪으면서컴퓨터를배워나가는이들의이야기를듣다보면나태한자신의모습에부끄러움을느낄것이다. [ 김찬홍군글 ] 위에서기상이의예만을들었지만, 저희학교에는이것말고도비슷한예들이많이있습니다. 다들시력을잃고힘든환경속에서도꿋꿋이컴퓨터마인드를형성하여지금은정상인보다훨씬뛰어난기술을가지고있습니다. 이런맹인들에비하면, 여러분은얼마나편한환경속에서컴퓨터를다루고있는지모릅니다. 윈도우다 GUI 다, Visual Editor 다,... 하지만이렇게훌륭한환경속에있는여러분들은얼마나많은노력을했습니까? 서점에만가면쉽게컴퓨터서적을접할수있는여러분들은얼마나행복합니까? 지금도교재가없어서고생하는여러맹인들을생각해볼때, 우리모두컴퓨터를바라보는자세가달라져야할것입니다. 그저시간만나면하이텔에접속하여가치없는채팅과자료수신만을거듭하고있지는않습니까? 컴퓨터를단지오락기나문서작성기정도로전락시키지는않습니까? 지금그들은컴퓨터를이용해서매일발행되는신문을통신으로읽고있으며, 갖가지정보들을이곳, 하이텔에서얻고있습니다. (PC 어드밴스. 1994 년 03 월호. 김중태 ) 15 년동안이분들은더행복해졌을까요? 앞으로 15 년뒤에여러분은행복할까요? 8

웹문화는이제몇년에불과하지만가장빨리삶의방식을변화시킴 2000 년까지대부분의한국국민은웹을사용하지않았다 많은사람들이오래전부터인터넷으로신문을보고 MP3 파일을내려받은것처럼착각하지만한국의인터넷문화는 2000 년이후부터시작되기시작했다. 1999 년말까지전국의초고속인터넷망가입자수는 265,744 명에불과했으며 KT 의메가패스는보급되지않았다. KT 의메가패스보급으로불붙은초고속인터넷망은 2002 년에는 10,405,486 명 (69%) 으로늘며사실상대부분의가구에보급이된다. 사람들이네이버를쓰기시작한것은지식인광고가히트한 2003 년부터다 9

웹 2.0 이란무엇인가? 오라일리미디어에서웹 2.0 을만들다 웹 2.0 은닷컴붕괴이후살아남은기업의특징을설명하기위해만든용어다. 웹 2.0 은최근에만들어진낱말로차세대웹을경제적인관점에서접근하다가만들어진말이다. 2001 년의닷컴버블붕괴이후인터넷기업은아마존, 이베이, 구글처럼살아남은기업과넷스케이프, 익사이트, 라이코스처럼소멸된기업으로구분되었다. 사람들은닷컴버블에서살아남은기업과죽은기업의차이를알아내고자했고, 두종류기업의차이점을파악하고자했다. 오라일리와미디어라이브인터내셔널의컨퍼런스브레인스토밍세션에서도이문제를다루었는데, 오라일리미디어 (O'Reilly Media) 의부사장인데일도허티 (Dale Dougherty) 가닷컴붕괴이후살아남은회사들의공통점과웹에일종의전환점을찍은닷컴붕괴를표현하는말로웹 2.0 을제안했다. 따라서웹 2.0 은웹변화의흐름을가리키는대명사인셈이다. 이후오라일리미디어 (O'Reilly Media, www.oreilly.com) 는 2004 년 10 월 5 일부터일주일동안미국샌프란시스코에서 ' 웹 2.0 컨퍼런스 (www.web2con.com)' 를개최하고, 이때부터 ' 웹 2.0' 이라는낱말이퍼지기시작한다. 웹 2.0 은시맨틱웹을경제적관점에서본말로 " 행복한삶을위한초기웹의변화에대한욕구의실천과관련된제반현상 " 을가리키는말이기도하다. ' 웹 2.0(Web 2.0)' 이라는낱말이등장하기전까지차세대웹 (NGWeb = Next Generation Web) 을뜻하는말로는시맨틱웹 (Semantic Web) 을사용했다. 시맨틱웹은웹의창시자인팀버너스리에의해 1998 년에제안된차세대웹의이름이다. 시맨틱웹의특징은인공지능을통한자동화가강화된웹이다. 가능한사람손을거치지않고프로그램이나기계끼리알아서처리하는웹이다. 10

팀오라일리가설명한웹 2.0 오라일리가정리한웹 2.0 에대한설명 오라일리미디어는 " 우리가웹 2.0 이라는용어를만들었는데, 이낱말의뜻에대해당신들이설명해주면좋겠습니다." 라고화두를던지며여러가지질문을했다. 참석자는당황스럽긴해도자신이생각하는닷컴버블이전과이후의상황에대해이야기를풀어나갔다. 참석자들은 " 내가보기에초창기웹에비하면요즘웹은플랫폼이중요시되는것같은데." " 요즘은기계들끼리알아서처리하지않나?" 라며초창기웹에비해달라진닷컴버블붕괴이후의웹에대해설명하기시작했다. 당연히사람마다웹 2.0 에대한정의가달랐다. " 플랫폼이기반환경이되는웹 - Richard MacManus" " 컴퓨터에게유용한웹 - Jeff Bezos" 등과같이사람마다조금씩다른설명이나왔고, 해석도달랐다. 2005 년가을에팀오라일리는 'What Is Web 2.0 ' 이라는글을통해자신이일년동안정리한내용을발표했다. (http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html) 'Web 2.0 이란무엇인가 ' 한빛미디어번역본주소 1. http://network.hanbitbook.co.kr/view.php?bi_id=1141 2. http://network.hanbitbook.co.kr/view.php?bi_id=1148 3. http://network.hanbitbook.co.kr/view.php?bi_id=1152 11

팀오라일리가설명한웹 2.0 1) 과거와현재웹의차이를정리하다 과거와의차이에서공통적요소를찾아내다. 오라일리는구글애드센스, 플릭커, 냅스터, 위키피디아, 블로깅이웹 2.0 의범주에든다고말했다. 따라서이들서비스의특징과범주에공통적으로들어가는요소와이들서비스가등장하게된이유, 이들서비스로인해변화된것들을파악한다면웹 2.0 의정의가어느정도이루어질것이다. 사람들은웹 2.0 의범주에들어가는서비스의특징을파악하기시작했고그결과 ' 플랫폼으로서의웹 ' ' 협업과참여의웹 ' ' 인간을위한웹 ' 등으로웹 2.0 을정의하기시작했다. 2) 팀오라일리의웹 2.0 비교표 [Web 1.0] -) [Web 2.0] DoubleClick -) Google AdSense Ofoto -) Flickr Akamai -) BitTorrent mp3.com -) Napster Britannica Online -) Wikipedia personal websites -) blogging evite -) upcoming.org and EVDB domain name speculation -) search engine optimization page views -) cost per click screen scraping -) web services publishing -) participation content management systems -) wikis directories (taxonomy) -) tagging ("folksonomy") stickiness -) syndication 12

웹 2.0 의특징 1) 한분야에서탁월한것이효과적이다. 팀오라일리는웹 2.0 의특징을일곱가지로구분해설명했고, 웹 2.0 회사들의핵심경쟁력일곱가지를이야기하며설명을마쳤다. 핵심경쟁력을줄여서표현하자면 ' 패키지가아닌확장성을가진소프트웨어, 데이터통제권, 많은사람의참여를이끄는모델, 가벼운사용자인터페이스와개발모델, 유비쿼터스시대에맞는소프트웨어 ' 등이다. 이런요소를갖출때웹 2.0 기업이되는것이며, 일곱가지를조금씩잘하는것보다한분야에서탁월한것이더효과적이라고말했다. 2) 오라일리가설명한웹 2.0 의특징 1. 플랫폼으로서의웹 2. 집단지성 (collective intelligence) 이용 3. 다음시대의인텔인사이드는데이터 4. 소프트웨어릴리스주기의종말 5. 가벼운프로그래밍모델 6. 단일디바이스를넘어선소프트웨어 7. 풍부한사용자경험 3) 웹 2.0 이초기웹과다른점 학습줄고사용성강화, PC 에서웹으로 쌍방향이강화되는웹, 장점을수렴하는사이트 플랫폼과자료가중시되는웹 받기에서주고받기로, 협업과집단지성의참여 중앙집중식시스템에서분산처리시스템으로 인공지능과동기화를통해자동화되는웹 개인매체의확산, 새로운매체출현 지식기반의공동체형성, 익명커뮤니티출현 13

웹 2.0 은쉬운웹이며오프라인과같은웹 1) 웹 2.0 은쉬운웹이며오프라인과괴리없는웹 웹 2.0 은쉬운웹 (Easy Web) 로가는급격한변화를가리키는말이기도하다. 오프라인과괴리감이없어야학습이필요없고사용성이향상된다. 오프라인과동일한서비스는일반인의의식, 일상행동과동일한과정으로진행되는서비스를말하며향후웹이나갈방향이다. 2) 6 식형온라인서비스로변화 웹도오프라인생활처럼눈으로보고귀로듣고, 코로맡고, 혀로맛보고, 몸으로감촉을느끼는서비스로변화하고있다. 이 5 식을제어하는 6 식이뜻인데, 6 식을만족시키는서비스일수록오프라인일체형서비스가될수있다. 3) 웹2.0의기업의주요특징 1. 플랫폼으로서의웹 2. 집단지성과참여 3. 공개와공유 14

쉬운웹시대의새로운 UI 패닉닷컴쇼핑몰 (http://panic.com/goods/) 은실생활 ( 오프라인 ) 의쇼핑과같은방식을사용하고있다. 오프라인에서우리가하는행동은장바구니에담거나빼는행위만한다. 오프라인에서쇼핑할때는눈으로보면서한다. 리아샵 (riashop.sfunzy.com) 도패닉닷컴과같은 UI 에한화면에서모든쇼핑을처리하는 UI 와슬라이드바를이용한환경설정기능을제공하고있다. 윈도비스타는미리보기를통해시각을만족시킨다. 15

쉬운웹시대의새로운 UI 실제생활처럼눈으로보는구글지도는부동산, 유통, 일상의만남등을모두변화시킨다. 구글지도 (http://maps.google.com/) 위성사진과결합된 Hyblid, StreetView 차림표를이용하면해당지역에가지않고도집주변환경을알수있다. 부동산거래도택배도구글지도를활용할수밖에없는이유다. 또한슬라이드바하나로전세계또는우주를담을수있다는사실을보여주었다. 16

쉬운웹시대의새로운 UI 개념변화 구글지도는맵와우 (http://mapwow.com/), Ontario 특정지역의술집정보 (http://www.beerhunter.ca/), 해당지역의도로상황을지도와사진을통해실시간으로볼수있는토론토고속도로정보 (http://toronto.ibegin.com/traffic/) 와같은다양한매시업서비스를등장시켰다. 그러나구글지도가보여준가장큰변화중하나는하나의문서가하나의페이지라는고정관념을깨고, 무한대페이지를하나의주소하나의페이지에서해결할수있다는개념의변화다. 브라우즈굿즈 (browsegoods.com) 를보면슬라이드바형식을이용해하나의주소에서만물을보여주고있다. 17

쉬운웹시대의새로운 UI 개념변화 구글개인화홈페이지 (www.google.co.kr/ig) 사례 구글의개인화홈페이지를보면페이지안에서이동및확대축소가자유롭다는것을알수있다. 구글은웹페이지가고정되어있다는개념을변화시켰다. 18

노매드웹및콘텐츠커뮤니티 웹에사람을보여주고소통을도와주는노매드웹노매드웹 (NomadWeb) 은무한대의디지털정보를가지고다니다가온라인에서만난사람과공유하는웹을말함콘텐츠커뮤니티는콘텐츠자체가새로운커뮤니티의단위가되는것을말함주식사이트에서종목선택하자나처럼해당종목보고있는수백명이보인다면 : 객장에온것처럼사람들과인사하면서매일출근해주식정보를교환하고그중일부사람들과모여투자그룹을만든다제주도바다날씨정보를보고있는수백명이보인다면 : 모두나처럼제주도바다에관심많은사람. 아마도대부분제주도사람일것이다. 사람이보이면이처럼특정지역의날씨에관심 : 보이는사람들을손쉽게찾을수있다. 쇼핑몰방문자가무슨상품을보고있는지보인다면 : 다른방문자가보고있는상품에대해물어보기도하고, 쇼핑몰에대한평도나누기도하고. 물건사러갔다가멋진여성과함께새로운인연을만들기도할것이다. 게시판과뉴스를보고있는사람이보인다면 : 사람이보이므로나처럼검색어랭킹이나뉴스를보고있는다른사람에게질문하면 김태희가 10 분전에결혼발표했다네요 라는 : 대답을바로얻을수있다. 내사진을퍼간사람과내사진을보는사람이모두보인다면 : 현재내사진을퍼간여러사이트에접속한수많은사람들이사진위에다보이면그들과대화 ( 채팅 ) 나누면서내사진에대해이야기한다. 또한사람들이사진에대해물어본모든질문과답변감상평도사진위에표시되므로사진에관련정보는하나로집약되고내마음대로관리가능. (www.miwing.com) 19

웹접근성과표준논쟁 1) 표준과비표준의충돌해결법 신규기술은모두비표준이다. 비표준기술이라하더라도웹접근성향상에도움이된다면사용해야한다. 남의불행이나손해를바탕으로한신기술은표준이될수없다. 표준은모두에게행복한기술이되어야한다. 2) 표준준수와웹접근성향상노력의의미 사람의행복에가치를두는사람임을표시하는행위 IT 실력이있음을증명하는행위 IT 종사자로기본철학을제대로갖추었음을알리는행위» 표준에맞지않게도로나다리를설계하면곡선을돌다버스가전복되기도하고, 성수대교나삼풍백화점처럼수많은사람의생명을잡는다. 웹사이트역시표준에맞지않게설계하면누군가피해를보기마련이다. 3) 표준준수가실력인이유 KS, ISO 를지키는기업이실력있는기업으로대접받는것과같다. 표준을지키고접근성을향상시키면기업의생산성이상승한다. [ 포항제철의표준화프로젝트효과 ]» 열연코일납기 : 30 일에서 14 일로단축» 냉연코일납기 : 40 일에서 19 일» 고객답변 : 세시간에서 6 초» 월결산 : 6 일에서하루로» 연도결산 : 15 일에서 5 일» 예산편성기간 : 110 일에서 30 일» * 출처 : 포항제철의 4 조 7 천억원실험.( 이정환닷컴 ) 4) 액티브엑스와플래시의차이 거부권 : 플래시는거부권이있으나액티브엑스는거부권이없다.( 이문제는도구의문제가아닌철학의문제 ) 사용권 : 플래시는다른운영체제에서도설치할수있지만액티브엑스는설치할수없다.» http://www.dal.kr/blog/002049.html 20

환경과접근방법 1) 장애인및어르신의웹사용환경이해 시각장애인은글씨 (text) 를이용해컴퓨터를사용 글씨를읽고말하기위한음성합성 (Text to Speech) 과음성인식 (Speech to Text) 프로그램사용 GUI 환경의웹에서는화면읽기 ( 스크린리더기 ) 프로그램사용 어르신도작은글씨는읽기힘들어브라우저의글씨확대기능이나윈도의고대비기능이용해야서핑가능 장애인은리눅스나 embed 기기등다양한기기로웹을사용하기때문에어떤기기로도웹접근성에문제가없어야웹사용이가능하다. 2) 웹표준대로만설계하면시각장애인의웹사용에문제없어 웹표준은시각장애인의접근성도고려해만들기때문에웹표준만지키면별도의장애인용페이지를만들필요가없다. 가장좋은사이트는같은화면에서장애인과비장애인이함께사용하는사이트다. 별도의시각장애인페이지만드는어리석은일은하지말아야한다. ( 별도페이지는최후의수단이다.) 3) 웹 2.0 시대에필요한인식들 웹표준준수하기 웹에대한고정관념타파하기 소수사용자입장에서웹을보는자세 4) 웹 2.0 식웹접근성향상법 실제생활과의식의흐름과일치하는페이지만들기 한번의설계로모든환경 ( 기기, 운영체제, 브라우저에상관없이 ) 페이지만들기 공개 API 를지원으로더욱많은서비스창출가능한기반조성 집단지성을이용한소수자돕기 ( 집단지성은적극적참여가없어도창발이일어나지성이형성되도록하는것이중요 )» Kiva.org 에서소액으로개발도상국지원하기» 노매드웹기술적용으로언제어디서나도움얻을수있게 21

웹접근성은비용의문제가아닌철학의문제다 1) RIA 를쓰더라도웹접근성은준수할수있다. 도구의문제가아니라쓰임 ( 사용 ) 의문제다. 플렉스, 실버라이트, 아작스에도웹접근성기능이풍부하게포함되어있다. 문제는이런기능을쓸것이냐아니냐의차이다.» 플렉스, 오픈라즐로, 마이크로소프트실버라이트등은 MSAA(Microsoft Active Accessibility) 지원, 플래시는 Accessibility 클래스제공, 어도비리더 (pdf 리더 ) 에서접근성설정도우미로고대비설정지원, 실버라이트에서 XAML 에 OSP 적용등. RIA 의풍부한기능은오히려어르신과장애인을위한맞춤형서비스를제공할수있다. 2) 100% 완벽보다는지금보다좀더나은 1% 향상을목표로잡고노력해야한다 IT 문화원은 CSS 구조, img tag 의 alt 속성과사이트맵, 전부보기를이용하여전보다훨씬나은이동성과접근성을제공하고있다.» [ 보기 ] 그림과자바스크립트를끄기전 (on) 과끈후 (off) 의 IT 문화원화면비교 Alt 속성하나를더쓰는것, 그림파일이름을숫자가아닌의미있는이름으로정하는작은실천으로도더나은웹이가능하다. 더나은접근성향상은비용의문제가아니라개발자와운영자의철학문제다. 22

행복한철학과실천이사람을행복하게만든다 1) 웹 2.0 기술에따른접근방법의변화 고정관념깨기 : 구글개인화홈페이지는 HTML 페이지는정적이라는고정관념을깼다. 탭블라우징은하나의창에하나의페이지라는고정관념을깼다. 퀵탭은한화면에하나의페이지라는고정관념을깼다. 다중첫화면은첫화면이하나라는고정관념과첫페이지의고정관념을깼다. 그리스몽키는사이트에서보내주는대로봐야한다는고정관념을깼다. 검색도구막대는검색사이트의첫화면에서검색한다는고정관념을깼다. RSS 는정보를얻기위해방문해야한다는고정관념을깼다. 구글지도는무한대정보를하나의페이지에서표현한다. 애드센스와유튜브와서보는웹서핑의고정관념을깼다. 사람이보이는노매드웹과콘텐츠커뮤니티는기존커뮤니티의고정관념을깼다. 웹 2.0 시대에염두에두어야할기술적요소적용하기 : 학습이필요없는편리한사용편의성. 유비쿼터스시대에어울리는다양한기기및운영체제, 프로그램과호환성. 유니코드를활용한코드호환성. 오픈 API 를이용한재활용성제공. 가능한예쁜주소사용하기. 소수사용자를위한핵심정보전달방법의개발과배포. 인공지능과자동화 2) 웹 2.0 시대에필요한것은철학과실천 변화를받아들이고대응하는의지가중요 행복한철학이행복한기술을만든다. 소수와다양성을배려하는마음이웹접근성을향상시킨다. 끊임없는의심과생각노력실천이웹접근성향상을가져온다. 3) 현실적인실천론 개념의변화에주목하라. 자신이할수있는방법을취하라. (1% 의향상부터한걸음씩 ) 정답은없으나목적은행복이라는점을분명하게인식하라. 내용끝. 감사합니다. ^_^ 23