Home > WCAG HTML Techniques

H51 Example 1: A schedule marked up as a simple data table with column and row headers

	Monday	Tuesday	Wednesday	Thursday	Friday
8:00-9:00	Meet with Sam
9:00-10:00			Doctor Williams	Sam again	Leave for San Antonio

Source:

H51: Using table markup to present tabular information

Source code on GitHub

Tested on:

Windows 7, Firefox ESR 45.4.0, and JAWS 17
- Result: Screen reader announces the content of the data table.
iOS 10.2.1, Safari browser is based on the iOS version, VoiceOver on iPad
- Result: iOS VoiceOver did not read content as expected when using swipe left/right gesture. Column headings read out of order. VoiceOver announces:
- Result: iOS VoiceOver reads as expected when using 2 finger swipe down Read All gesture.
Android 7.1.2; Pixel, Chrome 55.0.2883.91, and TalkBack Version: 5.0.4.3.
- Result: TalkBack announces