[buddypress-trac] [BuddyPress Trac] #7065: Accessibility: Change markup order of `<tbody>` and `<tfooter>` in BP List Tables

[buddypress-trac]

#7065: Accessibility: Change markup order of `<tbody>` and `<tfooter>` in BP List
Tables
-----------------------------+-----------------------------
 Reporter:  mercime          |      Owner:
     Type:  enhancement      |     Status:  new
 Priority:  normal           |  Milestone:  Awaiting Review
Component:  General - UX/UI  |    Version:
 Severity:  normal           |   Keywords:  has-screenshots
-----------------------------+-----------------------------
 By default, the focus order for keyboard users and screen readers follows
 the structure of the underlying HTML markup. By moving `<tbody>` before
 `<tfooter>` within the List Tables of our Activity and Groups screens:
 * screen readers will read the table rows in the same order that these are
 rendered visually in the front end, instead of hearing the same
 information in the top row and last row being read before the second row.
 * keyboard users won't be disoriented when the focus suddenly jumps to the
 last row (tfooter) after tabbing through first row(thead) of the List
 Table and then focus jumps up back to the second row (tbody).

 '''Keyboard tabbing, before patch:'''
 [[Image(https://cldup.com/XBB5bMKWKl.gif)]]

 '''Keyboard tabbing, after patch:'''
 [[Image(https://cldup.com/vfGYew3VNg.gif)]]

 '''Screen reader, before and after patch:'''
 [[Image(https://cldup.com/HPCQnboJoE.png)]]

 Patch coming up.

--
Ticket URL: <https://buddypress.trac.wordpress.org/ticket/7065>
BuddyPress Trac <http://buddypress.org/>
BuddyPress Trac