Testing ARIA

ARIA roles

1. Testing role="button"

Check the <div> element’s role in the accessibility tree:

2. Testing role="combobox"

Check the <input> element’s role in the accessibility tree:

ARIA states

3. Testing aria-expanded

Check the <button> element’s “Expanded” state in the accessibility tree:

4. Testing aria-invalid

Check the <input> element’s “Invalid User Entry” value in the accessibility tree:

ARIA properties

5. Testing aria-label

Check the <button> element’s name in the accessibility tree:

6. Testing aria-live

Check the <div> element’s “Live region” value in the accessibility tree:

Testing home