CODEWITHSUNDEEP
jquery-uiaccessibility
FreeLightman
FreeLightman

Reputation: 2304

Does Jquery ui accordion have valid accessible markup

I am developing my own semantic web-accessible jquery accordion plugin. I observe other popular plugins and found an issue in JqueryUi accordion plugin. In its example header role is changed to "tab". So the result is h3 element with role attr "tab". But I noticed for several times that changing the native role is non conforming. Me resource is https://specs.webplatform.org/html-aria/webspecs/master/ and the main quote is: "Web developers must not use the ARIA role and aria-* attributes in a manner that conflicts with the semantics described in the Document conformance requirements for use of ARIA attributes in HTML table." So, jQueryUi is not valid?

Upvotes: 0

Views: 436

Answers (1)

unobf
unobf

Reputation: 7244

That is not correct. As can be read in the 1.1 version of the spec http://www.w3.org/TR/wai-aria-1.1/#h-host_general_conflict the host semantics can be overridden and the ARIA role takes precedence (MUST).

 When a WAI-ARIA role is provided, user agents must use the semantic of the
 WAI-ARIA role for processing, not the native semantic, unless the role
 requires WAI-ARIA states and properties whose attributes are explicitly
 forbidden on the native element by the host language.

Because there is no native tab role in HTML, it would be reasonable to conclude that it even meets the SHOULD portions of ARIA (but this is more open to interpretation)

Upvotes: 1

Related Questions