Re: Names for ARIA menu and menubar

Hey Mario

Why is there an Application role on the <body> tag?

Cheers,
David MacDonald



*Can**Adapt* *Solutions Inc.*
Tel:  613.235.4902

LinkedIn
<http://www.linkedin.com/in/davidmacdonald100>

twitter.com/davidmacd

GitHub <https://github.com/DavidMacDonald>

www.Can-Adapt.com <http://www.can-adapt.com/>



*  Adapting the web to all users*
*            Including those with disabilities*

If you are not the intended recipient, please review our privacy policy
<http://www.davidmacd.com/disclaimer.html>

On Tue, Jun 14, 2016 at 8:53 AM, Batusic, Mario <mario.batusic@fabasoft.com>
wrote:

> Hello Alan,
>
>
>
> Here is a sample code—similar to what we use:
>
> -----Code-----
>
> <!DOCTYPE html>
>
> <html>
>
> <head>
>
> <meta charset="UTF-8">
>
> <title>Test</title>
>
> </head>
>
> <body role="application">
>
>   <div
>
>     role="menubar"
>
>     aria-label="Service">
>
>     <a
>
>       href=""
>
>       role="menuitem"
>
>       tabindex="0"> <img
>
>       lang="en"
>
>       alt="Home"
>
>       title="Home"
>
>       src="">
>
>     </a> <span
>
>       tabindex="0"
>
>       role="menuitem">Webbrowserstatus</span>&nbsp;<span
>
>       tabindex="0"
>
>       role="menuitem"
>
>       aria-haspopup="true">Benutzername </span>&nbsp; <span
>
>       tabindex="0"
>
>       role="menuitem"
>
>       aria-haspopup="true">Lokation</span> &nbsp; <span
>
>       tabindex="0"
>
>       role="menuitem"
>
>       lang="en">Support</span> &nbsp; <span
>
>       tabindex="0"
>
>       role="menuitem">Abmelden</span>
>
>   </div>
>
> </body>
>
> </html>
>
> -----Code end-----
>
>
>
> I have put tabindex=0 everywhere to make it easy for testing without any
> Javascript. Both JAWS and NVDA don’t speak the name of the Menu.
>
> Thanks in advance.
>
>
>
> Ciao     Mario
>
>
>
> *Von:* ALAN SMITH [mailto:alands289@gmail.com]
> *Gesendet:* Dienstag, 14. Juni 2016 14:23
> *An:* Batusic, Mario <mario.batusic@fabasoft.com>; w3c-wai-ig@w3.org
> *Betreff:* RE: Names for ARIA menu and menubar
>
>
>
> Mario,
>
>
>
> We would have to look at the specific code as there are so many variables.
>
>
>
> Here are some things to remember when using aria labeling techniques..
>
>
>
> Aria-label overrides or takes precedence over other labels or span text
> used for labels.
>
> Aria-labelledby overrides or takes precedence over aria-label.
>
>
>
> So you may be seeing some of this behavior with your menus.
>
>
>
> Please send out a code snippet for review.
>
>
>
> Regards
>
>
>
> Alan
>
>
>
> Sent from Mail <https://go.microsoft.com/fwlink/?LinkId=550986> for
> Windows 10
>
>
>
> *From: *Batusic, Mario <mario.batusic@fabasoft.com>
> *Sent: *Tuesday, June 14, 2016 3:40 AM
> *To: *w3c-wai-ig@w3.org
> *Subject: *Names for ARIA menu and menubar
>
>
>
> Dear Colleagues,
>
>
>
> I am perplex about Screen Readers treatment of ARIA menu and menubar names
> applied by aria-label on the corresponding element. Both JAWS and NVDA do
> not announce the menu name when focussing on menu items. We have in our
> product, that we implement as a single-page web app at the same time up to
> 3 menus and it is very important for the user to know in which widget is
> the item he/she focuses on.
>
>
>
> Does somebody know what is the reason the screen readers ignore the menu
> names? Or is it undisputed a bug? Thanks.
>
>
>
> Mario
>
>
>
> Mario Batusic
>
> Fabasoft Accessibility
>
> Fabasoft Cloud UI Team
>
>
>
> www.fabasoft.com
>
>
>
> m   +43 664 606162 255
>
> t     +43 732 606162 255
>
> e    mario.batusic@fabasoft.com
>
>
>
> [image: Fabasoft Generalpartner des Europäischen Forums Alpbach 2015]
> <https://www.fabasoft.com/>
>
>
>
> Twitter <https://twitter.com/FabasoftCloud> | Facebook
> <https://www.facebook.com/FabasoftCloud> | Google+
> <https://plus.google.com/115324165929447332621> | YouTube
> <https://www.youtube.com/user/FabasoftCloud>
>
>
>
> Fabasoft Cloud GmbH, Honauerstrasse 4,
>
> 4020 Linz, Austria  |  Handelsgericht Linz, FN 294084b
>
>
>
>
>
>
>

Attachments

Received on Tuesday, 14 June 2016 13:22:05 UTC