Coding for Beginners: How to make a table accessible?
Coding for Beginners: How to make a table accessible?
We touched upon some issues of accessibility with forms. What about tables?
There are semantic elements we can add to our tables to help identify the roles of the content of our table: thead, tbody, and tfoot. This is important especially when you have a long, complicated table with a lot of information.
In addition to using the th element to identify a heading in a table column or row, we can use the thead element to further indicate the first row as a header row in a table.
This is useful to those accessing your table data using an assistive device. It differentiates the header section from the body or main content which would be enclosed in a tbody element.
Any footer information would be enclosed in a tfoot element. The footer of a table should contain ancillary information that puts the table data in context or may provide additional information to clarify the data presented.
Jumpstart Your Learning of HTML and CSS is now LIVE! If you’ve been enjoying The Daily Code Snippet and want to accelerate your learning of HTML and CSS, be sure to check out this workshop: http://get.designerslearncode.com/jum...
In this coding bootcamp, you will not only learn about code but also have hand’s on practical and by the end of the course, you will have coded your first web page. This course is suitable for beginners as we go over the basics. The course does touch upon topics that may be more familiar to those who are designers. This may be helpful to those who want to learn how to create websites with design in mind.