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 Feedback Page

PASSED

The Feedback page was validated using the W3C Markup Validation Service to ensure compliance with HTML5 standards and best practices.

Feedback page validation screenshot

Initial Issues Found

  • Missing label elements for some form inputs
  • Improper nesting of fieldset and legend elements
  • Missing required attributes on mandatory fields
  • Improper use of textarea without a maxlength attribute

Fixes Implemented

  • Added label elements for all form inputs to improve accessibility
  • Corrected nesting of fieldset and legend elements for semantic structure
  • Added required attributes to mandatory fields
  • Specified maxlength attribute for textarea to limit input length

Example of fix for missing label elements:

<input type="text" id="name" placeholder="Enter your name">
<label for="name">Full Name:</label><input type="text" id="name" placeholder="Enter your name" required>
<textarea id="message"></textarea>
<textarea id="message" maxlength="500" placeholder="Enter your feedback" required></textarea>

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 alt attributes for some images
  • Improper nesting of section and article elements
  • Missing lang attribute in the html tag
  • Improper use of h1 tags for multiple sections

Fixes Implemented

  • Added alt attributes to all images for better accessibility
  • Corrected nesting of section and article elements for semantic structure
  • Added lang="en" attribute to the html tag
  • Replaced multiple h1 tags with appropriate heading levels

Example of fix for image alt attributes:

<img src="image.jpg">
<img src="image.jpg" alt="Description of the image">

Team Page Validation

PASSED

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

Team page validation screenshot

Initial Issues Found

  • Missing alt attributes for some images
  • Improper nesting of div elements within the team member cards
  • Missing lang attribute in the html tag
  • Improper use of h1 tags for multiple sections

Fixes Implemented

  • Added alt attributes to all images for better accessibility
  • Corrected nesting of div elements for semantic structure
  • Added lang="en" attribute to the html tag
  • Replaced multiple h1 tags with appropriate heading levels

Validation Tips & Best Practices

Based on our experience validating the Climate Action website, here are some recommended practices:

  1. Validate Early and Often: Don't wait until the end of development to check for validation issues.
  2. Use Browser DevTools: Built-in developer tools can catch many issues before formal validation.
  3. Test Accessibility: Use screen readers and keyboard navigation to ensure the site works for all users.
  4. Check Real Devices: Emulators are helpful, but testing on actual devices provides the best feedback.
  5. Keep a Validation Log: Document issues and fixes to help with future projects.

Help Us Maintain Quality Standards

Found an issue we missed? Let us know so we can continue to improve our website.

Report an Issue View Development Resources