Difference between revisions of "ARIA List using aria-owns"
Jump to navigation
Jump to search
(→Three ul lists consolidated into ARIA list without aria-owns) |
(→Three ul lists consolidated into ARIA list without aria-owns) |
||
Line 48: | Line 48: | ||
==Three ul lists consolidated into ARIA list without aria-owns== | ==Three ul lists consolidated into ARIA list without aria-owns== | ||
− | List items are not direct child of role="list" element but the | + | List items are not direct child of role="list" element but the ul element in between has a role="none". |
<html> | <html> | ||
<head> | <head> | ||
Line 72: | Line 72: | ||
===Test Results=== | ===Test Results=== | ||
TBD | TBD | ||
+ | |||
==Three ul lists consolidated into ARIA list using aria-owns== | ==Three ul lists consolidated into ARIA list using aria-owns== | ||
<html> | <html> |
Latest revision as of 22:55, 10 April 2018
Below are several ul lists converted into a single ARIA-based list using ARIA roles and property without restructuring the code.
Contents
Three ul lists
- United States
- Canada
- Mexico
- Brazil
- Columbia
- Argentia
- France
- Germany
- Spain
Three ul lists consolidated into ARIA list without aria-owns
List items are not direct child of role="list" element but the ul element in between has a role="presentation".
- United States
- Canada
- Mexico
- Brazil
- Columbia
- Argentia
- France
- Germany
- Spain
Test Results
TBD
Three ul lists consolidated into ARIA list without aria-owns
List items are not direct child of role="list" element but the ul element in between has a role="none".
- United States
- Canada
- Mexico
- Brazil
- Columbia
- Argentia
- France
- Germany
- Spain
Test Results
TBD
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.