Table Demo (H3)
This page was created to show one way to make data tables accessible. Here is a great article by Roger Johansson's on ways to create accessible tables.
Have added JavaScript to this page so you can sort the table contents by clicking on the header links. You can show that they are links by removing the class=“none” from the first table row in the code.
Please make sure to update the “summary” and “caption“ parts of the table.
Name | Phone Number | |
---|---|---|
John F Croston III | jfciii@jfciii.com | 703-555-1212 |
Mickey Mouse | mickey@disney.com | 407-555-1111 |
Minnie Mouse | minnie@disney.com | 407-555-1212 |
The Big Lebowski | dude@dude.com | 619-555-1212 |
Accessibility DC | info@AccessibilityDC.org | 202-555-5555 |
Donald Duck | donald@disney.com | 407-555-1414 |
Goofy | goofy@disney.com | 407-555-1313 |