- Add 'Copy' buttons to Fly.io App ID and Telegram Bot ID in system status section
- Implement accessible feedback (icon change + aria-label)
- Refactor to use event listeners and prevent race conditions
- Update both index.html and dashboard/index.html
- Replaced #667eea with #4f46e5 to meet WCAG AA contrast standards.
- Updated hover color to #4338ca.
- Added aria-label to Service Worker update button.
- Updated manifest.json theme color.
- Add .toast CSS to index.html and dashboard/index.html
- Add toast HTML structure (role="alert")
- Replace window.confirm() with toast show/hide logic
- Improve accessibility and UX for app updates
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`.
