🎨 Palette: [UX improvement] 테이블 빈 상태에 ARIA role="status" 추가

.Jules/palette.md

@@ -8,3 +8,6 @@
 ## 2024-10-24 - CSS Bar Chart Animation
 **Learning:** CSS animations can enhance static data visualizations without requiring JavaScript, providing visual polish and reducing perceived loading times for data.
 **Action:** Use CSS keyframe animations for simple visual improvements in static reports.
+## 2025-01-28 - ARIA Live Regions for Empty States
+**Learning:** Using standard `<p>` tags for empty states in dynamic or conditionally rendered tables can lead to screen readers silently skipping the section, leaving users confused about missing data.
+**Action:** Use `<div class="empty-state" role="status">` for empty states to leverage ARIA live regions, ensuring assistive technologies actively announce that no rows were recorded.

python/fast_mlsirm/report.py

@@ -312,7 +312,7 @@ def _bar_chart(rows: list[dict[str, Any]], value_key: str | None) -> str:
 
 def _table(rows: list[dict[str, Any]], *, label: str, limit: int = 12) -> str:
     if not rows:
-        return '<p class="empty-state">No rows were recorded in this section.</p>'
+        return '<div class="empty-state" role="status">No rows were recorded in this section.</div>'
 
     columns = _columns(rows)
     body_rows = []