연혁 목록으로

웹접근성 점검기 완성과 자사 사이트 접근성 개선

2026. 8. 22.

Ad
Google AdSense Banner[Ad #1] Horizontal / Responsive

기존 SEO 진단 도구에 웹 접근성(누구나 차별 없이 웹을 쓸 수 있게 하는 기준) 점검 기능을 더했습니다. 이미지 대체 텍스트, 제목 구조, 폼 라벨 같은 기본 항목부터, 색상 대비와 키보드 조작 가능 여부처럼 더 까다로운 항목까지 단계적으로 확장했습니다.

도구를 완성한 다음엔 실제로 우리 사이트에 돌려봤습니다. 그랬더니 강조색으로 쓰던 색상 하나가 실제로는 두 가지 역할(버튼 배경/텍스트 색)을 동시에 하고 있어서, 다크 모드에서는 두 역할을 동시에 만족시킬 수 없는 구조적 문제였다는 걸 발견했습니다. 색상 토큰을 역할별로 나눠서 해결했고, 같은 과정에서 일부 페이지의 제목 단계가 한 단계씩 건너뛰어 있던 것과, 포커스 표시가 마우스 오버 효과로만 대체돼 있던 것도 함께 고쳤습니다. "우리가 만든 진단 도구로 우리 자신을 점검한다"는 원칙을 실제로 적용해본 경험이었습니다.

이 외에도 방문자 통계(GA4) 연동, 배포할 때마다 캐시가 자동으로 새로워지도록 서비스워커 버전 관리를 개선했고, 새 블로그 글이 발행되면 SNS용 홍보 문구를 AI가 자동으로 만들어 정리해주는 파이프라인도 구축했습니다.

Ad
Google AdSense Banner[Ad #4] Multiplex / Sponsor