HTML Validation Results
This page documents the validation process for the Climate Action website, showing the results of W3C validation and the steps taken to ensure compliance with web standards.
Home Page Validation
PASSED
Home page is validated using the W3C Markup Validation Service to ensure they meet HTML5 standards and best practices.
Initial Issues Found
- Missing alt attributes on some images
- Unclosed div elements in the news section
- Deprecated tags in the footer section
- Invalid nesting of heading elements
- Multiple
h1elements used incorrectly
Fixes Implemented
- Added descriptive alt text to all images for accessibility
- Fixed unclosed div tags throughout the document
- Replaced deprecated tags with modern HTML5 elements
- Corrected heading hierarchy for better document structure
- Replaced additional
h1elements with appropriate heading levels (e.g.,h2,h3)
Example of fix for multiple h1 elements:
<h1>Act<span>4</span>Climate</h1>
<p>Act<span>4</span>Climate</p>
<img src="images/validation_img/v2.png" />
<img src="images/validation_img/v2.png" alt="Home page validation screenshot"/>
Table Page Validation
PASSED
The table page was validated using the W3C Markup Validation Service and CSS Validation Service to ensure compliance with HTML5 and CSS3 standards.
Initial Issues Found
- Missing
theadandtbodytags in the table structure - Improper use of inline styles for table cells
- Unnecessary use of deprecated
borderattribute - Invalid CSS selectors targeting table rows
Fixes Implemented
- Added proper
theadandtbodytags for semantic structure - Moved inline styles to external CSS for better maintainability
- Replaced deprecated
borderattribute with modern CSS border properties - Corrected CSS selectors to properly target table rows
Example of fix for table structure:
<table style="border: 1px solid black;"><tr><td>Data</td></tr></table>
<table><thead><tr><th>Header</th></tr></thead><tbody><tr><td>Data</td></tr></tbody></table>
Validation Tips & Best Practices
Based on our experience validating the Climate Action website, here are some recommended practices:
- Validate Early and Often: Don't wait until the end of development to check for validation issues.
- Use Browser DevTools: Built-in developer tools can catch many issues before formal validation.
- Test Accessibility: Use screen readers and keyboard navigation to ensure the site works for all users.
- Check Real Devices: Emulators are helpful, but testing on actual devices provides the best feedback.
- Keep a Validation Log: Document issues and fixes to help with future projects.