WordPress.org

Make WordPress Core

Opened 4 years ago

Closed 4 years ago

#36725 closed defect (bug) (fixed)

Star rating improve accessibility hiding empty elements

Reported by: afercia Owned by: afercia
Milestone: 4.6 Priority: normal
Severity: normal Version:
Component: Administration Keywords: has-screenshots has-patch
Focuses: ui, accessibility Cc:

Description

The star rating is correctly announced by screen readers thanks to some screen-reader-text used in the markup:

https://cldup.com/fGps2ohyfn.png

By the way, some screen readers (see VoiceOver in the screenshot below) try to read out also the content of empty elements because there's some CSS generated content:

https://cldup.com/bGsy_9TEJv.png

Hiding the stars with aria-hidden="true" will make assistive technologies completely ignore these elements, improving the users experience.

Attachments (1)

36725.diff (932 bytes) - added by afercia 4 years ago.

Download all attachments as: .zip

Change History (3)

@afercia
4 years ago

#1 @afercia
4 years ago

  • Keywords has-patch added
  • Owner set to afercia
  • Status changed from new to assigned

#2 @afercia
4 years ago

  • Resolution set to fixed
  • Status changed from assigned to closed

In 37330:

Accessibility: improve the Star Ratings hiding empty elements for assistive technologies.

Fixes #36725.

Note: See TracTickets for help on using tickets.