안녕하세요. myID.net 개발팀에서 UI개발을 맡은 유인동입니다.
요즘 웹 표준을 준수한 접근성 높은 웹 사이트를 개발하는 것이 화두인데요.
myID.net을 개발하면서 접근성 높은 서비스를 만드는 것이 얼마나 어려운 일인지 새삼 느끼고 myID.net개발의 소감 비슷한 사례를 소개하려 합니다.
국내 최초의 오픈 아이디 서비스 myID.net의 접근성 향상 전략은 웹 표준 개발입니다. myID.net은 모든 OpenID 적용서비스 사용시 우선 사용하게 되는 서비스이므로, 적어도 인증 관련 핵심기능들은 최대한의 접근성을 제공해야만 합니다. W3C에서 제정하여 배포하고 있는 권고안을 지키려 노력하여 보다 효율적으로 접근성 향상을 얻을 수 있었습니다.
Cross Browsing

구조와 표현을 분리하여 CSS에서만 디자인을 담당 하도록 했습니다. 표준 준수를 바탕으로 크로스 브라우징을 위한 약간의 튜닝 작업을 통해 다양한 브라우저 지원을 제공 할 수 있었습니다.
Zoom & Fluid Layout
필요에 따라 글씨 크기와 화면 크기를 자유롭게 변경할 수 있도록 하였습니다.
사용방법은 Ctrl+(확대), Ctrl-(축소) 혹은 Ctrl을 누른 상태에서 스크롤 변경입니다.
접근성을 해치지 않는 자바스크립트의 사용

모든 핵심기능을 서버사이드 언어와 HTML으로 구현 후 사용자 친화적인 UI를 위한 클라이언트 사이드 유효성 검사 등의 기능을 javascript로 추가 개발하는 순서로 작업하였습니다.
보안상 우려로 javascript를 끄고 브라우징 하시는 분들도 myID.net의 모든 기능을 이용하실 수 있습니다.
Disable Images

이미지가 없는 myID.net 메인 페이지.
컨텐츠가 되는 이미지는 그에 해당하는 대체 텍스트를 제공하고 배경색과 외곽선 등을 활용하여 이미지를 사용 할 수 없는 환경의 사용자에게도 거의 동일한 UI를 제공 할 수 있도록 하였습니다.
이미지 없이 웹 사이트를 이용할 수 있게 되면 시각장애인 뿐만 아니라 저속회선 사용자에게도 이득이 되며 TLOGIN과 같은 종량제 무선 인터넷 서비스를 사용 할 경우에 사용자의 비용절감을 기대할 수 있을 것 같습니다.
Disable CSS

HTML만으로 의미를 파악할 수 있도록 하고 화면낭독프로그램을 통한 접근이 수월 하도록 컨텐츠의 선형화를 중시하여 개발했습니다.
구조와 표현을 분리하여 HTML의 양을 줄였고 로딩 속도 절감, 회선 비용의 절감, 유지보수 비용 절감 등의 장점을 얻을 수 있었습니다.
접근성
접근성을 해치지 않는 자바스크립트의 사용, 구조와 표현을 분리하고 컨텐츠를 논리적으로 선형화하는 것이 실제로 접근성에 도움이 되는지 테스트하기 위해 화면낭독프로그램 중 하나인 드림보이스를 사용하여 회원가입, 프로필 수정, 간단한 서핑 등을 테스트 해보았습니다.
javascript와 HTML을 분리하는 것이 생각했던 것 보다 더 중요하다는 것을 느낄 수 있었습니다. HTML과 javascript가 명확히 분리되지 않았을 때 숨겨져 버리는 컨텐츠들이 많았고 화면낭독프로그램 등으로 웹을 이용하는데 큰 불편함을 느꼈습니다.
이 과정을 통해 접근성과 컨텐츠의 논리적인 선형화를 다시 한번 생각해보는 계기가 되었고 가입 프로세스의 일부분을 수정하기도 하였습니다.
탁월한 접근성을 제공하는 것은 정말 쉬운 일이 아닌 것 같습니다. 하지만 접근성을 높여가는 일은 어려운 일이 아닌 것 같습니다.
위와 같은 사항들이 잘 지켜지지 않은 부분이 myID.net에 있다면 신고해 주십시오. 위와 같은 사항이 지켜지지 않는 것은 버그입니다.
위의 내용 외에도 접근성을 해치는 부분 또는 개선되었으면 하는 부분들을 알려주시면 적극 반영하고 사례를 공유하여 앞으로 오픈마루가 만들 서비스들에도 적용 될 수 있도록 하겠습니다.
오픈마루 화이팅!! myID.net 화이팅!!
트랙백 주소 :: http://blog.myid.net/trackback/18
댓글을 달아 주세요
이렇게 환영해 주셔서 정말 감사합니다. *^^*
저도 평소에 OpenID provider들은 경쟁 관계라기보다는 보다 많은 분들이 OpenID를 사용할 수 있도록 좋은 서비스를 제공해 드려야 하는 공동 미션을 가지고 있다고 생각하고 있습니다. 이런 맥락에서 앞으로 자리를 마련해서 좋은 이야기할 기회가 자주 있었으면 하는 바램입니다.
myID.net과 IDtail 모두 홧팅입니다! 감사합니다. :-)
네, 천만에요. 윈윈할 꺼리가 아주 많을 것 같습니다. 아직은 아이디어 뿐이지만, 이를 테면, 서로가 서로의 인증 서비스 백업 역할을 쉽게 하는 것도 궁리중입니다.
로그인이 안되요.. 서버점검중인가요?
답변이 늦어서 죄송합니다. 확인해본 결과, 저희쪽 서버는 문제가 없었다고 하는데.. 혹시 IDtail에 로긴이 안되시는 건가요?
관리자만 볼 수 있는 댓글입니다.
여기다 쓰면 로그인이 되는건가요?
http://www.myid.net 에서 오픈아이디를 만드시면 오픈아이디를 지원하는 서비스에 로그인 하실 수 있습니다.
반갑습니다^^
로그인인 안되는데요
반갑습니다
이나윤씨 감사해요. 첫 만남이네요. 잘 자요. 안녕.
오늘 처음 들어왔습니다. 아무도 환영해 주지도 않네. 좀 익숙해 지면 누군가 내 글도 봐 주겠지. 안녕.
매우 졸리구나 참아야지ㅠㅜ
근데 이거 전에 MSN 처럼....아무런 부작용이 많을듯하네여...머 특별히 개인에겐 없지만 악용을 할경우는....주민번호라든가 안물어보니...익명으로 여러게 만들수 있네여.ㅎㅎ 멀ㄲ ㅏ.?
글쎄요... 아직은 힘들게 많이 만들 이유가 별로 없습니다.