[RELEASE] 되묻기를 창으로, 추천 1순위를 초록으로

[Yena07]

#161 이후 dev 에 쌓인 두 건을 실서버로 올립니다.

담긴 것

PR	무엇
#162	맵기 되묻기를 창으로 · 추천 1순위를 초록으로
#163	주말 혼잡시간대 변경 (백엔드)

사용자가 느끼는 변화

되묻기 — 한 줄에서 창으로

서버가 "이 둘 중 하나 같은데 확실치 않다"고 답할 때(팀 #133), 여태 보기 줄 아래에
한 줄만 붙였습니다.

혹시 순한맛 / 보통맛 말씀이신가요? 위에서 짚어 주세요.

세 가지로 나빴습니다.

①	짚을 곳이 여기가 아니라 위였습니다. 되물어 놓고 답할 자리를 다른 데 두면, 화면을 못 보는 분은 어디를 눌러야 하는지 알 수 없습니다
②	보기가 넷이어도 후보는 둘인데, 화면에는 넷이 그대로 늘어서 있었습니다
③	한 줄이라 놓치기 쉬웠습니다. 다음 안내가 이어 나오면 그대로 흘러갔습니다

지금은 창으로 뜨고 후보만 단추로 나옵니다. 짚으면 그 값이 그대로 들어가고 다음
질문으로 넘어갑니다 — 되물음과 답이 한자리에 있습니다.

맵기 — 혹시 이 중에 있나요?
말씀하신 것과 가까운 것을 찾았어요. 맞는 것을 짚어 주세요.

  [ 순한맛 ]  [ 보통맛 ]  [ 매운맛 ]  [ 상관없음 ]
        아니에요, 다시 말할게요

후보 단추는 서로 생김새가 같습니다. 하나를 눈에 띄게 만들면 앱이 답을 미는
셈이고, 서버도 어느 쪽이라고 말하지 못해서 여기까지 온 것입니다.

말로도 답할 수 있습니다 — 창이 떠 있는 동안에도 이어 듣기는 살아 있어서
"순한맛"이라고 말하면 같은 자리로 들어가고 창이 닫힙니다. 손을 안 쓰는 분에게
창이 새 문턱이 되면 안 됩니다.

창은 스스로 읽고(data-소리생략 + 자체 낭독), Tab 을 가두고, 닫을 때 포커스를
되돌립니다.

1순위를 초록으로

추천 후보 셋이 같은 종이색 위에 나란히 있었고, 순위는 왼쪽의 24px 숫자 배지 하나가
지고 있었습니다. 서버가 가장 잘 맞는다고 한 것이 화면에서 가장 안 띄었습니다.

초록 면 · 왼쪽 4px 초록 띠 · 초록 순위 배지로 바꿉니다. 이 팔레트의 '면'은 전부
종이색 대비 1.1 이라 면만으로는 색이 달라 보이지 않습니다 — 실제로 달라 보이는
값은 검정(17.79)과 초록(5.02)뿐인데 검정은 이미 '고른 줄'의 뜻이라, 띠와 배지가
보이는 몫을 집니다.

대신 '조건 일치'를 검정으로 내렸습니다. 초록이 한 화면에서 순위와 조건 일치
두 가지를 가리키게 됐기 때문입니다(tokens.ts 의 "화면당 한 곳"). 순위는 줄
전체로 말하는 값이라 색을 빼면 남는 것이 숫자 하나뿐이고, 조건 일치는 체크 그림과
글자가 이미 뜻을 다 지고 있습니다. 이유 목록의 '반영' 줄이 같은 이유로 원래부터
검정이었습니다.

색으로만 말하지 않습니다 — 숫자 배지와 읽어 주는 이름("추천 1순위, …")이 그대로
있습니다.

확인

대비는 실측했습니다

초록 띠 대 종이색            5.02   (컨트롤 경계 3:1)
메뉴 이름 대 초록면         16.38
'조건 일치' 대 초록면       16.38   (검정으로 내린 뒤)
가격·부제 대 초록면          4.68
배지 흰 글자 대 초록         5.02

되묻기 창은 실제로 띄워서 쟀습니다

덮개    폰 틀(715px)을 정확히 덮음 — 스크롤 영역이 아니라 틀 기준
창      아래 64% (후보 2개) · 큰 글씨 + 후보 4개에서 625/715
넘친 단추  없음

여유가 90px 뿐이라, 보기 이름이 길어지거나 언어가 바뀌면 맨 아래 '아니에요'가
화면 밖으로 나가 창을 닫을 길이 사라집니다. 92% 에서 안쪽 스크롤로 넘어가게 막아
뒀습니다(StickyFooter 와 같은 그물).

• tsc 통과 · 시험 504건 통과 · 빌드 통과
• #162 프리뷰 배포 통과

못 본 것

• 1순위 줄은 눈으로 못 봤습니다. QR 페어링과 clarification 응답이 있어야
  나오는 화면이라 대비 계산까지만 했습니다
• 소리는 귀로 확인하지 못했습니다. 창이 뜰 때 앞 안내를 끊고 자기 문장만 읽는
  것은 코드와 DOM 까지만 봤습니다
• #162 의 마지막 코드래빗 리뷰는 강제 푸시 이전 커밋을 본 것입니다. 그 뒤로
  더해진 것은 dev 머지뿐이라 새로 들어간 코드는 없습니다

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
kio-bridge	Ready	Preview	Aug 16, 2026 9:09am

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

🗂️ Base branches to auto review (2)

• master
• review/.*

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: ASSERTIVE

Plan: Pro Plus

Run ID: 4b6a25ea-0823-494f-b97e-b121dc59ca70

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

_{Comment @coderabbitai help to get the list of available commands.}