WordPress.org

Making WordPress.org

Opened 7 months ago

Last modified 7 months ago

#4247 assigned defect

Rate Setting Sessions, used on WordCamp sites has accessibility issues

Reported by: rianrietveld Owned by:
Milestone: Priority: normal
Component: WordCamp Site & Plugins Keywords: needs-patch good-first-bug
Cc:

Description

On the schedule of a WordCamp site there is the option to mark a session as favourite by clicking the star next to the title.
At the bottom of the page there is an option to mail/print/share the marked sessions.

There are the the following accessibility issues:

  • The colour contrast of the star against a white background is too low
  • The star is not focusable by a keyboard, it's placed in a, <a> without a href, so it get's no focus (it should be a <button>)
  • There is no text inside the <a>, so there is no accessible name, real text content for the star icon
  • The mail/print/share option should be activated by a <button>, not an <a>
  • The div with the mail/print/share option should be an accessible dialog modal
  • The tab interface inside is not keyboard accessible

This all means that this functionality is not usable for someone using a keyboard or a screen reader.

For accessible examples and components see: https://inclusive-components.design/

Change History (1)

#1 @coreymckrill
7 months ago

  • Keywords good-first-bug added
  • Status changed from new to assigned

Thank you @rianrietveld !

Note: See TracTickets for help on using tickets.