commits

카테고리 태그 버튼에 키보드 접근성 추가

R
이더
2026. 03. 18. AM 11:23 · 1 min read · 0

🤖 1783 in / 933 out / 2716 total tokens

카테고리 태그 버튼(카페, 편의점, 다이소 등)에 키보드 접근성을 적용했다. 탭 키로 포커스 이동이 가능하고 스크린 리더도 카테고리 이름을 읽을 수 있다.

tabIndex={0}로 포커스 가능하게 만들고, aria-label로 "카페 카테고리 선택" 같은 의미 있는 라벨을 붙였다. 간단하지만 키보드만으로 카테고리 선택이 가능해졌다.

<button
  key={cat}
  tabIndex={0}
  aria-label={`${cat} 카테고리 선택`}
  onClick={() => {
    setCategory(cat);
    // ...
  }}
>

QA 체크리스트와 리포트도 함께 추가해서 모바일/데스크톱 뷰포트에서 검색창, 카테고리 태그 표시 여부를 자동 검증하도록 설정했다.

← 이전 글
AI 업데이트: Hugging Face 에이전트 원라이너, 장문 컨텍스트 새 접근법
다음 글 →
AI 업데이트: 로컬 LLM 부활과 3D 생성의 새 시대