When one value needs to be merged across rows
accessible table
Current (inaccessible) Version
| BRANDS | Toll-Free Number |
| A&D® | 800-317-2165 |
| Afrin® | |
| Chlor-Trimeton® | |
| Coricidin® HBP | |
| Correctol® | |
| DuoFilm® | |
| hydraSense® | |
| Mexsana® Powder | |
| Aleve-D® | 800-986-0369 |
| Alka-Seltzer Plus® | |
| Alka-Seltzer® | |
| Phillips'® | |
| Bayer® Aspirin | 800-331-4536 |
| Bayer® Pro Ultra Omega-3 | |
| Midol® | |
| TruBiotics® | 800-353-3343 |
| TruHeart® | |
| TruNatal™ | |
| Aleve® | 800-395-0689 |
| Aleve® Direct Therapy® TENS DEVICE | |
| Aleve® PM |
Solution 1 Accessible version
Put each row header in a row, and just repeat the phone number on the right in each row and place them offscreen.
| BRANDS | Toll-Free Number |
|---|---|
| A&D® | 800-317-2165 |
| Afrin® | 800-317-2165 |
| Chlor-Trimeton® | 800-317-2165 |
| Coricidin® HBP | 800-317-2165 |
| Correctol® | 800-317-2165 |
| DuoFilm® | 800-317-2165 |
| hydraSense® | 800-317-2165 |
| Mexsana® Powder | 800-317-2165 |
| Aleve-D® | 800-986-0369 |
| Alka-Seltzer Plus® | 800-986-0369 |
| Alka-Seltzer® | 800-986-0369 |
| Phillips'® | 800-986-0369 |
| Bayer® Aspirin | 800-331-4536 |
| Bayer® Pro Ultra Omega-3 | 800-331-4536 |
| Midol® | 800-331-4536 |
| TruBiotics® | 800-353-3343 |
| TruHeart® | 800-353-3343 |
| TruNatal™ | 800-353-3343 |
| Aleve® | 800-395-0689 |
| Aleve® Direct Therapy® TENS DEVICE | 800-395-0689 |
| Aleve® PM | 800-395-0689 |
Solution 2: Accessible table
Put one row for each phone number, and use list items in the table cell
| Brands | Toll Free number |
|---|---|
|
1-800-223-4567 |
|
1-800-223-4567 |
|
1-800-223-4567 |
Feel free to comment on Twitter @davidmacd
Author information:
David MacDonald is a veteran WCAG member, co-editor of Using WAI ARIA in HTML5 and HTML5 Accessibility Task Force Member. Opinions are my own.
CONTACT US
For a quote or just to chat about your organization's needs
