From bae6ccc1add7cc9ed180d494f3f64ec9a011fd5a Mon Sep 17 00:00:00 2001 From: seonghobae <8172694+seonghobae@users.noreply.github.com> Date: Wed, 14 Oct 2026 05:59:56 +0000 Subject: [PATCH 1/2] =?UTF-8?q?UI=20UX=20=EA=B0=9C=EC=84=A0:=20=EB=AA=85?= =?UTF-8?q?=EC=8B=9C=EC=A0=81=20=ED=95=84=EC=88=98=20=ED=95=AD=EB=AA=A9=20?= =?UTF-8?q?=EB=A0=88=EC=9D=B4=EB=B8=94=20=ED=85=8D=EC=8A=A4=ED=8A=B8=20?= =?UTF-8?q?=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 입력 양식의 "Document" 레이블에 시각적 필수 항목 표시기(별표 등) 대신 명시적인 텍스트 '(required)'를 추가하여 웹 접근성(WCAG 2.5.3)을 개선했습니다. CSS grid 레이아웃('.field-label') 내에서 줄 바꿈이 깨지지 않도록 '' 태그로 텍스트를 묶었습니다. 관련 CHANGELOG.md와 .jules/palette.md 업데이트도 포함되었습니다. --- .jules/palette.md | 4 ++++ CHANGELOG.md | 2 ++ .../com/clearfolio/viewer/controller/ViewerUiController.java | 4 +++- 3 files changed, 9 insertions(+), 1 deletion(-) diff --git a/.jules/palette.md b/.jules/palette.md index a34ea59b2..4a0ecffae 100644 --- a/.jules/palette.md +++ b/.jules/palette.md @@ -13,3 +13,7 @@ ## 2026-07-13 - Async Table Actions UX **Learning:** Adding explicit loading and disabled states to table action buttons that invoke asynchronous processes helps prevent redundant API calls and visually assures the user that their request is being handled. **Action:** Consistently apply `disabled` state and `Loading...` text changes to inline table action buttons linked to async workflows, and carefully preserve underlying DOM structures with `Array.from(btn.childNodes)` during the loading cycle to avoid rendering regressions. + +## 2026-10-14 - Explicit Required Field Accessibility +**Learning:** For required form fields, visual indicators like an asterisk (`*`) with `aria-hidden` are not always an accessible pattern. Instead, explicit text such as `(required)` wrapped directly inside the label along with the field name in a `` supports CSS grid layouts (e.g. `.field-label`) without breaking inline flow or screen reader context. +**Action:** Always use explicit text like `(required)` grouped inside a single `` with the field name for required indicators on labels nested inside CSS grids. diff --git a/CHANGELOG.md b/CHANGELOG.md index 1187deb2a..f81df64a4 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -4,6 +4,8 @@ ### Added +- **UI UX 개선**: 입력 양식의 "Document" 레이블에 시각적 필수 항목 표시기(별표 등) 대신 명시적인 텍스트 `(required)`를 추가하여 웹 접근성(WCAG 2.5.3)을 개선했습니다. CSS grid 레이아웃(`.field-label`) 내에서 줄 바꿈이 깨지지 않도록 `` 태그로 텍스트를 묶었습니다. + - **UI UX 개선**: 'Details' 버튼 클릭 시, 작업 상세 정보 로드 중에 사용자가 명시적인 로딩 상태를 확인할 수 있도록 'Loading...' 텍스트와 비활성화 상태를 표시하도록 추가했습니다. - **관리자용 단건 작업 삭제 및 재시도 API 추가** - 특정 변환 작업을 삭제할 수 있는 `DELETE /api/v1/admin/convert/jobs/{jobId}` 엔드포인트를 추가했습니다. diff --git a/src/main/java/com/clearfolio/viewer/controller/ViewerUiController.java b/src/main/java/com/clearfolio/viewer/controller/ViewerUiController.java index 3e5ee0710..48b118bf1 100644 --- a/src/main/java/com/clearfolio/viewer/controller/ViewerUiController.java +++ b/src/main/java/com/clearfolio/viewer/controller/ViewerUiController.java @@ -185,7 +185,9 @@ private static String demoShellHtml() {
- +
From f934853edb498d334f5e7e5231fb8f9d3db59492 Mon Sep 17 00:00:00 2001 From: seonghobae <8172694+seonghobae@users.noreply.github.com> Date: Wed, 14 Oct 2026 06:02:43 +0000 Subject: [PATCH 2/2] Trigger rebuild for billing issue