WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Hidden Items read out by Voiceover and Talkback

for

From: Patrick H. Lauke
Date: Mar 23, 2015 9:16AM

On 23/03/2015 15:09, Graham Armfield via WebAIM-Forum wrote:
> I'm working with a team who have a site that has a normal horizontal menu
> for larger screen sizes, and a hamburger menu for smaller screen widths.
> The breakpoint is controlled by media queries - much as you'd expect, and
> the menu that's not required is hidden using display:none. Additionally,
> the top level list <ul> has been given the aria-hidden="true" attribute and
> value. I've been in to check all this.
>
> This works as expected on laptop/desktop, but on iOS and Android devices
> the hidden (desktop) menu items are still being read out in Voiceover and
> Talkback.
>
> Does anyone have any ideas why that might be?

Sorry to ask the obvious question, but: are you absolutely sure that
display:none and aria-hidden="true" are actually present? Is there any
chance that styling/attribute isn't being correctly applied? Got a URL
for testing, perhaps even a minimal test case?

P
--
Patrick H. Lauke

www.splintered.co.uk | https://github.com/patrickhlauke
http://flickr.com/photos/redux/ | http://redux.deviantart.com
twitter: @patrick_h_lauke | skype: patrick_h_lauke