사람들이 '웹 퍼블리셔' 또는 'UI User Interface 개발자' 또는, '프론트 엔드 엔지니어' 라고 부르는데,
아직 저희 직군의 이름이 하나로 정착되어 있지 않아서 국가 또는 기업마다 이렇게 다르게 불리워지고
있어요. 예전에는 웹 프로그래머나 웹 디자이너들이 하던 일이지만 최근에는 이 분야에 대한 고도화가 필요한 기업에서 별도의 직군으로 분리하는 경향이 있고 인력 수요는 점차 늘어날 것으로 전망하고 있습니다.
W3C(World Wide Web Consortium)에서 제정하고 있습니다. W3C는 시대가 요구하는 웹 기술에 관한 업계의 의견을 수렴하여 표준에 반영하고 업데이트 하는 일을 하고 있죠.
웹 페이지를 이용하는 사람들을 흔히 '사용자'라고 하는데 '고객'이라고 불러야하지 않을까요? 웹 사이트가 동네 마트라면, 고객이 슬리퍼를 신고 오든 구두를 신고 오든 휠체어를 타고 오든 누구나 이용할 수 있게 해줘야 하는게 당연하다고 봐요. 가능한 지켜야 한다는 거죠. 고객의 권리라고도 생각하고요. 세상에는 Internet Explorer라는 브라우저만 존재하는것도 아니고 평균에 해당하는 보통 사람들만 존재하는 것도 아니니까요.
아래 삽화는 대한민국 전자정부에서 Opera 웹 브라우저를 지원하지 않는다는 경고 메시지 인데요. 제 입장에서는 너무 뻔뻔스러운 메시지라고 생각해요. 이렇게 꽉 막힌 정부에게 문좀 열어달라는 소송도 진행되고 있답니다.
동일 해야 하는 것이 ‘Content’ 라는 것에는 동의합니다만, ‘Content’가 의도한대로 안나오는
경우도 있거든요. W3C의 웹표준과 실무에서의 표준화 작업에는 간극이 있지 않나요?
브라우저 호환성이라는 것은 다양한 브라우저에서 동일한 콘텐츠와 동일한 화면을 제공하는 것을 의미하는데 브라우저 마다 화면표시에 대한 규격이 약간씩 달라서 때로는 1px만 차이가 나더라도 다른 브라우저에서는 화면이 깨진 것처럼 보일 수 있다는 게 문제이긴 합니다. 즉, 웹 표준이라는 것은 웹 페이지 제작자들만 잘 지킨다고 해결되는 문제가 아니라는 거죠. 웹 브라우저나 보조공학기기(화면낭독기 등)들도 웹 표준을 잘 지켜야만 비로소 그 혜택이 고객에게 돌아갑니다. 맑은 생수를 더러운 통에 부으면 더러워지고 깨끗한 통에 부어야 먹을 수 있는 것과 같아요.
웹 페이지 제작자가 웹 표준을 잘 지켰지만 웹 브라우저마다 다르게 보이는 것은 웹 브라우저 제작사가 표준에 따라 브라우저를 구현하지 못했기 때문입니다. 고객들이 이런 문제를 피하려면 브라우저를 가장 최신 버전으로 업데이트 하는 것이 좋습니다.
웹 표준과 실무의 간극 같은 문제를 이상과 현실의 문제처럼 생각하시는 분들도 많지만 극복할 수 없는 문제는 아니라고 생각합니다. 예전과 다르게 사람들은 다양한 웹 브라우저와 휴대장치를 이용하여 웹에 접근하고 있고, 웹 페이지의 저작기술도 그만큼 복잡하고 어려워 진것이 사실이죠. 그것은 표준 때문에 발생한 문제가 아니라 접근 환경의 다양성 때문에 발생한 문제 입니다.
웹 표준을 지킨다고 해서 모든 것이 해결되지는 않아요. 웹 표준을 다르게 해석하거나 표준대로 구현하지 못한 브라우저의 다양성도 동시에 해결해야 하는데 그것을 해결하기 위해 때로는 웹 표준을 준수하지 못하는 경우도 있음을 현재로서는 인정할 수 밖에 없어요. 그럼에도 불구하고 웹 표준을 지키는 것이 가장 쉽게 문제를 해결하는 방법이라는 점은 의심할 여지가 없습니다.
낫다는 의견도 있습니다. 웹브라우저가 한가지 플랫폼으로 집중된 국내 현실에서 웹표준을
준수함으로써 얻을 수 있는 장점과 야기되는 문제점에는 어떤 것이 있을까요?
공언하는것과 다를바가 없습니다. 대중교통의 결재 수단을 고객이 선택할 수 있는 것처럼 웹 브라우저도 고객이 선택할 수 있어야 합니다. 웹 표준은 상호 운용성을 증진시키는 역할 외에도 독점을 견재하는 역할을 하기도 해요. Internet Explorer는 현재 대중적인 브라우저 가운데 가장 점유율이 높고 표준 준수율은 낮은 브라우저였지만 표준 준수율이 높은 대안 브라우저들이 속속 나타나면서 점유율이 떨어지고 있으며 곧 등장하게 될 Internet Explorer 8은 과거의 제품과는 다르게 표준 준수율을 극도로 개선하였습니다. 이렇게 웹 표준은 자유시장의 독점을 견재하고 다양한 비즈니스의 기회를 열어주고 있는거죠.
실제로 Internet Explorer 8 제품이 등장하면 그동안 지원하지 않던 표준을 지원하면서 표현할 수 있는 UI 기술의 폭과 성능이 개선되어 비즈니스의 기회도 넓어집니다. 웹 표준을 준수하면 접근성과 사용성이 높아지기 때문에 웹 사이트 이용 고객의 만족도가 높아지고 그것은 해당 기업의 이미지에도 영향을 미칠 것이라고 생각해요.
좁아터진 주차장에 텅텅 비어있는 '장애인 전용 주차장'을 보면서 매우 비효율적이라고 생각하고, 장애인을 위하지도, 특별하게 생각하지도 않아요. 저도 장애인이 될 수 있고 그런 상황이 되더라도 차별받지 않아야 한다는 것에는 동의하지만 장애인을 특별대우 하면서 역차별이 발생하는 상황은 바람직하지 않다고 생각합니다.
지금 우리의 웹에 필요한 궁극의 가치로서 웹 표준이나 웹 접근성 보다는 '유니버설 디자인' 이 필요하다고 생각해요. 웹 표준이나 웹 접근성이 유니버설 디자인의 가치를 내포하지 않은 것은 아니지만 유니버설 디자인 철학은 수혜자의 범위가 더 넓습니다. 웹 접근성이 '장애인'에게 도움이 된다고 많은 사람들이 말하지만 저는 '모든 사람'에게 도움이 되어야 한다는 생각이고 이러한 생각은 '유니버설 디자인'에 더 가깝습니다. '유니버설 디자인'은 사람을 장애인과 비 장애인으로 구분하지 않고 모두를 아우르는 설계를 포함하는 개념으로서 웹 접근성과는 접근방법이 다소 다릅니다.
제한된 조건은 크게 두 가지로 나눌 수 있는데, 하나는 신체적으로 핸디캡을 지니게 된 경우이고 다른 하나는 환경적인 요인으로서 주변장치를 사용할 수 없게 된 경우 입니다.
신체적 핸디캡의 대표적인 예는 시각장애나 지체장애를 지닌 경우이며 주변장치를 사용할 수 없게 된 경우는 마우스나 스피커가 없는 경우입니다. 접근성이 아주 높은 사이트는 색상만으로 정보를 표시하지 않아야 한다는 규칙을 적용해서 흑백으로 인쇄를 하더라도 그래프와 같은 시각정보를 이해하는데 무리가 없을 정도예요. 이것은 웹 접근성이 뛰어난 기술수준을 요구하는 것이 아니라 세심한 배려를 요구하고 있다는 것을 의미하죠.
시각장애인은 마우스 포인터를 볼 수 없기 때문에 키보드만을 입력장치로 사용하고, 화면낭독기 소프트웨어를 이용해서 글을 듣고 그림에 포함된 대체문자를 소리로 인식하는 방법으로 인터넷을 이용하고 있어요. 웹 접근성이 높은 사이트는 별도의 장애인 전용 웹 사이트를 제공하지 않지만 국내 공공기관의 경우, 별도의 장애인 전용 웹 사이트를 제공하고 ActiveX 형식의 화면낭독장치(TTS:Text To Speach)를 인스톨 하도록 하는 것이 장애인을 위한 배려인 듯 오해하는 경우가 많죠.
장애인에게 별도의 웹 사이트를 제공하는 것은 오히려 장애인을 차별하는 행위(양적 질적 측면에서 일반인과 다른 콘텐츠를 제공하는 행위)이며 별도의 음성출력장치를 제공하는 것은 OS에 설치된 화면낭독기 장치와 음성 또는 키보드 명령이 충돌할 수 있기 때문에 오히려 불편한 장치가 되므로 사용하지 않는 편이 좋습니다.
그리고 자바스크립트 코드는 되도록 아래쪽에 넣으세요. ^^
있다면 어떤 것이 있을까요?
감사합니다. 제가 알고 있는 최고의 말은 바로 이겁니다.
"The power of the Web is in its universality.
Access by everyone regardless of disability is an essential aspect."
-Tim Berners-Lee, W3C Director and inventor of the World Wide Web
장애와 무관하게 누구나 접근하는 것은 필수적인 측면이다."
-팀 버너스 리, 월드와이드웹의 창시자이며 W3C 이사
심리학의 나루명인 소라 님과의 인터뷰를 기념하여 진행한 "깜짝 이벤트-소라 님의 <생생 심리학> 10권을 드립니다"가 종료되었습니다.
인터뷰와 관련하여 작은 규모로 진행했던 이벤트인데 정말 많은 분들께서 참여해주셨습니다. '어장관리'를 둘러싼 자신의 경험담 또는 주변의 이야기를 소재로 120여 분께서 다양하고도 재미있는 공감댓글을 남겨주셨습니다.
저희의 예상보다 '훨씬 더 뜨거운 반응'을 보여주신 여러분에 대한 감사의 의미로, 깜짝 선물을 하나 더 추가하였습니다. 예정대로 10분께는 <그림으로 읽는 생생 심리학> 책을 드리구요, 아깝게 탈락하신 분들 가운데 20분을 추첨하여 아래의 선물을 드리도록 하겠습니다.
더운 여름을 시원~하게 해줄 "나루풍 USB 선풍기"
그럼, 행운의 주인공 30분을 발표합니다!
1. 아래 메일주소에 해당되시는 분들은 7월 17일 목요일까지 event@naaroo.com으로 이름/이메일/전화번호/우편번호/주소 를 보내주시기 바랍니다.
2. 7월 17일 목요일까지 정확한 배송정보를 보내주신 분에 한해 상품 발송이 가능하오니 이 점 꼭 유의해주시기 바랍니다(주소를 잘못 알려주시거나 전화번호를 알려주시지 않을 경우 배송에 문제가 생길 수 있습니다).
3. 상품은
[그림으로 읽는 생생 심리학] 받으실 분
이메일 주소
이름
bo***sh@nate.com
천**
da***iss@naver.com
전**
da***syung@naver.com
홍*
gt***pw@naver.com
김**
ho***7@naver.com
박**
hr***@naver.com
박**
je***g@hanmail.net
송**
ju***k0608@naver.com
이**
mo***068@naver.com
강**
pk***13@naver.com
박**
[나루풍 USB 선풍기] 받으실 분
이메일 주소
이름
bl***osu11@naver.com
이**
bo***e81@naver.com
강**
ca***t3636@naver.com
홍**
cd**@naver.com
김**
ch***y1470@naver.com
류**
gn***333@naver.com
손**
ha***hh@nate.com
이**
hj***@nate.com
이**
ke***_hanna@hanmail.net
이**
no***579@hanmail.net
홍**
rh***7@naver.com
고**
se***omaru12@naver.com
박**
se*_**on@naver.com
이**
so_***lu1103@naver.com
이**
ta***6!@naver.com
김**
ti***741@naver.com
김**
w0***@hanmail.net
구**
we***ae@naver.com
한**
wo***x@yahoo.co.kr
신**
y1***8@naver.com
송**
기타 이벤트 관련 문의사항이 있으신 분은 event@naaroo.com 으로 문의해 주시기 바랍니다.
감사합니다.
그림으로 풀어가는 쉽고 재미난 심리학!
읽을 때마다 '아하! 그렇구나' 소리가 절로 나오는 생활 속의 심리학을 아시나요?
"심리학의 나루명인 소라 님 인터뷰 보기"
"소라의 심리학개론 블로그 바로가기"
"심리학" 키워드의 나루명인으로 저희와 10번째 인터뷰를 진행하신 소라 님께서 최근에 내신 책입니다.
출처: 소라 님 블로그(blog.naver.com/eji0505)
소라 님은 복잡하고 어려운 심리학을 재미난 카툰으로 풀어가는 심리학 블로그의 운영자로도 유명한 분이시죠.
이 책 <그림으로 읽는 생생 심리학>은 학습, 경제, 인간관계, 자기관리, 애정문제에 있어서 누구나 한 번쯤은 궁금해 할 법한 55가지 실용심리를 담고 있습니다.
비호감을 호감으로 바꾸는 법칙이 궁금하신가요?
쇼프로그램을 즐겨보는 애인을 조심해야 하는 이유는 무엇일까요?
가볍게 읽을 수 있으면서도 우리 일상생활에 적용했을 때 충분히 공감을 이끌어낼 수 있는 책인 것 같습니다.
나루가족 여러분께서도 한 번 읽어보셨으면 하는 마음에 저희 나루가 <그림으로 읽는 생생 심리학> 10권을 준비하였습니다.
소라 님의 심리학 카툰을 보시고 나루 블로그에 '공감댓글'을 남겨주신 분 가운데 10분을 추첨하여 <그림으로 읽는 생생 심리학> 책을 보내드리도록 하겠습니다! ^^
-응모기간: 7월 4일 (금) ~ 7월 10일 (목)
-당첨자 발표: 7월 11일 (금) / 본 나루블로그에서 합니다
-참여방법:
1. 소라님의 심리학 카툰 "어장관리의 미학"을 봐주세요. 아래 '맛보기 그림'이 있습니다.
[클릭 클릭]"어장관리의 미학" 보러가기!
2. 이 글 아래 '공감댓글'을 남겨주세요. 형식과 내용은 자유입니다.^^
3. 응모를 위한 간단한 개인정보(실명과 이메일 주소)를 남겨주세요.
[클릭 클릭]응모정보 남기기
출처: 소라 님 블로그(blog.naver.com/eji0505)