WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Hidden Items read out by Voiceover and Talkback

for

From: Graham Armfield
Date: Mar 23, 2015 9:37AM


Thanks for your fast response Patrick.

Yes I have checked they are there in the desktop - in Firebug and Chrome
inspector. I know that doesn't guarantee they are there on Android browser
and in Safari on an iOS device - I'm not sure how I'd check that really.

Sadly the work is under NDA so no URL I'm afraid.


Regards
Graham Armfield



coolfields.co.uk <http://www.coolfields.co.uk/>;
M:07905 590026
T: 01483 856613
@coolfields <https://twitter.com/coolfields>

On Mon, Mar 23, 2015 at 3:16 PM, Patrick H. Lauke via WebAIM-Forum <
<EMAIL REMOVED> > wrote:

> 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
> > > >