🎨 Palette: Improve navigation accessibility and semantics - #40
🎨 Palette: Improve navigation accessibility and semantics#40ISTEC-FOR340 wants to merge 1 commit into
Conversation
- Refactored navigation cards in `index.html` from `div` with `onclick` to semantic `<a>` tags. - Replaced internal `<button>` elements with `<span>` to maintain valid HTML while preserving visual CTA. - Removed redundant `script.js` navigation logic. - Converted "Back" buttons in `proyecto1/proyecto1.html` and `proyecto2/proyecto2.html` to semantic `<a>` tags. - Added `lang="es"` to `proyecto2/proyecto2.html` for consistency and screen reader accuracy. - Added `:focus-visible` styles with focus rings and hover-matching transforms to all interactive cards and links across the site. - Ensured `overflow: visible` on cards to prevent focus ring clipping. - Normalized CRLF line endings to LF for modified files to ensure clean diffs. Co-authored-by: ISTEC-FOR340 <269002038+ISTEC-FOR340@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. |
1 participant
This PR enhances the accessibility and semantics of the MySketches navigation. By moving from JavaScript-based redirects to native semantic HTML links, we provide a more robust experience for screen reader users and keyboard navigators, while also enabling standard browser features like 'Open in new tab'. Additionally, explicit focus-visible states ensure that keyboard users have clear visual feedback during navigation.
PR created automatically by Jules for task 1303708735072798005 started by @ISTEC-FOR340