[wp-trac] [WordPress Trac] #27011: Twenty Twelve: (Sub) Menus inaccessible via Apple VoiceOver (was: Twenty Twelve: Sub Menus inaccessible via Apple VoiceOver)

[WordPress Trac]

#27011: Twenty Twelve: (Sub) Menus inaccessible via Apple VoiceOver
---------------------------+------------------------------
 Reporter:  sixhours       |       Owner:
     Type:  defect (bug)   |      Status:  new
 Priority:  normal         |   Milestone:  Awaiting Review
Component:  Bundled Theme  |     Version:  3.5
 Severity:  normal         |  Resolution:
 Keywords:                 |     Focuses:
---------------------------+------------------------------

Comment (by artychan):

 I don't know that there is a simple solution to this. The reason VoiceOver
 (or any screen reader) doesn't read the sub menus is because it doesn't
 "exist" until the hover state is triggered.

 Refer to style.css line 1519
 {{{
 .main-navigation li ul {
   display: none;
   /* etc */
 }
 }}}

 You get the same issue in terms of using the keyboard and tabbing through
 the menu.

 I would probably be more concerned about the fact that a screen reader
 (such as VoiceOver) will not read the menu at all when in the "mobile"
 mode (menu is just a button that needs to be toggled on and off).

 Refer to style.css line 92
 {{{
 .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
     display: none;
 }
 }}}

 Fixing this issue requires quite a number of rewrites to style.css and a
 lot of testing to make sure it works cross-browser and across devices.

 I've made a stab at fixing this issue through [https://github.com/Arty-
 chan/Accessible-TwentyTwelve-Child-Theme/blob/master/style.css a child
 theme], so maybe some of the code could taken from there, but even in my
 child theme, I've only fixed the issue as far as the menu button part.
 Probably will just require me sitting down to do it for submenu items as
 well, but it's not there yet.

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