` and add a skip link at the top of the ``: ```html

``` **2C. Fix W3C HTML validation errors** `SEO` - **Impact:** Parser reliability, SEO crawling - **Problem:** W3C Validator reports 7 errors including parser recovery failure at line 101 and invalid iframe placement in ``. - **Solution:** Move the Google Tag Manager iframe out of the `` or ensure it is properly closed within ``. Remove invalid `name` attributes on `` tags. Ensure `

` and add a skip link at the top of ``: ```html

...

``` **2F. Resolve HTML Validation Errors** `Best Practices` - **Impact:** Parser reliability, SEO rendering - **Problem:** W3C Validator reports 7 errors including bad start tags in `iframe`/`noscript` and parser recovery failure at line 100. - **Solution:** Inspect the `` section around line 97-100. Fix the Google Tag Manager `noscript` iframe nesting and remove invalid `meta` attributes (e.g., `name` on meta where not allowed). **2G. Fix contrast and landmark structure** `Accessibility` - **Impact:** WCAG 1.4.3 contrast, 1.3.1 info and relationships - **Problem:** axe-core reports 1 serious color-contrast violation (h1, span) and missing `main` landmark; skip-to-content link is absent. - **Solution:** - Increase contrast on `.heading__main` and `p > span` to ≥4.5:1. - Wrap main content in `

` tag. - Add `` before navigation. **2H. Eliminate render-blocking resources** `Performance` - **Impact:** LCP, FCP, Speed Index - **Problem:** Render-blocking insight estimates 980 ms savings; LCP is 2.6 s (warning threshold 2.5 s). - **Solution:** - Defer non-critical scripts (e.g., `jquery.bfe1bb19d13b3c17b682.min.js`). - Inline critical CSS and defer non-critical stylesheets. **2I. Fix color contrast on headings** `Accessibility` - **Impact:** WCAG 1.4.3 compliance, readability - **Problem:** axe-core found 1 serious violation: color-contrast on `.focus__heading` and `.capabilities__heading` elements. - **Solution:** Increase contrast ratio to at least 4.5:1 for normal text. Adjust CSS colors for `.heading__main` and `.heading__small` elements. ### Priority 3: Best Practice *Recommended for long-term maintainability.* **3A. Optimize LCP and font loading** `Performance` - **Impact:** LCP (2.6 s), FCP (1.96 s) - **Problem:** LCP is 2.6 s on mobile; Browser Runtime shows 3 font requests taking ~580 ms each, contributing to render delay. - **Solution:** Preload the primary font used for the LCP element and use `font-display: swap` in CSS. Consider reducing font file sizes or using variable fonts: ```html ``` **3B. Implement Content Security Policy (CSP)** `Security` - **Impact:** XSS mitigation (low risk site) - **Problem:** CSP is weak (only `frame-ancestors`). Site signals indicate no auth/payments/UGC, so XSS risk is lower but defense-in-depth is recommended. - **Solution:** Deploy a strict CSP with nonces for scripts rather than a flat allowlist: ```apache Header set Content-Security-Policy "default-src 'self'; script-src 'nonce-{RANDOM}' 'strict-dynamic'; object-src 'none'; base-uri 'none';" ``` **3C. Add Explicit Image Dimensions** `Performance` - **Impact:** CLS, Layout stability - **Problem:** HTML Inventory shows 56 images missing width/height attributes, risking layout shifts during load. - **Solution:** Ensure all `` tags include `width` and `height` attributes matching the intrinsic aspect ratio: ```html

``` **3D. Add explicit dimensions to images** `Performance` - **Impact:** CLS (Cumulative Layout Shift) - **Problem:** 53 images lack width/height attributes, risking layout shifts despite current CLS 0.000 score. - **Solution:** Add `width` and `height` attributes to all `` tags matching their intrinsic aspect ratio. Use CSS `aspect-ratio` if dimensions vary. **3E. Add image dimensions and lazy loading** `Best Practices` - **Impact:** CLS, bandwidth - **Problem:** 31 images missing width/height attributes and `loading="lazy"`. - **Solution:** - Add `width` and `height` to all `` tags to reserve space. - Add `loading="lazy"` to images below the fold. **3F. Implement Content-Security-Policy** `Security` - **Impact:** XSS defense-in-depth - **Problem:** CSP is missing (only `frame-ancestors` set). Site has no auth/payments, so risk is lower but still recommended. - **Solution:** Deploy a strict CSP with nonce/hash: ``` Content-Security-Policy: default-src 'self'; script-src 'nonce-{random}' 'strict-dynamic'; object-src 'none'; ``` **3G. Add explicit width/height to images** `Performance` - **Impact:** CLS (Cumulative Layout Shift) - **Problem:** HTML Inventory shows 67 images without explicit width/height attributes, risking layout shifts despite current CLS 0.000. - **Solution:** Add `width` and `height` attributes to all `` tags matching the intrinsic aspect ratio. ```html

```