얼마전 벼르고 벼르던 센스리더를 구매하기 위해 회사에 구매요청을 했습니다.
기존에 테스트버전으로 가지고 있던 센스리더는 회원등록이 되어있지 않아서 잠깐 쓰다보면 프로그램이 종료돼버리고, 또 업데이트도 되지 않아 여러가지 불편한 부분들이 있었습니다. 그래서 이번에 혹시나하는 마음에 정품구매를 요청한 것입니다.

최근 회사가 비용절감을 위해 이것저것 조치를 취하는 상황이라 힘들줄 알았는데, 관련부서에서 구매를 진행했다는 소식을 들었습니다. 조만간 센스리더가 도착할 것 같습니다.
센스리더가 오게 되면 제가 하고 있는 작업뿐만 아니라 다양한 내용들을 이제는 문제없이 테스트할 수 있을 것 같아 벌써부터 흥분됩니다. 또한 블로그 포스팅도 센스리더와 연관지어서 해볼 수 있을 것 같습니다.

센스리더

센스리더는 화면낭독 프로그램을 뜻합니다.
종종 “스크린리더기”라고 표현하는 경우를 포스팅이나 카페에서 보게 되는데, 스크린리더는 기기가 아니라 프로그램을 말하는 것입니다. 따라서 “스크린리더기”라고 하는 것이 아니라 “스크린리더”, “스크린리더 프로그램”, “화면낭독 프로그램” 등으로 표현하는 것이 옳은 표현입니다.

센스리더는 단순히 웹사이트의 콘텐츠를 화면으로 출력하는 것만을 뜻하는 것이 아니라, 컴퓨터를 켜는 순간부터 끄는 순간까지 모든 것들을 소리로 출력하는 프로그램으로 컴퓨터를 사용하는 시각장애인 등은 대부분 보유하고 있다고 봐도 무방합니다.

얼마전 모 업체에서 장애인들이 웹에 접근하기 위해서는 웹 기반의 TTS 솔루션이 훨씬 효율적이고, 웹 접근성을 보장하는 웹사이트를 개발하는 것보다 효과가 크다는 내용으로 한창 이슈가 된 적이 있었습니다. 물론 해당 업체의 TTS 솔루션이 몇몇 장애인들에게 웹에 접근하는 과정을 단순화시킬 수도 있지만, 이를 가장 좋은 방법으로 생각하는건 문제가 있습니다.
우선 컴퓨터를 켜고 브라우저를 실행시키는 과정을 생각치않고, 단순히 웹사이트를 이용하는 것만을 가지고 판단하는건 옳지 못한 논리적 비약이 아닌가 합니다. 해당 내용에 대해서는 아래 링크들과 글에 달린 댓글들을 참고하시면 충분히 고수분들의 의견을 들으실 수 있을 것 같습니다.

• 웹 기반 TTS(Text To Speech) 솔루션 백해무익.
• 웹 접근성에 대한 오해 [1] [2]
• 음성 및 텍스트형 별도 홈페이지에 대한 잘못된 정보 (덧글 맨 아래 RNG님께서 작성하신 부분 필독!)
• 음성 출력 솔루션과 텍스트 전용 페이지는 필수 아님.

사용자와 센스리더

웹 사이트를 개발하다보면 기획자, 디자이너, 개발자 모두의 공통적인 이슈가 존재합니다.
바로 “사용자는 어떨까?”입니다.
기획자는 사용자를 중심에 두고 콘텐츠 생성과 UI/UX를 고려한 기획을 하려고 노력합니다. 디자이너는 본인의 디자인을 통해 사용자가 해당 콘텐츠를 어떻게 받아들일 것이며, 어떤 디자인 요소들이 사용자에게 도움을 줄 것인지를 고려해서 디자인을 하게 됩니다. 개발자들도 마찬가지로 사용자를 중심에 두고 개발을 하게 됩니다.

하지만, 이러한 사용자에 대한 고려에서 은연중에 사용자의 폭을 특정 부류에 한정짓는 오류를 범하게 됩니다.
사용자는 다양한 주위 환경과 다양한 개인적인(신체적인) 환경을 가질 수 있음에도 불구하고, 대부분 비장애인, 평균적인 학력 등의 기준을 자신도 모르는 사이 규정하게 됩니다. 비단 이런 오류는 웹 접근성을 고려하지 않고 작업하는 제작자뿐만 아니라, 웹 접근성을 고려하는 제작자에게도 해당되는 얘기입니다.

사용자들 속에 장애인들이 사용하는 센스리더 등에 대한 고민은 그리 많지 않습니다. 엄밀히 말해서, 장애인을 고려하지만, 실제 출력되는 내용에 대해 잘 알지 못한다는 것입니다. 즉, 보조기기를 통해 출력되는 방식에 대한 고려보다는 “이렇게 읽어주겠지?!” 와 같은 어림짐작으로 만족하는 경우들이 많습니다.

호환성과 센스리더

사용자를 고려하고 있기에 웹 개발자들은 귀찮고도 귀찮은 브라우저 호환성 테스트를 끊임없이 진행합니다. 만약 사용자를 고려하지 않는다면 가장 최신의 브라우저에 맞게 작업하고 브라우저 업그레이드를 강제하면 끝날 일입니다. 하지만, 사용자들의 다양한 환경을 고려해야하기에 이를 할 수 밖에 없습니다.

다양한 브라우저들의 호환성을 확보하는 작업은 그리 쉽지 않습니다. 특히나 Internet Explorer 6 이하의 브라우저는 마크업하는 개발자들의 흰머리를 갈수록 늘리는 주범이기도 합니다. 오죽하면 “개발자 좀 살려주세요“라고 하는 부탁의 업그레이드 캠페인을 열겠습니까? (제발 해주세요 T.T). 하지만, 사용자들을 고려하면(또는 회사방침상) 이런 테스트하는 상황이 당연하게 여겨집니다.

우리가 브라우저 호환성을 위해 최소 6가지의 브라우저(Internet Explorer 6, 7, 8, FireFox, Opera, Safari 등)를 체크하듯 장애인이 사용하는 보조기기에 대한 호환성도 확보되어야만 합니다.
이는 단순히 장애인을 배려하고 위하고 동정하는 수준이 아닙니다. 당연히 해야할 다양한 환경에서의 호환성 확보를 위한 필수부가결한 작업인 것입니다. 왜냐하면, 장애인도 사용자이기 때문입니다.

웹 개발자(웹 디자이너)와 센스리더

웹은 엄청나게 빠른 속도로 변화발전하고 있습니다. 개발자들은 새로운 언어, 새로운 기술을 배우기 위해 밤낮으로 공부를 해야 겨우 최근 트렌드를 읽어낼 수 있고, 디자이너들도 빠르게 업데이트되는 다양한 툴과 디자인 패턴들을 몸에 익히느라 고생이 많습니다.

이런 상황에서 센스리더와 같은 보조기기는 빠른 속도로 변화하는 웹 개발 트렌드를 전혀 따라오고 있지 않습니다. 아니, 따라올 수 없습니다. 수준급의 개발자들이 포진해 있어서 바로바로 새로운 기술을 적용할 수 있는 상황이 아닙니다. 얼마되지 않는 매출을 올리는 보조기기 업체에서 얼마만큼의 노력을 하고 있는지는 알지 못합니다. 하지만, 확실한 것은 보조기기는 절대로 웹 개발 기술 발전의 속도를 따라올 수 없다는 것입니다. 따라가면 멀어지고, 또 따라가면 멀어지는 상황이 될 것이 자명합니다.

그렇다고, 웹 접근성을 고려해야하는 당연한 웹 개발 풍토속에서 개발자들은 신기술보다 웹 접근성을 더 고려해야만 할까요? 그래서 훨씬 편하고, 효과적인 신기술을 사용하지 않고, 보조기기가 지원하는 정도의 기술로만 웹사이트를 개발해야만 할까요? 그렇지는 않다고 생각합니다.
현 시대의 웹은 과거와 달리 단순히 정보공유의 공간으로서 존재하는 것이 아니라 복잡한 사회구조의 한단면이면서 이윤추구의 장소가 되었습니다. 이런 상황에서 신기술 도입을 제약하긴 어려운 일입니다. 그로 인해 생길 갈등은 오히려 웹 접근성에 대한 인식을 왜곡할 수도 있기 때문에 더욱더 신기술과 웹 접근성의 관계를 잘 정의내려야만 합니다.

웹 개발자(웹 디자이너)는 사용자의 범위에서 장애인을 늘 포함시켜서 작업을 해야합니다. 장애인에게 최적화된 웹 사이트를 개발해야한다는 건 아닙니다. 최소한 장애인들이 사용함에 있어 콘텐츠를 인지하지 못하거나 불편해해서는 안된다는 것입니다. 이를 위해서는 웹 개발자(웹 디자이너)는 장애인이 사용하는 보조기기에 대한 기본적인 출력방법 등은 알고 있어야만 합니다.

