| root | |
| role=banner | |
| label='Main Page Title' 'Welcome to Test Page' […] | |
| navigation label='Main navigation' | |
| list | |
| link uid=… url=mailto:[email protected] 'Section 1' […] | |
| link uid=… url=https://example.com/ 'Section 2' […] | |
| role=main | |
| section label='Interactive Elements' | |
| button uid=… describedby='This button does nothing' label='Test button' 'Click Me' […] | |
| 'This button does nothing' […] | |
| input uid=… […] placeholder='Enter text here' | |
| uid=… role=button 'Clickable Div' […] | |
| section label='ARIA Labeling Examples' | |
| 'Name Field' […] | |
| 'Description' […] | |
| input uid=… […] labelledby='Name Field' placeholder='Your name' | |
| role=region labelledby=Description 'This region is labeled by another element.' […] | |
| input uid=… […] labelledby='Name Field' placeholder='Full name' | |
| 'User Profile' […] | |
| labelledby='User Profile' | |
| 'Username:' […] | |
| input uid=… […] label=Username: | |
| section label='Content with Roles' | |
| article | |
| 'Article Title' […] | |
| 'January 1, 2024' […] | |
| 'This is some article content with highlighted text.' […] | |
| label='Related information' | |
| 'Related Links' […] | |
| list | |
| link uid=… url=https://webkit.org/ 'Example Link' […] | |
| link uid=… url=https://apple.com/ 'Test Link' […] | |
| role=region | |
| role=status 'Ready' […] | |
| button uid=… 'Update Status' […] | |
| label='Figure 1' | |
| canvas uid=… […] | |
| textarea uid=… 'This is a text box' […] | |
| 'Price: $11' […] | |
| superscript '99' […] | |
| 'Link to' […] | |
| subscript | |
| 'WebKit home page:' […] | |
| link uid=… […] url=https://webkit.org/ | |
| strikethrough | |
| 'This' […] | |
| link uid=… url=https://www.apple.com/ 'link' […] | |
| 'was deleted' […] | |
| 'Footer content with' […] | |
| role=img label='copyright symbol' '©' […] | |
| '2024' […] |