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

From Level Access Web Labs
Jump to navigation Jump to search
(Three ul lists consolidated into ARIA list using aria-owns)
Line 22: Line 22:
 
</body>
 
</body>
 
</html>
 
</html>
===Code snippet===
 
<syntaxhighlight lang="html4strict">
 
<ul>
 
  <li>United States</li>
 
  <li>Canada</li>
 
  <li>Mexico</li>
 
</ul>
 
<ul>
 
  <li>Brazil</li>
 
  <li>Columbia</li>
 
  <li>Argentia</li>
 
</ul>
 
<ul>
 
  <li>France</li>
 
  <li>Germany</li>
 
  <li>Spain</li>
 
</ul>
 
</syntaxhighlight>
 
 
==Three ul lists consolidated into ARIA list using aria-owns==
 
==Three ul lists consolidated into ARIA list using aria-owns==
 
<html>
 
<html>
Line 62: Line 44:
 
</body>
 
</body>
 
</html>
 
</html>
===Code snippet===
 
 
 
 
[[Category:ARIA]]
 
[[Category:ARIA]]

Revision as of 22:20, 10 April 2018

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.

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