[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:  4.7
Component:  Toolbar          |     Version:
 Severity:  normal           |  Resolution:
 Keywords:  has-screenshots  |     Focuses:  ui, accessibility
-----------------------------+--------------------------------
Changes (by afercia):

 * keywords:  has-screenshots 4.7-early => has-screenshots
 * milestone:  Future Release => 4.7


Comment:

 Some interesting data about browser and screen reader support (i.e. which
 ones announce CSS generated content) here: http://tink.uk/accessibility-
 support-for-css-generated-content/

 Maybe in the future it will be possible to use a CSS-only solution, see:
 Alternative Text for Speech
 https://www.w3.org/TR/css-content-3/#alt
 which will hopefully introduce the ability to specify alternative text for
 the CSS generated content property, after a slash:
 {{{
 content: "\25BA" / "";
 }}}

 No browser support for now. Worth also considering these arrows dashicons
 get "swapped" during the generation of .rtl files so things get a bit more
 complicated. The only options I can think of are: using a different CSS
 technique or use a `<span>` with aria-hidden. Any thoughts welcome.

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