Tables and Beers – 24 Accessibility

Tables and Beers

Posted on December 24, 2018 by Steve Faulkner

It’s end of 2018, table markup has been with us since HTML 3.2 circa 1997.

You (and I) would think that the representation of data table semantics in the accessibility tree, complete interoperability implementation in browsers, expert advice on marking up accessibly and mature feature functionality in Screen Readers, is a given… Time for a beer.

A really simple table, with one row of or column of table headers in row 1 or column 1

Table with header cells in the top row only

Now sit back, relax, take a long sip on that cold beer:

On Windows 10

  • In Firefox – looks good, the table is represented correctly. th=column header and td=cell.
  • In Chrome – looks good, the table is represented correctly. th=column header and td=cell.
  • In Edge – looks good, the table is represented correctly. th=LocalizedControlType: “header item” and td=LocalizedControlType:”cell”. Each of the cells have the correctly associated header, for example 12 February cell has Table.ItemColumnHeaderItems: “Date” header item.
  • In IE 11 things don’t look so great:The column headers are exposed as row headers not to mention the absence of row semantics doh! But don’t let that bother you unduly, sip don’t gulp, as IE 11 [...]

Read article at 24a11y.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