[wp-trac] [WordPress Trac] #30083: Twenty Fifteen: Sub Menu Navigation Toggles are Invalid HTML

[WordPress Trac]

#30083: Twenty Fifteen: Sub Menu Navigation Toggles are Invalid HTML
-------------------------------------+----------------------------
 Reporter:  davidakennedy            |       Owner:
     Type:  defect (bug)             |      Status:  new
 Priority:  normal                   |   Milestone:  4.1
Component:  Bundled Theme            |     Version:  trunk
 Severity:  blocker                  |  Resolution:
 Keywords:  has-patch needs-testing  |     Focuses:  accessibility
-------------------------------------+----------------------------

Comment (by afercia):

 Replying to [comment:6 davidakennedy]:
 > I added my patch as well, but it's pretty close to what afercia has.
 Beat me to it. :)
 Yours is better :) I forgot to improve the button text.

 Btw I think I've found something interesting. I was wondering why the
 button text was reported in the NVDA Speech Viewer as all uppercase:

 EXPAND CHILD MENU
 button  collapsed

 [[Image(https://cldup.com/6Dw-O2YPCt.png)]]

 as in the markup is just capitalized: "Expand Child Menu".

 Depending on user settings, this may be annoying. NVDA (and I guess other
 screen readers too) has some settings about capital letters:

 - Capital pitch change percentage (the voice will change when speaking a
 capital letter)
 - Say "cap" before capitals
 - Beep for capitals

 When tabbing, nothing special happens but when using the left and right
 arrow keys NVDA will do all of that, if set. It will pitch the voice,
 "beep" and say "cap" before *any* single letter:
 "beep" cap E, "beep" cap X, "beep" cap P, "beep" cap A, "beep" cap N ...

 I really don't know why, and to me it sounds like a bug: it shouldn't
 assume button text as capitalized.
 Anyway, just setting `text-transform: lowercase;` on `.dropdown-toggle` in
 the main CSS does the trick. No more voice pitch, "beeps" or saying "cap".
 Also, the NVDA Speech Viewer will report the text as lowercase:

 expand child menu
 button  collapsed

 I would also recommend to don't capitalize the text in the markup, just to
 be sure.

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