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

🤖 1783 in / 933 out / 2716 total tokens

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

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

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

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