Make WordPress Core

Opened 10 years ago

Closed 10 years ago

#36725 closed defect (bug) (fixed)

Star rating improve accessibility hiding empty elements

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

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 10 years ago.

Download all attachments as: .zip

Change History (3)

@afercia
10 years ago

#1 @afercia
10 years ago

  • Keywords has-patch added
  • Owner set to afercia
  • Status newassigned

#2 @afercia
10 years ago

  • Resolutionfixed
  • Status assignedclosed

In 37330:

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

Fixes #36725.

Note: See TracTickets for help on using tickets.