Make WordPress Core

Opened 10 years ago

Closed 10 years ago

#33129 closed defect (bug) (fixed)

Menu Customizer: add aria-expanded attribute to Edit menu item toggles

Reported by: afercia's profile afercia Owned by: ocean90's profile ocean90
Milestone: 4.3 Priority: normal
Severity: normal Version: 4.3
Component: Customize Keywords: has-patch
Focuses: accessibility, javascript Cc:

Description

As done for other Toggle controls in the Customizer, also the Edit Menu Item buttons would need an aria-expanded attribute to inform users they control an expandable panel placed right after them.

This would imply to rework the toggle arrows to avoid the same NVDA bug noticed for other toggles, see: https://core.trac.wordpress.org/ticket/32715#comment:13
Side note: I've submitted a ticket in the NVDA bug tracker, with a reduced test case, we will see. http://community.nvda-project.org/ticket/5247

Attachments (5)

33129.patch (3.8 KB) - added by afercia 10 years ago.
33129-regression.png (273.3 KB) - added by westonruter 10 years ago.
33129-before.png (108.7 KB) - added by ocean90 10 years ago.
33129.2.patch (555 bytes) - added by ocean90 10 years ago.
33129.3.patch (1.6 KB) - added by ocean90 10 years ago.

Download all attachments as: .zip

Change History (19)

@afercia
10 years ago

#1 @afercia
10 years ago

In the proposed patch:

  • add an aria-expanded attribute to the Edit Menu Item buttons and update it dynamically depending on the panel expanded/collapsed status

See in the screenshot below, going back and forth through the toggle buttons and activating them in Firefox + NVDA (arrows indicate when the toggle button was activated):

https://cldup.com/0qbcgO4Nze.png

#2 @afercia
10 years ago

  • Keywords has-patch added

#3 @SergeyBiryukov
10 years ago

  • Milestone changed from Awaiting Review to 4.3

#4 @obenland
10 years ago

  • Milestone changed from 4.3 to Future Release

Let's do that in a future release, we're two days away from RC.

#5 @SergeyBiryukov
10 years ago

IIRC, we used to fix accessibility bugs with newly added features during the same cycle, even after RC.

#6 @samuelsidler
10 years ago

  • Milestone changed from Future Release to 4.3

I agree with Sergey. Let's at least keep this on the milestone and punt at the last minute if we run out of time.

#7 @celloexpressions
10 years ago

Most of the accessibility items we've had after core merge for menus in the Customizer have really been more toward enhancements than bugs. There are a lot of moving pieces here and the JS is not straightforward. I would caution against making many more of these types of fixes at this point as there's a high likelihood that there will be unexpected breakage even with only minimal code churn.

I don't want to minimize the importance of fixing the issues that remain, but after all of the reviewing that's happened to date I imagine things being discovered now are generally lower priority or regressions from things that have already been fixed once.

#8 @ocean90
10 years ago

  • Owner set to ocean90
  • Resolution set to fixed
  • Status changed from new to closed

In 33483:

Customizer: Add an aria-expanded attribute to Edit menu item toggles.

props afercia.
fixes #33129.

#9 @westonruter
10 years ago

There seems to be a regression introduced in [33483]. See 33129-regression.png. When dragging a menu item which is expanded, I'm seeing the post title replacing the toggle indicator.

#10 @westonruter
10 years ago

  • Resolution fixed deleted
  • Status changed from closed to reopened

@ocean90
10 years ago

#11 @ocean90
10 years ago

This is not a really a regression. The bug is now only visually present too. Previously the title was added to the button directly, see 33129-before.png. The titel comes from refreshAdvancedAccessibilityOfItem() in nav-menu.js.

This ticket was mentioned in Slack in #core by obenland. View the logs.


10 years ago

@ocean90
10 years ago

#13 @afercia
10 years ago

Maybe consider to add a comment in 33129.2.patch to explain why the "a" in the selector a.item-edit must be there.

@ocean90
10 years ago

#14 @ocean90
10 years ago

  • Resolution set to fixed
  • Status changed from reopened to closed

In 33502:

Nav menus: Make the selector for the edit menu item link more specific. Prevents clashing with other elements which have the same class.

fixes #33129.

Note: See TracTickets for help on using tickets.