🎨 Palette: Enhance accessibility for anchor tag buttons#88
Conversation
💡 What: Added `role="button"` and `aria-haspopup="dialog"` to the `#sitrep-btn` anchor tags in `concepts.html`, `products.html`, and `contact.html`. Added a `keydown` event listener in `modal.js` to trigger the modal using the `Spacebar` while preventing page scroll. 🎯 Why: Native `<a>` tags used as buttons do not communicate their behavior to screen readers and only respond to the `Enter` key. Keyboard users expect buttons to respond to `Spacebar` as well. This makes the OSINT modal button fully accessible. 📸 Before/After: Button works exactly the same visually, but responds to Spacebar and announces correctly to screen readers. ♿ Accessibility: Improves semantics and keyboard interaction parity for users relying on assistive technology.
|
👋 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. |
🎨 Palette: Enhance accessibility for anchor tag buttons
💡 What: Added
role="button"andaria-haspopup="dialog"to the#sitrep-btnanchor tags inconcepts.html,products.html, andcontact.html. Added akeydownevent listener inmodal.jsto trigger the modal using theSpacebarwhile preventing page scroll.🎯 Why: Native
<a>tags used as buttons do not communicate their behavior to screen readers and only respond to theEnterkey. Keyboard users expect buttons to respond toSpacebaras well. This makes the OSINT modal button fully accessible.📸 Before/After: Button works exactly the same visually, but responds to Spacebar and announces correctly to screen readers.
♿ Accessibility: Improves semantics and keyboard interaction parity for users relying on assistive technology.
PR created automatically by Jules for task 5857668996377132617 started by @0m364