Validation Evidence

Usmaan Imran | Student ID: 20240530 | Role: Student 2 — Splash Screen & Action Simulator

Splash Screen Validation Report

The screenshot below shows the W3C validation result for the Splash Screen (splash.html). It confirms that the page passed validation successfully with no errors.

W3C Validation screenshot for Splash Screen showing no errors

Result: Document checking completed. No errors or warnings to show.

Back to Page Editor

Splash Screen Description

Action Impact Simulator Validation Report

The screenshot below shows the W3C validation result for the Action Impact Simulator (ais.html). It confirms that the page also passed validation with no errors.

W3C Validation screenshot for AIS showing no errors

Result: Document checking completed. No errors or warnings to show.

Back to Page Editor

Simulator Description

Content Page Validation Report

The screenshot below shows the W3C validation result for the Content Page (content_ST2.html). It confirms that the page passed validation successfully with no errors.

W3C Validation screenshot for Content Page showing no errors

Result: Document checking completed. No errors or warnings to show.

Back to Page Editor

Content Page Description

Reflection on Validation Process

During development, utilizing the W3C validator was crucial for ensuring structural integrity, especially when hardcoding the Action Impact Simulator cards. The validator helped me identify a minor issue where I initially forgot to include the `alt` attribute on an SVG element used within the interactive cards. Correcting this not only cleared the validation warning but directly improved the accessibility of my simulator for screen-reader users. It reinforced the habit of semantic coding from the ground up.

Go top