Difference between revisions of "ARIA List using aria-owns"
Jump to navigation
Jump to search
| Line 25: | Line 25: | ||
<head> | <head> | ||
<body> | <body> | ||
| − | <div role="list" | + | <div role="list" > |
<ul role="presentation"> | <ul role="presentation"> | ||
<li id="na1" role="listitem">United States</li> | <li id="na1" role="listitem">United States</li> | ||
Revision as of 22:44, 10 April 2018
Below are several ul lists converted into a single ARIA-based list using ARIA roles and property without restructuring the code.
Three ul lists
- United States
- Canada
- Mexico
- Brazil
- Columbia
- Argentia
- France
- Germany
- Spain
Three ul lists consolidated into ARIA list using aria-owns
- United States
- Canada
- Mexico
- Brazil
- Columbia
- Argentia
- France
- Germany
- Spain
Test Results
JAWS 18 behaves differently between IE and Chrome. In IE, JAWS announces the list as having 18 items whereas in Chrome it announces as having 9 items. It appears in IE, JAWS 18 will also recognize list items that are not direct child of the role=list container element.