Updated status badges, status values, and skip links in index.html, dashboard/index.html, and scripts/web_dashboard.py to use darker shades (Emerald 700, Amber 700, Indigo 700) instead of lighter ones (Emerald 500, Amber 500, Indigo 400). This ensures text meets WCAG AA contrast ratio requirements (4.5:1) against white backgrounds. Also updated the .jules/palette.md journal.
Wrapped emojis in <span> tags with role="img" and aria-label to improve accessibility for screen readers. This ensures icons are announced correctly (e.g., "Rocket", "Chart") rather than as characters or ignored.
Affected files:
- index.html
- dashboard/index.html
- offline.html
- sw-inspector.html
- Add `.btn:focus-visible` styles for better keyboard navigation visibility.
- Add `rel="noopener noreferrer"` and `aria-label` to external links for security and accessibility.
- Add `role="button"` to placeholder links (`href="#"`) for semantic correctness.
- Replace blocking `alert()` with a non-blocking button text change ("Coming Soon! 🚧") for better UX.
- Apply changes to both `index.html` and `dashboard/index.html`.
This commit copies `dashboard/index.html` to `index.html` (root) and `docs/index.html` to ensure that the GitHub Pages site loads correctly regardless of the source configuration (Root, Docs, or Custom Workflow). It also adds `.nojekyll` to prevent Jekyll processing issues.