[wp-trac] [WordPress Trac] #26602: Insufficient information for screen readers in themes.php

[WordPress Trac]

#26602: Insufficient information for screen readers in themes.php
-------------------------------------------------+--------------------
 Reporter:  grahamarmfield                       |       Owner:
     Type:  defect (bug)                         |      Status:  new
 Priority:  normal                               |   Milestone:  3.8.1
Component:  Accessibility                        |     Version:  trunk
 Severity:  normal                               |  Resolution:
 Keywords:  2nd-opinion needs-testing has-patch  |
-------------------------------------------------+--------------------

Comment (by GrahamArmfield):

 Replying to [comment:11 jorbin]:
 > I updated joe's most recent patch and should work fine now.

 OK, patch successfully applied so thanks for that.

 I tested this using NVDA running with Firefox on Windows 7 machine. When
 tabbing forward through the themes, the screen reader voices -

 (tab)
 clickable
 Theme Details active
 [Theme name] heading level 3 Customize
 (tab)
 Customize link
 (tab)
 clickable
 Theme Details
 Twenty Eleven
 (tab)
 clickable
 Theme Details
 Twenty Fourteen
 (tab)
 ...
 etc...

 So, so far so good - although the Live Preview and Activate links should
 ideally also contain the theme name to provide context.

 But when reverse (shift) tabbing NVDA voices:

 (shift tab)
 clickable
 Live Preview link
 (shift tab)
 Activate link
 (shift tab)
 -- silence -- (NVDA doesn't voice anything)
 (shift tab)
 clickable
 Live Preview visited  link
 (shift tab)
 Activate link
 (shift tab)
 -- silence --

 The silences are when focus is resting on the Theme details 'link'.
 Because of this, NVDA users get no feedback about which theme they are
 exploring when they are reverse tabbing. Also it seems odd that the Live
 preview and activate links are part of the tab order when reverse tabbing
 but not when forward tabbing. But I think that's a question with the
 general keyboard accessibility rather than screen reader.

 In IE10 with NVDA I get substantially the same result, except that when
 forward tabbing it reads

 (tab)
 Theme Details
 [Theme name] heading level 3
 activate
 link live preview
 (tab)
 Theme Details
 [Theme name] heading level 3
 activate
 link live preview

 so it's reading the links as part of the theme name.

 When reverse tabbing I get the same results as with Firefox most of the
 time, but just occasionally I also hear "Theme details" instead of a
 silence.

 I'll be testing with JAWS also and will comment separately on that.

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