Skip to content

Conversation

jacobrose
Copy link

Adds the 'accessible' format, which replaces the "stoplight" colored circles, which may be unclear to colorblind users, with distinct icons, and replaces the up arrow, which uses a different visual language and may be described differently on screen readers, with one that stylistically matches the down arrow.

Adds the 'accessible' format, which replaces the "stoplight" colored circles, which
may be unclear to colorblind users, with distinct icons, and replaces the up arrow,
which uses a different visual language and may be described differently on screen
readers, with one that stylistically matches the down arrow.
Copy link
Contributor

github-actions bot commented Sep 25, 2025

Coverage report

St.
Category Percentage Covered / Total
🟢 Statements 94.04% 773/822
🟢 Branches 86.76% 308/355
🟢 Functions 92.27% 167/181
🟢 Lines 93.5% 690/738

Test suite run success

166 tests passing in 55 suites.

Report generated by 🧪jest coverage report action from 3ca903e

Copy link
Owner

@ArtiomTr ArtiomTr left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you for pull request! This is really amazing change that I would love to have. Don't want to push it as default, would love to make it default in next major version

"small_red_triangle_down": "🔻",
"green_circle": "",
"yellow_circle": "⚠️",
"red_circle": "",
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Don't really like that it is green, maybe ⛔ or 🚫?

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

How about ❌ ?

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Oh, but there's also "x": "❌"

🤔

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Just looking at how these are read by the screen reader in MacOS:

  • "⛔" is read as "no entry"
  • "🚫" is read as "restricted symbol"
  • "❌" is read as "cross mark"

What do you think?

Some other options:

  • "👍" for "green circle" and "👎" for "red circle" (keeping "⚠️" for "yellow circle")
  • "😁" for "green circle," "😬" for "yellow circle," and "😩" for "red circle"

Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Love the 👍/👎 variant

@ArtiomTr
Copy link
Owner

(ignore the CI, needs an update)

The chick was read as "recently hatched chick still in shell," which is verbose; the
replacement is read as 'new sign.'
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