Difference between revisions of "ARIA List using aria-owns"

From Level Access Web Labs
Jump to navigation Jump to search
Line 1: Line 1:
=ARIA based 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.
 
Below are several ul lists converted into a single ARIA-based list using ARIA roles and property without restructuring the code.
 
==Three ul lists==
 
==Three ul lists==
Line 44: Line 43:
 
</body>
 
</body>
 
</html>
 
</html>
 +
==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.
 
[[Category:ARIA]]
 
[[Category:ARIA]]

Revision as of 22:25, 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.