[wp-trac] [WordPress Trac] #37513: Admin bar sub menu items dashicon and screen readers

[WordPress Trac]

#37513: Admin bar sub menu items dashicon and screen readers
-------------------------------+-----------------------------
 Reporter:  afercia            |      Owner:
     Type:  defect (bug)       |     Status:  new
 Priority:  normal             |  Milestone:  Awaiting Review
Component:  Toolbar            |    Version:
 Severity:  normal             |   Keywords:  has-screenshots
  Focuses:  ui, accessibility  |
-------------------------------+-----------------------------
 Some screen readers may try to read out CSS generated content. For
 example, Safari and VoicOver get the admin bar menu sub-items `dashicons-
 arrow-right` as a text element and try to read it. There's nothing to be
 announced so VoiceOver just says "You are currently on a text element".

 [[Image(https://cldup.com/xOaq2xSczn.png)]]

 A minor but nice improvement could be refactoring these arrows, either
 using CSS borders or some other CSS technique, or using a `<span aria-
 hidden="true"></span>` and targeting the span for the generated pseudo
 element.

 Either ways, it could be a good opportunity to improve a bit also the
 visual, maybe these arrows look a bit "old style".
 Designers welcome!

--
Ticket URL: <https://core.trac.wordpress.org/ticket/37513>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform