ARIA List using aria-owns

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 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.