HTML은 웹에서 글을 작성하고 공유하는 가장 보편적인 마크업 언어입니다. 하지만 웹 문서를 작성하는데 구조적인 제약이 많습니다. 서양에서 사용하는 논문이나 보고서의 구조에서 파생된 마크업 언어이기 때문입니다. 이러한 논문과 보고서는 무척 체계적이고, 합리적이며 정해진 구조를 크게 벗어나지 않습니다. 예를 들어, 첫번째 제목글 아래 간단한 개요를 작성하고, 이후 목차로 문서의 뼈대를 잡은 후에 두번째 제목글과 본문이, 계속해서 세번째 제목글과 [...]

W3C의 규격에 의거하여 CSS 코드를 작성하더라도, 각각의 웹 브라우저마다 웹 페이지가 다르게 출력되는 문제가 있습니다. 이러한 문제는 브라우저들이 CSS 규격을 조금씩 서로 다르게 해석하고 출력할 뿐더러, 몇몇 규격은 전혀 출력하지 못하기 때문에 발생합니다. 이처럼 브라우저가 CSS를 W3C 규격과 다르게 출력하거나, 전혀 출력하지 못하는 문제를 CSS 출력 버그(CSS Rendering Bug)라고 합니다. CSS 출력 버그는 표준을 준수하여 [...]

웹 디자인에 대한 훌륭한 리퍼런스인 Smashing Magazine에 등록된 (X)HTML/CSS Coding-Services라는 글에서 해외의 웹 페이지 코딩 서비스의 비용이 공개됐습니다. 최근 웹 접근성과 표준에 관심이 높아지면서 PSD => (X)HTML/CSS 코딩 서비스라는 새로운 비즈니스 영역이 조성됐죠. 이러한 현상은 해외 뿐만 아니라 국내에서도 볼 수 있으며, 최근 몇몇 업체가 신규 사업을 진행하고 있습니다. Smashing Magazine에 의하면, 1페이지를 코딩하는데 미화 150~250$입니다. [...]

많은 노력을 기울여서 제작한 웹 페이지(문서, page)가 제작자의 의도와 다르게 출력되는 경우가 있다. 대부분 올바르지 못한 HTML 마크업과 CSS, JavaScript 코드로 작성했기 때문에 발생한 문제이지만, 어떤 문서는 유효성 검사를 모두 통과했음에도 불구하고 제대로 출력되지 않기도 한다. 이처럼 올바른 문법으로 작성한 문서가 올바르지 않게 출력되면, 제작자는 깊은 고민의 수렁에 빠질 수 밖에 없다. 자신의 경험과 주변의 도움으로 [...]

이번에 사이트를 개편하면서, 탭 메뉴로 구성된 추천 글 목록을 추가했습니다. 제 사이트의 방문자 통계를 확인하니, 방문자들의 이동 경로가 1개의 글만 읽고 사이트를 떠나거나, 홈페이지로 이동하는 등 무척 기초적인 수준의 이용만 하고 있다는 것을 확인했기 때문입니다. 블로그의 글이 360개임에도 불구하고 1~2개 글만 보고 떠나는 걸 방치할 수 없었기에 추가한 콘텐츠입니다. 웹 사이트에서 탭 메뉴를 구현하기 위한 일반적인 [...]

지난 번에 작성한 Fujitsu 웹 접근성 보조기기를 소개한 글에 이어서 개별 제품들에 대한 사용기를 작성합니다. 그 첫번째로 오늘은 접근성 높은 웹 컬러를 선택하도록 도와주는 Fujitsu ColorSelector에 대한 사용기를 작성합니다. Fujitsu ColorSelector는 배경색과 전경색을 조합할 때 색약자가 겪을 수 있는 이상유무를 실시간으로 판별해줍니다. 일반, 백내장, 제1색각(빨강), 제2색각(초록), 제3색각(파랑)의 5가지 색약 분류에 따라 이상 유무를 O/X로 판별해주기 때문에 [...]

W3C의 Markup Validation Service가 개편됐다. 기능 개선이야 꾸준히 진행되고 눈에 잘 보이지 않는 대신, 이번의 디자인 개편은 서비스를 이용하는 사람들의 시선을 사로잡기 충분하다. 기존의 디자인에 비해서 부드러운 톤의 배경색과 둥근 모서리가 눈에 뛴다. 아무래도 W3C 사이트의 디자인에 대한 불만을 수용한 듯 싶다. 개편 전 사이트 모습 개편 후 사이트 모습 W3C의 Markup Validation Service 기록 현재 모습 : [...]

최근 국내에서 정부/공공기관을 중심으로 웹 사이트의 접근성을 향상시키기 위한 많은 노력이 진행되고 있다. 한국정보문화진흥원(KADO)과 한국웹접근성그룹(KWAG)이 이러한 노력을 이끌어 가고 있는데, 현업 종사자들과 웹 접근성 사이의 거리는 좀처럼 줄어들 기미가 안보인다. 웹 사이트의 접근성을 점검함으로써 웹 접근성을 보다 실무적으로 이해할 수 있다. 국내에는 한국정보문화진흥원의 KADO-WAH 2.0과 케익소프트의 VeryFineWeb 2 종류의 점검 프로그램이 있지만, 결과는썩 만족스럽지 않다. 이 [...]

몇일 전에 Yahoo UI Blog에 스크린 리더를 소개하는 동영상이 공개됐습니다. 스크린 리더가 무엇인지, 또한 어떻게 사용하는지를 알려주는 웹 접근성 측면에서 유익한 동영상입니다. 영어 음성만을 제공하는 이 동영상에 류준호님이 한글 자막을 제공해주셨습니다. KWAG(한국 웹 접근성 그룹) 회원분들이 무척 좋아하시네요! 저 역시 류준호님 덕분에 동영상을 끝까지 볼 수 있어서 좋았답니다. 진심으로 감사드립니다. ㅎㅎ

지난 5월 28일에 부산광역시에서 진행한 공공기관 홈페이지 구축 방향에 대한 워크샵에서 발표를 진행했습니다. 뒤늦게나마 워크샵 내용을 알리는 이유는 발표자료를 공유하기 위해서입니다. 비쥬얼 요소를 중심으로 제작된 발표자료이기에 음성설명을 듣지 않고선 이해하는데 어려움이 있을 수 있습니다. 발표자료 다운로드 - PDF 형식 발표자료 다운로드 - ppt 형식