a11yTips — Organize content in layout tables so it linearizes…

Organize content in layout tables so it linearizes properly

no. 065

Make sure the reading order of content organized in tables renders meaningfully

Whenever tables are used for layout and content is positioned in different cells, authors run the risk of creating a discrepancy between the visual presentation of the content and how assistive technologies will interpret that content. Since screen readers work with the underlying markup, they read tables row-by-row and cell-by-cell, therefore reading each cell in its entirety before moving on to the next. In order to preserve a logical reading order, authors need to make sure linearization does not break the meaning or logical sequence of the content, by inadvertently introducing problems with its natural reading order.

To do so, simply make sure content embedded in layout tables still make sense when linearized. To ensure users with disabilities receive content in an order that remains logical and meaningful when those tables are removed, analyze the order of the content as it appears in the markup and validate that this order is consistent with the visual order of presentation. Any situation where linearizing a table ends up breaking the logical sequence of the content is a situation where users run the [...]

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