| root |
| role='banner' |
| aria-label='Main Page Title','Welcome to Test Page',[…] |
| navigation,role='navigation',aria-label='Main navigation' |
| list |
| list-item |
| link,uid=…,events=[click],url='mailto:[email protected]','Section 1',[…] |
| list-item |
| link,uid=…,events=[click],url='https://example.com/','Section 2',[…] |
| role='main' |
| section,aria-label='Interactive Elements' |
| button,uid=…,events=[click],aria-describedby='This button does nothing',aria-label='Test button','Click Me',[…] |
| 'This button does nothing',[…] |
| input,'text',uid=…,[…],placeholder='Enter text here' |
| uid=…,role='button',events=[click,keyboard],'Clickable Div',[…] |
| section,aria-label='ARIA Labeling Examples' |
| 'Name Field\n\n \nDescription',[…] |
| input,'text',uid=…,[…],aria-labelledby='Name Field',placeholder='Your name' |
| role='region',aria-labelledby='Description','This region is labeled by another element.',[…] |
| input,'text',uid=…,[…],aria-labelledby='Name Field',placeholder='Full name' |
| 'User Profile',[…] |
| role='group',aria-labelledby='User Profile' |
| 'Username:',[…] |
| input,'text',uid=…,[…],label='Username:' |
| section,aria-label='Content with Roles' |
| article,role='article','Article Title\n\n\n January 1, 2024\n \n\n \nThis is some article content with highlighted text.',[…] |
| role='complementary',aria-label='Related information' |
| 'Related Links',[…] |
| list |
| list-item |
| link,uid=…,events=[hover],url='https://webkit.org/','Example Link',[…] |
| list-item |
| link,uid=…,events=[hover],url='https://apple.com/','Test Link',[…] |
| role='region' |
| role='status','Ready',[…] |
| button,uid=…,events=[click],'Update Status',[…] |
| aria-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',[…] |
| role='contentinfo' |
| 'Footer content with',[…] |
| role='img',aria-label='copyright symbol','©',[…] |
| '2024',[…] |
| version=2 |
