WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: What's the point of aria-expanded on a menu button?

for

From: Jonathan Michael Bodnar
Date: Nov 15, 2023 10:13AM

From a component design perspective the button to toggle the menu would be external to the collapsible region of the menu, or external to the menu, and reachable regardless of the menu state. The aria-expanded attribute indicates the state of the menu the button controls.

--Jon


-----

Jonathan Bodnar
Web Services Lead | Library Technology Project Manager
Digital Library Services

<EMAIL REMOVED> <https://cdn.gsu.edu/sapp/ <EMAIL REMOVED> >

In Person: Georgia State University Library
33 Gilmer Street SE
Atlanta, Georgia 30302-3967

[https://gsu-apps-assets-prod.s3.amazonaws.com/apps-assets/email-signature/UniversityLibrary_3colorRGB.png]


From: WebAIM-Forum < <EMAIL REMOVED> > on behalf of Patrick H. Lauke < <EMAIL REMOVED> >
Sent: Wednesday, November 15, 2023 11:58 AM
To: <EMAIL REMOVED> < <EMAIL REMOVED> >
Subject: Re: [WebAIM] What's the point of aria-expanded on a menu button?



On 15/11/2023 16:55, Mark Magennis wrote:
> Something I've been scratching my head about. Is there any good reason why a button that opens a menu should have aria-expanded? I know it's in the Aria Authoring Practices design pattern for Menu, but what's the point? If the menu is open the button isn't reachable, so the aria-expanded value of true will never be exposed to AT. And if the menu is closed then it's not needed because you know the menu is closed, otherwise you'd be in it.

Indeed, I'd suggest this is some outdated advice in the APG pattern, or
that it's not been fully thought through.

P
--
Patrick H. Lauke

https://nam11.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.splintered.co.uk%2F&data%7C01%7Cjbodnar2%40gsu.edu%7C98c12f7754ef4abe899308dbe5fc2947%7C515ad73d8d5e4169895c9789dc742a70%7C0%7C0%7C638356643451206805%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=s8Aez4XOUm4blKBFyzSV7B6GRmcpZxZAOTp3zPANIDA%3D&reserved=0<https://www.splintered.co.uk/> | https://nam11.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fpatrickhlauke&data%7C01%7Cjbodnar2%40gsu.edu%7C98c12f7754ef4abe899308dbe5fc2947%7C515ad73d8d5e4169895c9789dc742a70%7C0%7C0%7C638356643451206805%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdatakG9%2B0f71lYCMjdpBsQPdQbY5OwBnWklkbcih1yCPDA%3D&reserved=0<https://github.com/patrickhlauke>
https://nam11.safelinks.protection.outlook.com/?url=https%3A%2F%2Fflickr.com%2Fphotos%2Fredux%2F&data%7C01%7Cjbodnar2%40gsu.edu%7C98c12f7754ef4abe899308dbe5fc2947%7C515ad73d8d5e4169895c9789dc742a70%7C0%7C0%7C638356643451206805%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=KKeVoniTQGu3v3yr7IgXGhg%2FkvEW4pljaRmWV4Vth5Q%3D&reserved=0<https://flickr.com/photos/redux/> | https://nam11.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.deviantart.com%2Fredux&data%7C01%7Cjbodnar2%40gsu.edu%7C98c12f7754ef4abe899308dbe5fc2947%7C515ad73d8d5e4169895c9789dc742a70%7C0%7C0%7C638356643451206805%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=5RZaOJxn%2BounUBIWwAJE4DjSfRfmUxnpUaFplpgpfV8%3D&reserved=0<https://www.deviantart.com/redux>
https://nam11.safelinks.protection.outlook.com/?url=https%3A%2F%2Fmastodon.social%2F%40patrick_h_lauke&data%7C01%7Cjbodnar2%40gsu.edu%7C98c12f7754ef4abe899308dbe5fc2947%7C515ad73d8d5e4169895c9789dc742a70%7C0%7C0%7C638356643451206805%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata­uhqM%2BABXheop7%2BmUioT2JHWMoItozVxHgC3rUnbt4%3D&reserved=0<https://mastodon.social/@patrick_h_lauke> | skype: patrick_h_lauke

CAUTION: This email was sent from someone outside of the university. Do not click links or open attachments unless you recognize the sender and know the content is safe.