Difference between revisions of "ARIA label Property"
Jump to navigation
Jump to search
This is some text in the region.
SSB BART Group
| 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> | ||
| − | < | + | </html> |
| + | |||
| + | ==aria-label with role=presentation== | ||
| + | <html> | ||
<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> | <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 ARIA Authoring Practice [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]] | ||
Latest revision as of 20:42, 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
Button example
Span
This is text.
Div
This is text.
aria-label attribute with empty string value
aria-label with role=presentation
div with role="presentation", tabindex=-1, and existing aria-label value present.
Testing ARIA Authoring Practice 7.2 Conditions That Cause Role presentation to be Ignored