ARIA List using aria-owns

From Level Access Web Labs
Revision as of 22:55, 10 April 2018 by Schou (talk | contribs) (Three ul lists consolidated into ARIA list without aria-owns)
Jump to navigation Jump to search

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