[wp-trac] [WordPress Trac] #46714: Site Health Info: Bad value heading for attribute role on element dt

[WordPress Trac]

#46714: Site Health Info: Bad value heading for attribute role on element dt
-----------------------------------+----------------------------
 Reporter:  mukesh27               |       Owner:  afercia
     Type:  defect (bug)           |      Status:  assigned
 Priority:  normal                 |   Milestone:  5.2
Component:  Administration         |     Version:  trunk
 Severity:  normal                 |  Resolution:
 Keywords:  has-patch site-health  |     Focuses:  accessibility
-----------------------------------+----------------------------
Changes (by afercia):

 * keywords:  has-patch site-health needs-refresh => has-patch site-health
 * owner:  (none) => afercia
 * status:  new => assigned


Comment:

 [attachment:"46714.2.diff"] builds on the previous patch and addresses
 also #46715.

 - removes the definition list and uses the markup from the ARIA Authoring
 Practices example
 - removes redundant ARIA roles

 There's a problem though. The ARIA `role="region"` and `aria-labelledby`
 make the accordion panels be announced as ARIA landmarks. Thus, when the
 panels are open (not hidden), there are a lot of landmarks which is
 undesirable and confusing for assistive technologies users. Screenshots:

 Firefox + NVDA:

 [[Image(http://cldup.com/NJ-XPBBtYQ.png)]]

 Safari + VoiceOver:

 [[Image(http://cldup.com/xq9nIcB5oQ.jpg)]]

 I'd like to discuss this issue with the accessibility team. Personally,
 I'd say these accordion panels shouldn't be perceived as landmarks.

 Quoting from the ARIA Authoring Practices:
 https://www.w3.org/TR/wai-aria-practices-1.1/#accordion
 > Optionally, each element that serves as a container for panel content
 has role region and aria-labelledby with a value that refers to the button
 that controls display of the panel.
 > - **Avoid using the region role in circumstances that create landmark
 region proliferation**, e.g., in an accordion that contains more than
 approximately 6 panels that can be expanded at the same time.
 > - Role region is especially helpful to the perception of structure by
 screen reader users when panels contain heading elements or a nested
 accordion.

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