Skip to content

Accessible icon set - #441

Open
jacobrose wants to merge 2 commits into
ArtiomTr:mainfrom
jacobrose:jacobrose/accessible-icon-set.2025-09-25
Open

Accessible icon set#441
jacobrose wants to merge 2 commits into
ArtiomTr:mainfrom
jacobrose:jacobrose/accessible-icon-set.2025-09-25

Conversation

@jacobrose

Copy link
Copy Markdown

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.
@github-actions

github-actions Bot commented Sep 25, 2025

Copy link
Copy Markdown
Contributor

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

Comment thread src/format/strings.json Outdated

@ArtiomTr ArtiomTr left a comment

Copy link
Copy Markdown
Owner

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

Comment thread src/format/strings.json Outdated
Comment thread src/format/strings.json
"small_red_triangle_down": "🔻",
"green_circle": "✅",
"yellow_circle": "⚠️",
"red_circle": "❎",

Copy link
Copy Markdown
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
Copy Markdown
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
Copy Markdown
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
Copy Markdown
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
Copy Markdown
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
Copy Markdown
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