- From: Jan Hellbusch <jan@hellbusch.de>
- Date: Wed, 2 May 2018 10:04:01 +0200
- To: "'WAI IG'" <w3c-wai-ig@w3.org>
Hi Tobias,
> I always assumed that WAI-ARIA will always override native semantics.
> But now I found <https://protect-
> au.mimecast.com/s/NJ9ICXLKZoim18NAt6d9eS?domain=w3.org>.
ARIA overrides Information on it's way from the DOM to the accessibility tree. So
> Some examples:
>
> - `<div role="button"></div>` has role "button" (ARIA wins)
> - `<div aria-label="foo">bar</div>` has label "foo" (ARIA wins)
In these two cases ARIA is being used to override information. I'm not sure if the second example will work, though. Changing the name of an element will work with most interactive elements and some other elements, but not necessarily with all.
> - `<div aria-hidden="false" hidden></div>` is hidden (native wins)
Actually, this code is doing something different: "Hide something from the accessibility tree (aria-hidden="true"), although it is already hidden ("hidden" hides it from screen and the accessibility tree). Since the hidden property is already doing what aria-hidden="true" is intended to do, aria-hidden="true" is not needed. See also test cases at
http://stevefaulkner.github.io/HTML5accessibility/tests/hidden-2016.html
Jan
--
Hellbusch Accessibility Consulting
Chemnitzer Str. 50, 44139 Dortmund
Tel.: +49 (231) 58054815 Mobil: +49 (163) 3369925
--
Accessibility-Consulting seit 15 Jahren
Leistungen, Bücher, Artikel: https://www.barrierefreies-webdesign.de
Blog: https://www.hellbusch.de
Received on Wednesday, 2 May 2018 08:04:31 UTC