Web Accessibility Training
Toronto, Montreal, Ottawa and worldwide via Webex More

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® HBP800-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-3800-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 DEVICE800-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

BrandsToll Free number
  • Product 1
  • Product 2
  • Product 3
  • Product 4
  • Product 5
1-800-223-4567
  • Product 1
  • Product 2
  • Product 3
  • Product 4
  • Product 5
1-800-223-4567
  • Product 1
  • Product 2
  • Product 3
  • Product 4
  • Product 5
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


EMAIL

help at can hyphen adapt dot com, (spoken phonetically to trick spam bots)

PHONE

six one three, eight zero six, nine zero zero five

SOCIAL MEDIA