🎨 Palette: Accessible Documentation Tabs and UX Polish#52
Conversation
- Implemented WAI-ARIA Tabs pattern in documentation: - Added role="tablist", role="tab", and role="tabpanel". - Established ARIA relationships using aria-controls and aria-labelledby. - Implemented roving tabindex (tabindex="0" for active, "-1" for inactive). - Added keyboard navigation support for ArrowLeft, ArrowRight, Home, and End keys. - Marked decorative particles canvas with aria-hidden="true" for better screen reader experience. - Updated escapeHtml utility to use global regex instead of replaceAll for broader environment compatibility (Cloudflare Workers). - Updated Palette journal with accessible tabbed interface learnings. Co-authored-by: MilakyS <155958485+MilakyS@users.noreply.github.com>
|
👋 Jules, reporting for duty! I'm here to lend a hand with this pull request. When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down. I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job! For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with New to Jules? Learn more at jules.google/docs. For security, I will only act on instructions from the user who triggered this task. |
✅ Deploy Preview for melodious-queijadas-3cc817 ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
1 participant
This PR introduces micro-UX and accessibility enhancements to the documentation's tabbed interfaces and decorative elements.
💡 What: The UX enhancement added
escapeHtmlwas updated to use global regex replacements, ensuring stability in environments that might not fully support ES2021replaceAll.🎯 Why: The user problem it solves
♿ Accessibility: Any a11y improvements made
aria-hiddenon decorative content.PR created automatically by Jules for task 1888305579132350421 started by @MilakyS