Difference between revisions of "ARIA label Property"

From Level Access Web Labs
Jump to navigation Jump to search
Line 48: Line 48:
 
<html>
 
<html>
 
<div style="padding-bottom: 12px;"><button type="button" aria-label=""> Hello World</button></div>
 
<div style="padding-bottom: 12px;"><button type="button" aria-label=""> Hello World</button></div>
<div role="presentation" aria-label="Scrollable" tabindex="-1">div with role="presentation", tabindex=-1, and existing aria-label value present.</div>
+
<hr>
 +
<div style="padding-bottom: 12px;" role="presentation" aria-label="Scrollable" tabindex="-1">div with role="presentation", tabindex=-1, and existing aria-label value present.</div>
 
</html>
 
</html>
 
Testing [https://www.w3.org/TR/wai-aria-practices-1.1/#presentation_role_ignored 7.2 Conditions That Cause Role presentation to be Ignored]
 
Testing [https://www.w3.org/TR/wai-aria-practices-1.1/#presentation_role_ignored 7.2 Conditions That Cause Role presentation to be Ignored]
 
[[Category:ARIA]]
 
[[Category:ARIA]]
 
[[Category:Aria-label]]
 
[[Category:Aria-label]]

Revision as of 20:40, 24 January 2019

  • aria-label won't be announced when applied to elements that do not contain valid ARIA region/landmark roles or if they are not already active elements like form fields, links, or buttons.

Input example

Link example

Learn more about SSB BART Group Click here

Region example

Related links

This is some text in the region. SSB BART Group

Button example

Span

This is text.

Div

This is text.

aria-label attribute with empty string value


div with role="presentation", tabindex=-1, and existing aria-label value present.

Testing 7.2 Conditions That Cause Role presentation to be Ignored