W3C home > Mailing lists > Public > w3c-wai-ig@w3.org > April to June 2016

AW: Names for ARIA menu and menubar

From: Batusic, Mario <mario.batusic@fabasoft.com>
Date: Tue, 14 Jun 2016 12:53:35 +0000
To: ALAN SMITH <alands289@gmail.com>, "w3c-wai-ig@w3.org" <w3c-wai-ig@w3.org>
Message-ID: <489207D6A3BC00459D217291837E888F28BD48DD@fabamailserver.fabagl.fabasoft.com>
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<mailto:mario.batusic@fabasoft.com>
Sent: Tuesday, June 14, 2016 3:40 AM
To: w3c-wai-ig@w3.org<mailto: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<https://www.fabasoft.com/>

m   +43 664 606162 255
t     +43 732 606162 255
e    mario.batusic@fabasoft.com<mailto:mario.batusic@fabasoft.com>

[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





image001.jpg
(image/jpeg attachment: image001.jpg)

Received on Tuesday, 14 June 2016 12:54:08 UTC

This archive was generated by hypermail 2.3.1 : Tuesday, 14 June 2016 12:54:08 UTC