Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Relying exclusively on unicode entities to mark whether a benefit is available or not #694

Open
koalie opened this issue Nov 27, 2024 · 2 comments
Labels
accessibility content Copy, imagery or other content

Comments

@koalie
Copy link
Contributor

koalie commented Nov 27, 2024

Describe the issue
Relayed from @daniel-montalvo :

Relying exclusively on unicode entities to mark whether a benefit is available or not is not a good idea.
Just from a screen reader user perspective, there are huge differences on how each screen reader deals with unicode characters.
The most difficulties arise when using VoiceOver on the mac, where you just hear "checkmark" as you move through these. Is it checked/yes? Is it not checked/no? You just get "checkmark".
I can imagine this pattern is also problematic from a cognitive perspective.

URL
https://www.w3.org/sponsor/

Recommended solution
@daniel-montalvo can you suggest direction?

Screenshot
Screenshot 2024-11-27 at 11 32 02

@koalie koalie added the content Copy, imagery or other content label Nov 27, 2024
@kamsatantalani19

This comment was marked as spam.

@daniel-montalvo
Copy link

Current:

<td><strong>✔</strong><br>All</td>

There are pieces of info that we are providing with extended Unicode entities (✔), and others that we are providing with regular English characters or plain text (All).

I would provide everything in plain text, substituting the check marks with either "Yes" or "No" strings.

If we want to fix it for everybody using regular English characters:

<td><strong>Yes|No</strong><br>All</td>

If we want to fix it just for screen reader users:

<td><strong aria-hidden="true">✔</strong><span class="visuallyhidden">Yes|No</span><br>All</td>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility content Copy, imagery or other content
Projects
None yet
Development

No branches or pull requests

4 participants