웹과 센스리더

이런 얘기를 들어보셨을 겁니다.

저도 여러번 들었던 얘기지만, 웹 접근성 때문에 자바스크립트도 못쓰고, 플래시도 못쓰면 도대체 기업들은 웹사이트를 어떻게 만들라는거냐라고 합니다. (물론 자바스크립트, 플래시 모두 사용해도 웹 접근성에 문제가 크지는 않습니다. 어떻게 사용하냐의 문제입니다.) 장애인을 고려하다가 회사망하면 책임질 수 있느냐라고 합니다. (왜 망하는지는 잘 모르겠습니다. ^^;)

위와 같은 얘기를 들을때 가장 많이 듣게 되는 단어가 “현실”입니다. 현실적으로 불가능하고 현실적으로 뒤로 미뤄야할 항목이라는 말을 많이 듣습니다. 또 신기술이 봇물처럼 쏟아지는 현실에 “웹 접근성”이 끼어들어 웹발전을 가로막고 있다고 합니다.

(웹발전이 뭐길래 웹 접근성이 이런 대우를 받아야만 할까요? 웹이 “사람”보다 우선인건가요?)

위에서도 언급했지만, 센스리더 등은 웹발전의 걸림돌이 되어서는 안됩니다. 보조기기는 웹발전의 동반자가 되어야 합니다.
그러기 위해서는 웹 개발자들도 그렇지만, 보조기기도 “표준”을 준수해야하고, “표준”에 대한 지향을 목표로 삼아야만 합니다.
표준에 맞게 마크업을 하고, 웹 접근성에 대한 고려도 충분히 한 코드를 표준에 맞게 출력하도록 제작한 보조기기가 표준에 맞게 출력해주는 것이 가장 이상적인 웹 개발과 보조기기의 관계일 것입니다.

내가 센스리더를 구매한 이유

별 필요도 없는 이런저런 말들을 했지만, 제가 센스리더를 구매한 이유는 한가지입니다.
바로 “센스리더 사용자는 어떨까?“라는 것입니다.

실제 업데이트되고 있는 센스리더를 통해 사용자들의 환경을 이해해보려고 하는 것입니다. 이를 웹개발을 하면서 적용하기 위함입니다. 물론, 센스리더에 맞춰서 작업하겠다는 것은 아닙니다. 하지만, 최소한 센스리더를 통해 웹을 접하는 분들도 사용자이기 때문에 최대한 사용과 접근에 문제가 없도록 하겠다는 겁니다. 제가 디자인하고 제가 마크업한 콘텐츠에 가능한 모든 사용자의 환경을 고려하고 테스트를 진행하겠다는 것입니다.

마무리하며

우리가 알지 못하고 느끼지 못하고 있지만, 실제 많은 장애인들이 웹사이트를 항해하면서 비장애인과 동등하게 콘텐츠를 얻길 바라고 있습니다. 웹 접근성이 보장되지 되지 않은 웹사이트를 이용할 수 있는 꼼수를 배우면서까지 콘텐츠를 얻어가는 장애인들의 얘기를 들을때면 웹을 만드는 한 사람으로 한없는 부끄러움을 가지게 됩니다. 하지만, 최근들어 주위에 웹 접근성에 대한 올바른 생각과 따뜻한 마음을 가진 분들이 자꾸자꾸 늘어가고 있어서 다행이고, 행복합니다.

사람들과 만날때 늘 드리는 말씀이 있습니다.

누구나 미래를 단정할 수 없습니다. 또 누구나 세상을 혼자만의 힘으로 살 수는 없습니다. 누구나 장애, 노화에 자유롭다 할 수 없습니다. 우리의 일, 우리를 위한 일이라고 생각하고 따뜻한 마음으로 웹 접근성을 바라보았으면 합니다.

전 함께 살아가는 이 세상에 함께 살아가는 주체들이 모두 행복하고, 평등하길 바랍니다. 가진 자들이 가지지 못한 다수를 억압하는 현실이지만, 우리가 뜨겁게 살아갈 수 이유는 바로 평등하고 사람답게 살 수 있는 세상이 올거라는 희망이 있기 때문일 것입니다.

사람사는 세상, 사람이 주인되는 세상을 위해 함께 웃어보아요~

[추가글]
어제 시청광장에 다녀왔습니다.
얼마전 노무현 대통령을 잃고, 이젠 김대중 대통령마저 세상을 떠나셨습니다.

비통하고 또 비통한 감정을 누를수가 없습니다.
부디 2MB, 매국노들, 간신배들, 기회주의자들 없는 하늘나라에서는 평온한 삶을 사시길 바랍니다.
행동하는 양심으로 민주주의 시대를 열어오셨던 김대중 대통령님의 영면을 기원합니다.
T.T

아시는 분은 아시겠지만, 몇일전 파이어폭스 3 (firefox 3)가 출시되었습니다.
(다운로드는 아래 로고를 클릭하세요.)

새롭게 디자인된 브라우저 형태가 상당히 시선을 끌고, 특히 엄청난 기능들이 추가되었습니다.

[firefox 3 for 윈도우]

[firefox 3 for Mac]

자세한 기능들은 여기(한글번역본도 추가되었네요.)에서 보실 수 있습니다.

설치후, 기존 firefox 2 사용자라면 어마어마하게 빨라진 랜더링 속도에 입이 쩍 벌어질 것입니다.
자세한 기능을 나열한 Guide에도 있지만, 랜더링 속도가 엄청나게 빨라졌고, 기존에 메모리를 많이 차지하던 것도 많이 개선되었습니다.

단적으로 잡코리아 사이트를 예로 들자면,
메인도 마찬가지지만 특히 업직종별 채용공고 리스트의 경우 10번 중 6번은 스크립트 중지 또는 브라우저 다운현상을 겪었었습니다.
하지만, firefox 3에서는 그런 현상이 전혀 나타나지 않습니다.
더불어 랜더링 속도도 기존 IE의 최소 2.5배 정도 차이가 나던 것이 현재는 비슷하거나 오히려 더 빨라졌습니다.

마크업 개발자로서 상당히 모질라 재단에 감사를 해야할 정도입니다.
항상 firefox를 중요하게 여기면서도 선뜻 주브라우저로 설정하지 못했었던 이유가 이젠 없어졌으니까요.

하지만, 잡코리아에 작업한 내용들을 훑어보니 감사만 할수는 없을 듯 합니다.
특히 서브글로벌의 경우 메뉴와 검색바 사이에 공간이 생겼습니다.

기존에는 IE 6, IE 7, Opera, Safari, Firefox 2 모두 동일하게 문제가 없었으나 firefox 3에서는 몇가지 CSS 랜더링 차이가 있는 것 같습니다.
firefox 3의 CSS 지원이 더 확장되고 더 세밀해지면서 어설프게 CSS를 사용해서는 안될 듯 합니다.
또한 javascript 지원에서도 기존과 다소 차이가 있을거라는 말을 들었습니다.
정확한 내용은 모르니 패스.

Firefox는 IE와는 차이가 있습니다.
IE는 강제로(?) 사용할 수 밖에 없는 브라우저라면, firefox는 기능적인 측면뿐만 아니라 편리성때문에 개별적으로 다운로드하여 설치하는 브라우저입니다.
즉, IE보다 충성도가 높은 브라우저입니다.

firefox 3가 출시되고 24시간만에 전세계 800만 이상이 다운로드했다는 사실(2008.06.20 현재 1300만)을 듣고 상당히 놀랐습니다.
한달여 전부터 진행된 Download Day 행사를 통해 예약을 했었는데, 그게 주요했던 것도 있지만, 그만큼 표준을 지원하는 브라우저에 대한 사용자들의 요구가 강하다는 반증이겠죠.

IE 7이 출시되었지만, 아직까지도 대부분의 접속자들은 IE 6을 사용하고 있습니다.
IE 7을 강제하려고 했지만, 그렇게 쉽게 사용자가 늘어나지 않았습니다.
그래서 마크업시 IE 7뿐만 아니라 IE 6에서도 랜더링 테스트를 해야합니다.
하지만, firefox는 얘기가 좀 다를듯 합니다.
충성도 높은 firefox 사용자들은 거의 대부분 firefox 3로 옮겨올 것입니다.

현재 잡코리아 내에서 마크업 개발을 하고 있거나 사용중이신 분들은 마음편하게 firefox 2를 버리고 3로 갈아타시기 바랍니다.
그래서 firefox 3에서의 문제점이나 버그들을 빨리 공유해주시기 바랍니다.

firefox 3 출시에 맞춰서 대충 적어봤습니다.

[부연]

IE 7 이 출시되었을때 각 포탈들에게 자사 사이트에 최적화된 IE 7 을 내려받도록 했었습니다.
firefox 도 현재 네이버와 다음에서 자사 사이트에 최적화된 firefox 3 를 만드는 작업을 하고 있습니다.
firefox 가 이제는 비주류가 아니라 주류라는 의미가 되겠죠?

