Implement wireframe with semantic HTML and CSS for 100 accessibility …

[Jawadnoori1718]

London | May-2025 | Jawad Noori | Wireframe

Complete the task list below this message.
If your PR is rejected, check the task list.

This PR implements the wireframe with semantic HTML and achieves a 100% accessibility score.

Key accessibility improvements:

1. Added aria-hidden="true" to decorative image divs
2. Added screen-reader-only text to the "Read More" links
3. Improved focus styles for interactive elements
4. Added proper contrast for all text elements
5. Ensured semantic HTML structure throughout

The implementation includes:

• A header with a title and description
• Three articles with information about README files, wireframes, and Git branches
• A fixed footer with links
• Fully responsive design using CSS Grid

[netlify]

✅ Deploy Preview for cyf-onboarding-module ready!

Name	Link
🔨 Latest commit	3536124
🔍 Latest deploy log	https://app.netlify.com/sites/cyf-onboarding-module/deploys/6823ff63e0d39900080d8ec9
😎 Deploy Preview	https://deploy-preview-468--cyf-onboarding-module.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	2 paths audited Performance: 100 (no change from production) Accessibility: 100 (no change from production) Best Practices: 100 (no change from production) SEO: 85 (🔴 down 1 from production) PWA: - View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify site configuration.