a11yTips — Assign a contentInfo landmark role to the page’s…

Assign a contentInfo landmark role to the page’s footer section

no. 043

Make sure the page footer is identified using the contentinfo landmark role

It is common practice to assign descriptive ID values such as id=”footer” to the footer section of the page, but this information conveys no semantics to assistive technologies. The contentinfo landmark role is intended to fix this, by programmatically defining a region that usually contains the page footer. This usually marks metadata that applies to the parent document (or info about the content), such as footnotes, copyrights, links to privacy statements and occasional parallel navigation. The purpose of the footer landmark role is to identify a unique region as the footer section, and convey that information to assistive technologies. It is generally reserved to the section sitting at the bottom of the interface.

To do this, simply make sure the “contentinfo” ARIA landmark role is assigned to the footer section of the page. Within any document or application, the author should mark no more than one element with the contentinfo landmark role. As a complementary practice to provide additional confirmation about the region’s purpose, consider providing an aria-label attribute with a value of “Site Footer” to add a descriptive [...]

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(812): require() #1 /home/webable/www/www/wp-includes/template.php(745): 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