🎨 Palette: [UX improvement] 요약 카드 툴팁 및 자동저장 상태 스크린 리더 지원 추가

index.html

@@ -28,7 +28,7 @@ <h1>ScopeWeave Planner</h1>
             <span>기준일</span>
             <input data-testid="base-date-input" id="base-date" type="date" />
           </label>
-          <div class="meta-value-card">
+          <div class="meta-value-card" title="프로젝트의 작업 기간(일수) 합계입니다.">
             <span class="meta-label">전체일수</span>
             <strong data-testid="summary-total-days" id="summary-total-days">0일</strong>
           </div>
@@ -44,7 +44,7 @@ <h1>ScopeWeave Planner</h1>
             <strong data-testid="summary-actual-progress" id="summary-actual-progress">0.00%</strong>
           </div>
           <div class="sync-panel">
-            <span id="sync-status">브라우저 로컬 자동저장 사용 중</span>
+            <span id="sync-status" aria-live="polite" aria-atomic="true">브라우저 로컬 자동저장 사용 중</span>
             <button id="connect-json-sync" type="button" class="secondary-button">wbs.json 자동저장 연결</button>
           </div>
         </div>

tests/e2e/scopeweave.spec.js

@@ -1239,9 +1239,15 @@ test.describe('ScopeWeave Planner - Palette UX Enhancements', () => {
     await page.goto('./');
 
     // Verify progress card tooltips
+    await expect(page.locator('.meta-value-card').first()).toHaveAttribute('title', '프로젝트의 작업 기간(일수) 합계입니다.');
     await expect(page.locator('.plan-card')).toHaveAttribute('title', '기간(일수) 가중치가 반영된 프로젝트 전체 계획 진척률입니다.');
     await expect(page.locator('.actual-card')).toHaveAttribute('title', '기간(일수) 가중치가 반영된 프로젝트 전체 실적 진척률입니다.');
 
+    // Verify sync status ARIA attributes
+    const syncStatus = page.locator('#sync-status');
+    await expect(syncStatus).toHaveAttribute('aria-live', 'polite');
+    await expect(syncStatus).toHaveAttribute('aria-atomic', 'true');
+
     // Verify open-gantt button ARIA attributes
     const openGanttBtn = page.locator('#open-gantt');
     await expect(openGanttBtn).toHaveAttribute('aria-haspopup', 'dialog');