[wp-trac] [WordPress Trac] #31370: Select/edit post unclear in edit.php for a screen reader user

[WordPress Trac]

#31370: Select/edit post unclear in edit.php for a screen reader user
----------------------------+-----------------------------
 Reporter:  rianrietveld    |      Owner:
     Type:  defect (bug)    |     Status:  new
 Priority:  normal          |  Milestone:  Awaiting Review
Component:  Administration  |    Version:  trunk
 Severity:  normal          |   Keywords:
  Focuses:  accessibility   |
----------------------------+-----------------------------
 In edit.php there is the table with the listing of the posts.
 Per row the title of the post is read out 3 times after each other, and
 for screen reader users it's not clear what the meaning or difference is
 {{{
 <tr id="post-95" class="iedit author-self level-0 post-95 type-post
 status-publish format-standard hentry category-uncategorized">
         <th scope="row" class="check-column">
                 <label class="screen-reader-text" for="cb-
 select-95">Select test</label>
                 <input id="cb-select-95" type="checkbox" name="post[]"
 value="95">
                 <div class="locked-indicator"></div>
         </th>
         <td class="post-title page-title column-title">
                 <strong>
                         <a class="row-title" href="[...]/wp-
 admin/post.php?post=95&action=edit" title="Edit “test”">test</a>
                 </strong>
                 <div class="locked-info"><span class="locked-
 avatar"></span> <span class="locked-text"></span></div>
                 <p>The excerpt of Test here...</p>
                 <div class="row-actions">
                         <span class="edit"><a href="[...]/wp-
 admin/post.php?post=95&action=edit" title="Edit this item">Edit</a> |
 </span>
                         <span class="inline hide-if-no-js"><a href="#"
 class="editinline" title="Edit this item inline">Quick Edit</a> |
 </span>
                         <span class="trash"><a class="submitdelete"
 title="Move this item to the Trash" href="http://pctje.xs4all.nl/trunk/src
 /wp-
 admin/post.php?post=95&action=trash&_wpnonce=33cbe221df">Trash</a>
 | </span>
                         <span class="view"><a href="[...]" title="View
 “test”" rel="permalink">View</a></span></div>

         [...]

 </tr>
 }}}
 A screen reader user hears in NVDA:
 row 2  Select All   column 1
 '''Select postname'''  check box  not checked
 Title  column 2
 postname link ''' Edit “postname”'''
 Edit link  '''Edit this item'''
 Quick Edit link  Edit this item inline
 Trash link  Move this item to the Trash
 View link  View “postname”

 It is not clear what those 3 different items mean: '''Select postname'''
 & ''' Edit “postname”''' &  '''Edit this item'''

 The reading of '''select all''' before every row will be discussed in a
 separate ticket.

 In fact  ''' Edit “postname”''' or  '''Edit this item''' are links to the
 same page. This is also confusing for sighted users is my experience. Why
 2 links to the same page (/wp-admin/post.php?post=xx&action=edit).

 It would be clearer if the first checkbox and   ''' Edit “postname”'''
 would be properly screen-reader-text labeled and the third link deleted
 all together.

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