discourse/themes/horizon/javascripts
Kris 6dd687930e
A11Y: improve Horizon markup for screenreaders (#40089)
This adds some accessibility improvements to the custom topic list items
in Horizon:

* by default icons are decorative and not read, so we added labels for
the like and reply icons so they're not read by screenreaders as bare
numbers ("5") and will instead have context ("5 likes")

* title wrapper gets `role="heading" aria-level="2"` to match core's
`topic-cell.gjs` heading
  structure, easier to navigate by heading now 

* the hot/pinned icons on small screens where the text is hidden needed
some aria-labels

* assigned needed hidden "assigned to" text so it's not just a bare
username being read

* added `imageSize="small"` to dAvatar, not accessibility but
width/height were undefined otherwise and we were getting too-big images
that were resized with CSS
2026-05-15 17:53:51 -04:00
..
discourse A11Y: improve Horizon markup for screenreaders (#40089) 2026-05-15 17:53:51 -04:00
.gitkeep FIX: import Horizon system theme (#33229) 2025-06-17 14:03:38 +08:00