FLyout Menu Example

• From: Rich Caloggero <rjc@mit.edu>
• Date: Tue, 26 Jan 2021 13:09:40 -0500
• To: wai-eo-editors@w3.org
• Message-ID: <f9426e54-54bf-1fc6-14d2-84cb3be07318@mit.edu>

Specifically the second keyboard example: "Approach 2: Use button as 
toggle".


NVDA seems to have trouble with links which have invisible (off-screen) 
content. SUggest to use the button content to hold the visual symbol / 
icon / etc, and use aria-label="show menu for space bears".


Also, the "a" element in this example should not get aria-expanded; I 
believe this is a bit misleading. IMO, should not get the aria-haspopup 
either. I think these attributes should only be present on the button 
that actually toggles the submenu.


Hope this is helpful.


-- Rich Caloggero, MIT Disability and Access Services

Received on Tuesday, 26 January 2021 18:20:39 UTC