지난주 드디어 작업이 완료되었다.
잡코리아에서 가장 많은 페이지뷰를 가진 페이지에 대한 웹표준화 작업이 완료되었다.
잡코리아 메인과 몇개의 페이지다.

실제로 웹표준을 지켰다!고 할수는 없을지도 모른다.
웹표준을 지키려고 노력한 첫번째 잡코리아의 시도라고 하는게 더 맞는 말인 것 같다.
아직 풀어야할 숙제가 많이 남은것도 사실이다.

html 마크업과 css 를 사용해서 웹을 만들었다고 해서 웹표준은 아니기 때문일 것이다.
또한 웹표준이 전부가 아니라, 웹접근성을 얼마나 향상시켰느냐가 더 중요하기 때문이기도 하다.

• javascript 와 asp 등에서 접근성에 위반되지만 사용할 수 밖에 없었던 부분.
• 끔찍했던 IE 문자중복버그.
• 이유는 알수없지만, 아마도 생성파일을 만드는 도중에 발생하는 빈번한 브라우저 다운현상.

등등 어려움이 많았지만, 꼼수와 잔머리로 대충 마무리하고 오픈시켰다.

잡코리아 메인의 경우는 과거 차지하던 리소스에서 무려 49.6%라는 어마어마한 양으로 줄이는데 성공했다.
실제로 잡코리아 메인이 이 정도로(물론 지금도 느리다 ^^) 빨리 뜨는걸 본건 연휴시기 이후로 처음이다.

메인만큼의 큰 웹표준 작업이 없었던 나에게 실제로 웹표준을 지켜서 웹을 만들면 이렇게 용량을 줄일 수 있다는 사실을 알게한 경이로운 작업이었다.
기존에 부스로고 하나를 보이게 하기 위해 총 19줄을 사용했으나 이제는 4줄로 줄었고, 사용한 코드조차 워낙 단순해서 아마 그런 것 같다.

다음 포스트부터 잡코리아 웹표준화 작업을 하면서 겪었던 문제, 해결책 등 여러 부분에 있어서 공유할 예정이다.
많은 질책 부탁드립니다.~

(어떤 페이지들을 바꿨는지 말해도 되는지 몰라서.. 혹시 문제 생길까봐…. 눈에 보이는 메인만 다룰 예정입니다~~)

최근 작업…
1달여 동안 집중모드….
연봉정보 부분만 세미 리뉴얼을 했는데…

내가 맡은 부분이 아니었으나 이러저러한 이유로 내가 하게 됐는데,
전체적으로 디자인이 바뀌기는 했으나… 내용부분은 안했다.
실제로 작업된건….
메인, 서브 3개 메인(연봉검색, 연봉통계, 연봉매거진) 뿐…
쩝…

요즘 미친듯이 하고 있는 웹표준에 맞춰서 작업하고 싶었으나..
역시나 현실은 아직도…….
완전 table 과 table 의 연속…. ㅋㅋ

이렇게 살면 안되는데…… 으 …………..

이거 끝나면 좀 시간이 돼서 그동안 생각만 하던 일들을 벌이고 싶었으나
바로 다음 프로젝트 투입!
미치겠다.. 쩝…

내일 회사에서 워크샵을 간다.
지난달에 1주일동안 들었던 css 관련 교육(실제로는 15시간)에 대한 전파교육을 하는 셈이다.

하지만, 욕심과 관심때문인가.
교육이 끝이 나고, 정말 미친듯이 공부와 실습을 한 것 같다.
이 얼마나 오랜만에 느끼는 ‘열정’인가.

미리 사놓은 1권의 책과 교육후에 구매한 2권의 책을 몇번이나 정독했을까.
온통 밑줄과 내 생각으로 끄적인 흔적들이 남아있다.

웹접근성에 대한 고민은 사실 그전까지 크게 하지 않았다.
하지만, 교육이후 웹접근성이라는 것이 얼마나 중요한지 깨닫게 되었다.
소외된 소수의 집단 (다른 마땅한 단어가 생각나지 않아 선택)
그들역시 웹에 의한 정보를 공유할 권리가 있음에도 지금까지 간과하고 살았다는 것이 부끄러울 따름이다.

회사를 위해서가 아니라 나를 위해서가 아니라 우리 모두들 위한 웹을 위해 노력할 생각이다.
오랜만에 아주 오랜만에 가슴이 뜨거워짐을 느낀다..