🎨 Palette: Language Switcher Accessibility - #47
Conversation
…ve arrows * Add `hreflang` and `lang` attributes to the language switcher links in the header to ensure screen readers apply the correct pronunciation profiles for the target languages. * Add `aria-hidden="true"` to the decorative dropdown arrow in the navigation to prevent screen readers from reading it aloud. * Add a critical learning regarding language switcher accessibility to `.Jules/palette.md`. Co-authored-by: divineforge <1146195+divineforge@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. |
Deploying gzen with
|
| Latest commit: |
ff224ff
|
| Status: | 🚫 Build failed. |
1 participant
🎨 Palette: Language Switcher Accessibility & Clean Screen Reader Output
💡 What:
hreflangandlangattributes to the language switcher links in the main navigation.aria-hidden="true"to the decorative "▾" dropdown arrow in the navigation..Jules/palette.mdto document the critical accessibility learning regarding language switchers.🎯 Why:
langandhreflangattributes, screen readers may attempt to read the target language names (e.g., "日本語") using the current language's pronunciation rules (e.g., English), resulting in incorrect or incomprehensible announcements. This ensures proper pronunciation profiles are applied.aria-haspopup="true"andaria-expandedstate on the button itself, making reading the arrow character redundant and potentially confusing.♿ Accessibility:
PR created automatically by Jules for task 4342978123763817504 started by @divineforge