Commit 4c465e3
authored
A11y fixes (#5061)
* Hide decorative icons in LLM actions component from screen readers
The "Open in ChatGPT/Claude" icon links already carry an accessible
name via title/aria-label on the anchor, but the react-icons SVGs
inside them expose role="img" with no name of their own, which axe
flags as a separate unlabeled image. Mark all icons in this component
aria-hidden so the link/button text is the sole accessible name.
* Fix low-contrast checkmark/arrow symbols in dark mode
✔ (U+2714) and ↔ (U+2194) default to Unicode text presentation, so
they fall through this site's font stack to a fallback font that
renders them in a fixed grey regardless of the CSS text color —
unreadable against a dark background.
Swap the permission-table checkmarks for ✅ (U+2705, which defaults
to color-emoji presentation) and force emoji presentation on the
connectivity arrows with the variation selector U+FE0F, matching the
convention already used for ✖️/♻️/1 parent e120a35 commit 4c465e3
5 files changed
Lines changed: 355 additions & 356 deletions
File tree
- docs
- cloud
- connectivity
- manage-access
- evaluate/temporal-cloud
- src/components/LLMActions
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
133 | 133 | | |
134 | 134 | | |
135 | 135 | | |
136 | | - | |
137 | | - | |
138 | | - | |
| 136 | + | |
| 137 | + | |
| 138 | + | |
139 | 139 | | |
140 | 140 | | |
141 | 141 | | |
| |||
0 commit comments