@ihabdevteam/core 0.240.0 → 0.242.0

package/CHANGELOG.md

@@ -7,6 +7,68 @@ All notable changes to this project will be documented in this file.
 > 적은 글이라, 지금 이름으로 고쳐 놓으면 그 시절에 그 이름으로 받은 사람이
 > 제 이야기를 못 찾는다.
 
+## 0.242.0
+
+### 창 제목이 **머리글**이 된다 — 같은 규칙이 안 간 세 번째 자리
+
+말귀가 (51) 을 재다 짚었다. 창 이름은 `aria-labelledby` 로 이미 간다 — 열 때 낭독기가
+이름을 말한다. 그런데 제목이 `<span class="popup-title h2">` 라, **창 안을 머리글로 훑는**
+사람에게는 맨 위가 비어 있었다. 말귀 실측: 창 안의 첫 머리글이 `ChartSection` 의 `h3` 이고
+그 위 `h2` 는 **창 뒤 화면의 것**(`기본 정보`)이라, 창만 보면 층이 하나 끊긴 꼴이다.
+
+```
+전  <span class="popup-title h2">기본 정보</span>
+후  <h2 class="popup-title h2">기본 정보</h2>
+```
+
+**`h2` 는 글자 꼴이지 머리글이 아니다** — `Panel`(0.235.0) · `ChartSection`(0.240.0) 과 같은
+자리이고, 이 규칙이 안 간 **세 번째** 자리였다. 꼴은 안 달라진다(`.popup-title` 이 진작
+`display: block` 이고 `margin: 0` 이다).
+
+**글자가 없으면 머리글을 안 세운다.** 제목 없이 닫기만 있는 머리에서는 전과 같이 빈
+`<span>` 이 선다 — 글자 없는 `<h2>` 가 서면 낭독기가 "제목, 수준 2" 라고만 말하고(0.235.0
+에서 `Panel` 의 같은 자리를 걷었다), 자리를 통째로 빼면 머리 셈이 달라진다.
+
+> 말귀가 **"`titleLevel={2}` 로 올리는 것보다 창 제목 쪽이 머리글이 되는 편이 곧다"** 고
+> 적어 보냈다. 맞다 — 창 안의 `h3` 를 `h2` 로 올리면 그 칸이 창 제목과 같은 급이 된다.
+
+## 0.241.0
+
+### 채점을 **자판으로 매길 수 있다** (말귀 요청 (53))
+
+채점 흐름은 이 앱이 치료사에게 내미는 일 그 자체다 — 표를 고르고, 칸마다 ○ △ ✕ 를 매기고,
+저장한다. **그 가운데 걸음이 자판으로 막혀 있었다.**
+
+말귀 실측(채점 창 하나): 채점 단추 **36 개**(칸 열둘 × 셋) 가운데 자판으로 닿는 것 **0 개** —
+`.focus()` 를 걸어도 `activeElement` 가 안 바뀐다. 창에서 초점이 서는 자리는 스물일곱뿐
+(닫기 1 · 재생 24 · 날짜 1 · 저장 1)이었다.
+
+**단추 자체는 멀쩡했다.** 늘 DOM 에 있고 이름도 낱말을 달고 제대로 섰다(`낙지 / 낚시 맞음`).
+`display: none` 이라 초점을 못 받았을 뿐이다 — 그래서 `:focus-within` 을 더해도 안 풀린다.
+**초점을 못 받으니 켜질 일이 없다.** 닭과 달걀이다.
+
+이제 **지우지 않고 감춘다** — `position: absolute; width: 1px; clip-path: inset(50%)`. 초점은
+받고 눈에는 안 보이며, 초점이 가면 `:focus-within` 이 되돌려 **보이게** 한다(안 보이는 자리에
+초점이 서면 어디 있는지 모른다). 카드 쪽 `:focus-within` 도 더해 얹기(`:hover`)와 짝을 맞췄다.
+
+`@media (hover: none)` 에서 늘 보이게 해 둔 까닭("얹기에 기대면 안 되는 자리", 2026-09-22)이
+자판에도 그대로 선 셈이다.
+
+> **읽기만 하는 표는 그대로 지운다**(㊹). 자판으로 매길 일이 없으니 감출 까닭도 없고, 잘라서
+> 두면 아무 일도 안 하는 정지점이 칸마다 둘씩 는다.
+>
+> 되돌릴 때는 **다섯 줄을 다 거둬야** 한다(`position`·`width`·`height`·`overflow`·`clip-path`).
+> `display` 만 바꾸면 1px 짜리로 남는다.
+
+### 칸의 재생 단추가 **낱말을 읽는다**
+
+표에 칸이 스물넷이면 낭독기로 단추 목록을 불렀을 때 `재생` 이 **스물네 번** 서서 어느
+낱말인지 가릴 길이 없었다. 바로 옆 채점 단추가 이미 낱말을 달고 있으니 같은 자를 쓴다 —
+`낙지 재생` · `낙지 멈춤`.
+
+**띄우는 글은 짧게 둔다**(`재생`). 손을 얹은 사람에게 낱말은 바로 위에 적혀 있다 — ㊴ 에서
+채점 표식에 쓴 가름과 같다.
+
 ## 0.240.0
 
 ### `ChartSection` 의 제목이 **머리글**이 되고, 칸이 **이름**을 갖는다 (말귀 요청 (51))