Rebuild and Format Tables

Tables built with the Table Widget should be rebuilt using the table tool in the Editor Widget to ensure continued usability and mobile responsiveness as the Editor Widget is being updated frequently. Tables should only be used for organizing data, and tables being used for formatting purposes should be removed and replaced with an Editor Widget.

Tables should have either a header row across the top or a header column down the side. If a cell does not have content, please enter Not Applicable (N/A) to assist users who have screen readers. Tables must have properly labeled rows and column headers for compliance with the Americans with Disabilities Act (ADA).

Color Use

Web Content Accessibility Guidelines (WCAG) Level A

• Color should not be used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element.
  • It is recommended that colors are not used within tables.
• This code will remove a background color from a table within an Editor within a Tabbed widget.

<style>
 .tabbedWidget .editor table td { background-color: transparent; }
</style>

Resources

• ADA Compliant Tables
• WCAG Information and Relationships
• Guideline 1.4.1 Use of Color
• Editor Widget Overview
• Insert a Table in the Editor Widget
• Table Compliance & Accessibility
• Editor Widget Tables