며칠 전 Daum Blog UI 개편이 있었다. 개편의 핵심은 내부 링크를 Ajax로 구현해서 최대한 빠르게 본문 및 댓글을 가져오게 하는 것이다. 사용을 해보면 알겠지만 꽤 속도도 빠르고 만족할 만하다. 사내에서도 지적했지만 작업할 때 실수가 하나 있었다.

링크를 모조리 viewAjaxArticle이라는 자바스크립트 함수로 구현한 것이다. 아마 대부분 웹 개발자나 UI개발자들이 흔히 하는 링크 방식을 게다. 자바스크립트 함수를 만들고 이를 링크에 이용하는 것이다. 이럴 경우, 장애인을 위한 스크린 리더나 검색 엔진의 경우 어쩔 줄을 모른다. 제일 좋은 것은 정확한 URL에 링크를 걸어 주는 것이다. 만약 굳이 써야 겠다면, 다음과 같이 하는 게 좋지만 권장 하지는 않는다.

잘못된 방식
<a href="viewAjaxArticle('1');">1번 글보기</a> 혹은
<a href="#" onClick="viewAjaxArticle('1');">1번 글보기</a>

잘된 방식
<a href="/viewArticle?id=1" title="글 보기">1번 글보기</a>

대안 방식
<a href="/viewArticle?id=1" onClick="viewAjaxArticle('1');return false;">1번 글보기</a>
사실 이런 게 공공 기관 보안 지침에 의해 정당화 되고 있다니 정말 할말이 없다. 그렇지만 공공기관을 그렇다 치고 모질라 웹 표준 포럼에서도 이야기 되었던 건데, 그냥 오래된 습관이나 관성 같다. 우리 나라 만큼 표준 기법이나 코딩 컨벤션이 안 지켜지는 데도 없는 거 같다. 그 만큼 개발자들이 자기 하던 대로 한다는 것이다. 쩝...