html5-img
1 / 23

Accessible Tables

Accessible Tables. Why?. 2 Types of Tables. Data Tables Layout Tables. Layout Tables. Make sure tables make sense when read left to right, top to bottom. KISS Keep it Super Simple. Data Tables. Microsoft Office. Table Headings. To add table headings in MS Office: Select the table.

nigel-austin
Download Presentation

Accessible Tables

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Accessible Tables

  2. Why?

  3. 2 Types of Tables Data Tables Layout Tables

  4. Layout Tables

  5. Make sure tables make sense when read left to right,top to bottom KISS Keep it Super Simple

  6. Data Tables

  7. Microsoft Office

  8. Table Headings To add table headings in MS Office: Select the table.

  9. Table Headings To add table headings in MS Office: From the Table Tools ribbon area choose Design.

  10. Table Headings To add table headings in MS Office: Select Header Row and/or First Column as appropriate

  11. MS Word - Captions To add a caption in MS Word: Select the table In the References Ribbon choose Insert Caption

  12. MS Word – Repeat Header To repeat headers when a table is longer than one page Select the table From the Table Toolsribbon choose Layout choose Repeat Header Rows

  13. Web Tables Column and Row Headers Caption Summary

  14. SharePoint Designer

  15. Column and Row Headers • Select Row or Column • Table Menu > Table Properties > Cell • Check “Header Cell”

  16. Scope • Click in Cell • Tag Properties • Scope • Down Arrow • col – column header • row – row header • colgroup - merged column headers • rowgroup – merged row headers

  17. Caption • Put cursor in table • Table menu • Insert • Caption

  18. Summary Select Table Tag Properties Summary Type a descriptionof the table

  19. Dreamweaver

  20. Layout Tables No headers, scope, captions or summary

  21. Good AccessibilityPractices for Tables Keep tables simple Avoid nested tables Avoid splitting or merging cells Use percentage rather than pixels to set table and cell size Keep heading labels short and descriptive Add captions to provide information about the table

  22. Resources Accessibility Workshop Websitewww.cuyamaca.edu/tlc/workshops/access/ Cuyamaca Online Bloghttp://cuyamaca-online.blogspot.com/

More Related