❌ INNACCESIBLE TABLE
Sales Data Table
This table contains quarterly sales data but has several accessibility issues that make it difficult or impossible for screen reader users to understand.
| Department | Q1 Sales Data | Total | ||
| January | February | March | ||
| Marketing | $45,000 | $52,000 | $48,000 | $145,000 |
| Sales | $67,000 | $71,000 | $69,000 | $207,000 |
| Support | $23,000 | $28,000 | $31,000 | $82,000 |
Problems with This Table
- No proper table headers: Uses regular <td> cells instead of <th> elements for headers
- Missing scope attributes: Merged cells don't specify whether they're column or row headers
- No table caption: Screen readers can't announce what the table contains
- Poor semantic structure: Assistive technology cannot properly navigate the data relationships
Try This
- Inspect elements: Review the HTML code in the elements window
- WAVE Tool: Run the WAVE accessibility checker on this page to see the structural issues
- Keyboard Navigation: Try using Tab and arrow keys to navigate - the experience is confusing