기술 노트: 사이드노트
웹에서 다수의 각주를 보다 편리하게 읽을 수 있는 새로운 방법이 도입되었습니다.
Unbreaking 웹사이트는 각주를 클릭하면 페이지 하단으로 이동하는 기존 방식을 개선하여, 큰 화면에서는 각주 내용을 본문 오른쪽에 사이드노트 형태로 표시합니다.
이 기능은 키보드 내비게이션과 스크린 리더를 지원하는 접근성을 갖추었으며, 자바스크립트가 비활성화된 경우에도 기본 각주 링크가 정상 작동하도록 설계되었습니다.
개발 과정에서 툴팁 스타일과 사이드노트 스타일 두 가지를 시도했으며, 본문을 가리지 않고 맥락을 유지하는 사이드노트 방식을 최종 선택했습니다.
사이드노트는 클릭 시 해당 각주 내용을 본문 옆에 띄우고, 포커스를 자동으로 옮겨 사용자 경험을 향상시켰습니다.
이후 포커스가 사이드노트에서 본문 각주 번호로 원활하게 돌아오도록 구현되어 키보드 사용자도 편리하게 이용할 수 있습니다.
Unbreaking 팀은 이번 기능을 시작으로 사이트 검색과 타임라인 날짜 정렬 기능도 개발 중이며, 웹 기반 정보 전달을 더욱 개선할 계획입니다.
이번 사이드노트 도입은 웹에서 복잡한 주석 처리를 보다 직관적이고 접근성 높게 만드는 중요한 진전으로 평가됩니다.
