201581 2019-09-07 07:04:49 -0700 AX: HTML menu element should map to role=list 2023-05-15 10:39:16 -0700 1 1 1 Unclassified WebKit Accessibility Safari 12 All All RESOLVED FIXED https://bugs.webkit.org/show_bug.cgi?id=42074 GoodFirstBug, InRadar P2 Normal --- 1 scottaohara annevk fred.wang tyler_w webkit-bug-importer oldest_to_newest 1568878 0 378291 scottaohara 2019-09-07 07:04:49 -0700 Created attachment 378291 test case of menu pattern and ul pattern to verify menus are not exposed the same as unordered lists Steps to reproduce: - Open the provided reduced test case. - Check accessibility mappings to verify that menu is not mapped as a list, though it should be a semantic alternative to the UL element. - Attempting to navigate to the menu or its child list items with a screen reader will either not work, or the screen reader will try to expose each list item as a separate single item list, depending on the browser and screen reader pairing used. Actual results: The menu is not exposed as a list and thus it and the list items within cannot be consistently navigated to, if at all, when navigating by lists or list items when using a screen reader with Firefox. Expected results: Per the HTML specification: "The menu element is simply a semantic alternative to ul..." https://html.spec.whatwg.org/multipage/grouping-content.html#the-menu-element Since the menu element should be semantically equal to a UL, and is expected to contain LI elements, it should map similarly to a UL element to allow assistive technologies to navigate to understand & navigate to the element and the contained list items. 1568879 1 webkit-bug-importer 2019-09-07 07:05:09 -0700 <rdar://problem/55145117> 1765205 2 scottaohara 2021-05-30 06:57:26 -0700 Re-reviewing this ticket today, I can confirm that Chromium browsers and Firefox correctly expose a <menu> as a list. Webkit still does not have the correct mapping for this element. 1887545 3 fred.wang 2022-07-29 01:13:43 -0700 https://w3c.github.io/html-aam/ also seems to say it's mapped to list role. Checking AccessibilityNodeObject::determineAccessibilityRoleFromNode ( https://github.com/WebKit/WebKit/blob/main/Source/WebCore/accessibility/AccessibilityNodeObject.cpp#L262 ) I see: - <ol> and <ul> are mapped to AccessibilityRole::List; - <menu type="toolbar"> tag is mapped to AccessibilityRole::Toolbar ; we'll need to check/think about this, but the type attribute seems to be obsolete per https://html.spec.whatwg.org/multipage/obsolete.html#attr-menu-type - other <menu> elements are not handled. I see Firefox maps to list too: https://searchfox.org/mozilla-central/rev/4a15041348e08fb0d6f5726015c32861e663fbfe/accessible/base/HTMLMarkupMap.h#279 I haven't checked yet what Chromium does. Assigning to Sirri. 1893202 4 scelles 2022-08-23 02:56:08 -0700 Pull request: https://github.com/WebKit/WebKit/pull/3571 1955389 5 annevk 2023-05-15 02:14:00 -0700 Pull request: https://github.com/WebKit/WebKit/pull/13872 1955452 6 ews-feeder 2023-05-15 10:39:14 -0700 Committed 264077@main (af6778aa0405): <https://commits.webkit.org/264077@main> Reviewed commits have been landed. Closing PR #13872 and removing active labels. 378291 2019-09-07 07:04:49 -0700 2019-09-07 07:04:49 -0700 test case of menu pattern and ul pattern to verify menus are not exposed the same as unordered lists menu.html text/html 1420 scottaohara PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxtZXRhIGNoYXJz ZXQ9InV0Zi04Ij4KICAgIDx0aXRsZT5UZXN0aW5nIG1lbnUgZWxlbWVudDwvdGl0bGU+CiAgICA8 bWV0YSBuYW1lPSJ2aWV3cG9ydCIgY29udGVudD0id2lkdGg9ZGV2aWNlLXdpZHRoLCBpbml0aWFs LXNjYWxlPTEiPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxkaXYgaWQ9ImFwcCI+CgogICAgICA8 ZGl2IGNsYXNzPSJ0ZXN0Ij4KICAgICAgICA8aDI+TWVudSBlbGVtZW50IGV4YW1wbGUgZnJvbSBI VE1MIHNwZWNpZmljYXRpb248L2gyPgogICAgICAgIDxkaXYgY2xhc3M9InRlc3RfX2Nhc2UiPgog ICAgICAgICAgPG1lbnU+CiAgICAgICAgICAgIDxsaT48YnV0dG9uIG9uY2xpY2s9ImNvcHkoKSI+ PGltZyBzcmM9ImNvcHkuc3ZnIiBhbHQ9IkNvcHkiPjwvYnV0dG9uPjwvbGk+CiAgICAgICAgICAg IDxsaT48YnV0dG9uIG9uY2xpY2s9ImN1dCgpIj48aW1nIHNyYz0iY3V0LnN2ZyIgYWx0PSJDdXQi PjwvYnV0dG9uPjwvbGk+CiAgICAgICAgICAgIDxsaT48YnV0dG9uIG9uY2xpY2s9InBhc3RlKCki PjxpbWcgc3JjPSJwYXN0ZS5zdmciIGFsdD0iUGFzdGUiPjwvYnV0dG9uPjwvbGk+CiAgICAgICAg ICA8L21lbnU+CiAgICAgICAgPC9kaXY+CiAgICAgIDwvZGl2PgoKCiAgICAgIDxkaXYgY2xhc3M9 InRlc3QiPgogICAgICAgIDxoMj5VTCBlbGVtZW50IGFsdGVybmF0aXZlPC9oMj4KICAgICAgICA8 ZGl2IGNsYXNzPSJ0ZXN0X19jYXNlIj4KICAgICAgICAgIDx1bD4KICAgICAgICAgICAgPGxpPjxi dXR0b24gb25jbGljaz0iY29weSgpIj48aW1nIHNyYz0iY29weS5zdmciIGFsdD0iQ29weSI+PC9i dXR0b24+PC9saT4KICAgICAgICAgICAgPGxpPjxidXR0b24gb25jbGljaz0iY3V0KCkiPjxpbWcg c3JjPSJjdXQuc3ZnIiBhbHQ9IkN1dCI+PC9idXR0b24+PC9saT4KICAgICAgICAgICAgPGxpPjxi dXR0b24gb25jbGljaz0icGFzdGUoKSI+PGltZyBzcmM9InBhc3RlLnN2ZyIgYWx0PSJQYXN0ZSI+ PC9idXR0b24+PC9saT4KICAgICAgICAgIDwvdWw+CiAgICAgICAgPC9kaXY+CiAgICAgIDwvZGl2 PgoKICAgIDwvZGl2PiA8IS0tIC8jYXBwIC0tPgoKICAgIDxzY3JpcHQ+CiAgICAgIHZhciBjb3B5 ID0gZnVuY3Rpb24gKCkgewogICAgICAgIGFsZXJ0KCdpIGNvcGllZCBzb21ldGhpbmcnKQogICAg ICB9CiAgICAgIHZhciBjdXQgPSBmdW5jdGlvbiAoKSB7CiAgICAgICAgYWxlcnQoJ3NvbWV0aGlu ZyB3YXMgY3V0IScpCiAgICAgIH0KICAgICAgdmFyIHBhc3RlID0gZnVuY3Rpb24gKCkgewogICAg ICAgIGFsZXJ0KCdDbGVhcmx5IG5vbmUgb2YgdGhlc2UgZnVuY3Rpb25zIGFjdHVhbGx5IGRvIGFu eXRoaW5nLi4uJykKICAgICAgfQogICAgPC9zY3JpcHQ+CiAgPC9ib2R5Pgo8L2h0bWw+Cg==