HAP image validation

HAP image validation checks that character expressions match content context, Cloudinary URLs follow optimization patterns (f_auto, q_auto, w_150/w_200, c_limit, v[VERSION]), and images have proper alt text and HTML attributes like width, height, decoding="async", and loading="lazy" or fetchpriority="high".

Emotional context validation ensures each HAP character image's expression—confused, celebrating, etc.—aligns with the surrounding content's emotional tone, preventing mismatched visuals in educational materials and maintaining consistent storytelling.

Yes. The validation automatically audits Cloudinary URLs against a definitive inventory, verifying correct filenames, optimization parameters, and conformance to standard patterns, eliminating manual link checks across station HTML files and content pipelines.

Accessibility attributes—descriptive alt text, width, height, decoding="async", and loading="lazy" or fetchpriority="high"—ensure images are perceivable by assistive technologies and load efficiently, meeting accessibility standards and improving performance.

Run validation after adding or updating HAP images in learning stations, during content review pipelines, and before deployment to catch emotionally mismatched images, malformed URLs, and missing accessibility attributes early.

Yes. The validation covers all HAP assets used in station HTML files, note callouts, image placements, and content review pipelines, providing comprehensive auditing across creation, editing, review, and deployment workflows.