BinaryHub 개발
BinaryHub 개발기 ⑪ 비직관적인 사이트 개편 — wayfinding 의 작은 단서들
사이트가 커지면서 어디가 어디인지 모르게 됐다. 큰 refactor 대신 wayfinding 단서를 하나씩 채워 넣은 과정 — breadcrumb, 토큰화된 컨테이너, drawer active state, site-map, skip-link, 그리고 본문 링크가 텍스트랑 구별되는지 같은 작은 디테일까지.
2026-06-25
접근성 태그가 붙은 글 모음. BBlog 의 개발·대회·연구 기록 중 접근성 와 관련된 글이 한 곳에 묶여 있습니다. 태그는 카테고리와 달리 한 글이 여러 개를 가질 수 있어, 서로 다른 시리즈의 글을 한 주제로 다시 묶는 역할을 합니다.
총 3개의 글 · 3 개의 카테고리에 걸쳐 있음
사이트가 커지면서 어디가 어디인지 모르게 됐다. 큰 refactor 대신 wayfinding 단서를 하나씩 채워 넣은 과정 — breadcrumb, 토큰화된 컨테이너, drawer active state, site-map, skip-link, 그리고 본문 링크가 텍스트랑 구별되는지 같은 작은 디테일까지.
주제는 '공간 음향을 활용한 공간 인지 능력 향상 장치'. 시각이 닫힌 사용자에게 청각으로 공간을 그려 주는 장치를 만들고 싶었다. 첫 글에서는 왜 이 주제인지, 그리고 2채널 오디오만으로 정말 입체 음향이 가능한지에 대한 이론적 출발점을 정리한다.
느낌이 아니라 표준으로 접근성을 설계했다. WCAG 2.1의 POUR 원칙, 색상 대비와 고령층 UI 가이드라인, 그리고 CSS 변수로 연령대별 UI를 한 번에 바꾸는 구현.