Skip to content

🎨 Palette: Hide decorative emojis from screen readers in examples#601

Merged
rowan-m merged 2 commits intomainfrom
jules-palette-a11y-emojis-532667692243296488
Mar 22, 2026
Merged

🎨 Palette: Hide decorative emojis from screen readers in examples#601
rowan-m merged 2 commits intomainfrom
jules-palette-a11y-emojis-532667692243296488

Conversation

@rowan-m
Copy link
Contributor

@rowan-m rowan-m commented Mar 22, 2026

💡 What: Wrapped decorative emojis (↩️, ⤴️, ↦) in <span aria-hidden="true"> across all PHP examples.

🎯 Why: Screen readers announce these emojis literally (e.g., "Leftwards arrow with hook Home" or "Rightwards arrow from bar Submit"), which makes navigation verbose and confusing for users relying on assistive technologies. The accompanying text ("Home", "Try again", "Submit") is sufficient.

📸 Before/After: Visually identical. The change only affects the accessibility tree.

♿ Accessibility: Improves screen reader experience by hiding purely decorative icons from the accessibility tree, allowing the clear link/button text to stand alone.


PR created automatically by Jules for task 532667692243296488 started by @rowan-m

Co-authored-by: rowan-m <108052+rowan-m@users.noreply.github.com>
@google-labs-jules
Copy link
Contributor

👋 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 @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.


For security, I will only act on instructions from the user who triggered this task.

@coveralls
Copy link

coveralls commented Mar 22, 2026

Coverage Status

coverage: 100.0%. remained the same
when pulling 3129f91 on jules-palette-a11y-emojis-532667692243296488
into e2fd067 on main.

@rowan-m
Copy link
Contributor Author

rowan-m commented Mar 22, 2026

Remove the .Jules directory and add /.Jules/ to .gitignore.

@google-labs-jules
Copy link
Contributor

Remove the .Jules directory and add /.Jules/ to .gitignore.

I have removed the .Jules directory and added /.Jules/ to the .gitignore file as requested.

Co-authored-by: rowan-m <108052+rowan-m@users.noreply.github.com>
@rowan-m rowan-m merged commit c56c298 into main Mar 22, 2026
7 checks passed
@rowan-m rowan-m deleted the jules-palette-a11y-emojis-532667692243296488 branch March 22, 2026 09:54
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants