Passed Example 1 Open in a new tab The aria-pressed state is supported for a semantic
button, which is the implicit role for button elements.
Passed Example 2 Open in a new tab The aria-pressed state is supported for the semantic
button, which is the explicit role of this div element.
My button
Passed Example 3 Open in a new tab The aria-busy state is a global state that is supported
by all elements, even without any semantic role.
My busy div
Passed Example 4 Open in a new tab The aria-label property is a global property and thus
inherited for all semantic role.
✓
Passed Example 5 Open in a new tab The aria-checked state is required for the semantic
checkbox.
My checkbox
Passed Example 6 Open in a new tab The aria-controls property is required for the semantic
combobox.
My combobox
Passed Example 7 Open in a new tab The aria-controls property is required for the semantic
combobox. WAI-ARIA states and properties with empty value are still applicable to this rule.
My combobox
Passed Example 8 Open in a new tab The aria-controls property is required for the semantic
combobox. WAI-ARIA states and properties with empty value (specified as an empty string) are
still applicable to this rule.
My combobox
Passed Example 9 Open in a new tab The aria-label property is global and thus inherited for
all semantic role, including the ones from the WAI-ARIA Graphics Module. This rule is also
applicable to SVG elements.
Passed Example 10 Open in a new tab This button element has an explicit role of none.
However, it is focusable (by default). Thus it has a semantic role of button due to
Presentational Roles Conflict Resolution. The aria-pressed state is supported for the button
role.
Failed Example 1 Open in a new tab The aria-sort property may not be used on a semantic
button.
Failed Example 2 Open in a new tab The aria-orientation property may not be used on audio
element, nor can it be used on application (the semantic role for which inherited,
supported, or required states or properties are also applicable to audio element).
Failed Example 3 Open in a new tab The aria-label property is prohibited for an element with
a generic role.
Failed Example 4 The aria-label property is prohibited for an element with a paragraph role.
Inapplicable Example 1 Open in a new tab This div element has no WAI-ARIA state or property.
A region of content
Inapplicable Example 2 Open in a new tab This div element is not included in the
accessibility tree, hence its WAI-ARIA state or property is not checked.
Should pass:
Travel Guide Kos
Should pass:
Should pass:
Play Video
Should pass:
Should fail: