Validation Documentation

Ensuring quality, accessibility, and standards compliance for our Climate Action website.

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.

Validation for Profile Page

PASSED

Profile page is validated using the W3C Markup Validation Service to ensure they meet HTML5 standards and best practices.

Profile Page validation screenshot

Initial Issues Found

  • Missing descriptive alt attributes on images
  • Unclosed div elements in the profile main section
  • Deprecated tags in the navigation menu
  • Incorrect nesting of heading elements in the profile details
  • Multiple h1 elements used inappropriately

Fixes Implemented

  • Added descriptive alt attributes to all images
  • Closed all unclosed div elements in the profile main section
  • Replaced deprecated tags in the navigation menu with modern HTML5 elements
  • Corrected the nesting of heading elements in the profile details
  • Replaced multiple h1 elements with appropriate heading levels

Sitemap Page Validation

PASSED

The sitemap page was validated using the W3C Markup Validation Service and CSS Validation Service to ensure compliance with HTML5 and CSS3 standards.

Sitemap page validation screenshot

Initial Issues Found

  • Incorrect use of svg elements causing rendering issues
  • Missing title and desc elements for accessibility
  • Improper grouping of g elements leading to inconsistent styles
  • Unoptimized path elements increasing file size

Fixes Implemented

  • Replaced incorrect svg usage with properly structured svg elements
  • Added title and desc elements to improve accessibility
  • Grouped g elements logically to ensure consistent styling
  • Optimized path elements to reduce file size and improve performance

Content Page Validation

PASSED

The content page was validated using the W3C Markup Validation Service and CSS Validation Service to ensure compliance with HTML5 and CSS3 standards.

Content page validation screenshot

Initial Issues Found

  • Missing descriptive alt attributes on images
  • Unclosed div elements in the content sections
  • Improper nesting of heading elements
  • Use of inline styles instead of external CSS

Fixes Implemented

  • Added descriptive alt attributes to all images for better accessibility
  • Closed all unclosed div elements in the content sections
  • Corrected the nesting of heading elements to follow semantic HTML structure
  • Moved all inline styles to external CSS for improved maintainability

Validation Tips & Best Practices

Here are some best practices for ensuring your website meets validation standards:

  1. Validate Continuously: Regularly validate your code during development to catch issues early.
  2. Leverage Validation Tools: Use tools like W3C Validator and Lighthouse for comprehensive checks.
  3. Focus on Accessibility: Ensure compliance with WCAG guidelines for an inclusive user experience.
  4. Optimize for Performance: Minimize inline styles and use external CSS for better maintainability.
  5. Document Fixes: Keep a record of validation errors and resolutions for future reference.

Contribute to Our Mission

Your feedback and contributions are invaluable in helping us combat climate change effectively.

Share Your Feedback Join as a Volunteer