Lighthouse accessibility audit issues

ux
4

Topics

One issue (aside from contrast and the previously mentioned li non-issue)

Links do not have a discernible name

Link text (and alternate text for images, when used as links) that is discernible, unique, and focusable improves the navigation experience for screen reader users. Learn more.

Two occurrences:

  1. Each post gets an a.tabLoc element with no dimensions. These appear to be for navigating posts with the keyboard? Hidden with aria-hidden: true because they’re useless to screen readers. https://github.com/discourse/discourse/commit/bdaf07adcf807bfe1a20f0d427e94a66ac712433

  2. The envelope icon used to denote when a topic is a personal message also links to your PM inbox, and we were loading that link for all topics… even if they aren’t PMs. I made that link conditional to PMs, and also added a title attribute and aria-label. https://github.com/discourse/discourse/commit/1983f0d06e4163841f889962dfc2be04f0047b26 and https://github.com/discourse/discourse/commit/aa7181820c7be6989bdfe66f71f99b45774e8b7e

6 Likes