Profile Page
Technical Description
The Profile Page was designed using HTML and CSS, incorporating responsive design principles to ensure compatibility across different devices. Semantic elements were used to improve readability and maintainability.
Accessibility
The Profile Page follows accessibility best practices, including descriptive alt attributes for images, keyboard navigability, and proper ARIA roles.
Link to the validation page
Link to the page
Sitemap Page
Technical Description
The Sitemap Page provides a structured overview of the website's content, using HTML lists to organize links. It helps users and search engines navigate the site more effectively.
Accessibility
Proper heading structure and ARIA roles were used to ensure the Sitemap Page is accessible to all users, including those using screen readers.
Link to the validation page
Link to the page
Content Page
Technical Description
This page uses structured HTML headers together with CSS for its presentation structure. This layout contains multimedia components integrated with caption text to improve user view.
Accessibility
ARIA roles and labels were used to improve navigation and usability for assistive technologies.
Link to the validation page
Link to the page
Challenges and Lessons Learned
The main difficulties during development involved achieving responsive design and accessibility requirements. The project benefited from flexbox and media queries to increase adaptability alongside learning ARIA roles which improved accessibility understanding.
Compliance
The site follows Janet web publishing regulations by applying HTML structure principles and accessibility guidelines alongside adequate user privacy measures to all pages.
References
- Pixabay (2025) Pixabay. Available at: https://www.pixabay.com/ (Last accessed: 04 Mar 2025).
- W3Schools (2025) W3Schools. Available at: https://www.w3schools.com/ (Last accessed: 4 Mar 2025).