a11yTips — Use real HTML list elements

Use real HTML list elements

no. 014

Rely on real HTML numbered and bulleted list elements to group related items

Lists are more than just a visual representation of an idea or grouping. Whenever the proper semantic list elements are omitted, assistive technology users are left with a structure that lacks meaning. Lists create relationship between items, providing user agents and assistive technologies with a semantic structure that can be drawn upon to help users better deal with the content. Ordered (numbered) lists require the use of the OL element, while unordered (bulleted) list require using the UL element. The DL element is used to group terms with their definitions.

To do this, simply make sure that whenever content needs to be displayed as a list, that real HTML list markup is being used to do it. By using the proper HTML element, the appropriate semantic will automatically be conveyed to users, including users of assistive technologies. This will not only help them understand that they are about to enter a grouping of items and whether that grouping is ordered or not, but also how many items that list contains.

User Story

As a user using assistive technology, I want my tools to [...]

Read article at dboudreau.tumblr.com

Article Taxonomies

Categories:
Fatal error: Uncaught Error: Object of class WP_Error could not be converted to string in /home/webable/www/www/wp-content/themes/webable/content-mcm.php:65 Stack trace: #0 /home/webable/www/www/wp-includes/template.php(792): require() #1 /home/webable/www/www/wp-includes/template.php(725): load_template('/home/webable/w...', false, Array) #2 /home/webable/www/www/wp-includes/general-template.php(206): locate_template(Array, true, false, Array) #3 /home/webable/www/www/wp-content/themes/webable/single-mcm_article.php(15): get_template_part('content-mcm') #4 /home/webable/www/www/wp-includes/template-loader.php(106): include('/home/webable/w...') #5 /home/webable/www/www/wp-blog-header.php(19): require_once('/home/webable/w...') #6 /home/webable/www/www/index.php(17): require('/home/webable/w...') #7 {main} thrown in /home/webable/www/www/wp-content/themes/webable/content-mcm.php on line 65