Feedback Page
Technical Description
The Feedback page was developed with a focus on user interaction and data collection..
Accessibility
The Feedback page follows accessibility best practices, including:
- Form labels properly associated with input fields.
- Error messages are screen reader friendly.
- Color contrast ratios meet WCAG standards.
- Follows HTML5 form standards.
- Implements responsive design best practices.
- Ensures consistent behavior across browsers.
Link to the page
Team Page
Technical Description
The Team Page showcases the members involved in the project. It includes individual profiles with images and descriptions, highlighting their roles and contributions.
Accessibility
The Team Page ensures accessibility by providing alt text for images, using semantic HTML for structure, and ensuring keyboard navigability.
Link to the validation page
Link to the page
Content Page
Technical Description
The Content Page utilizes structured HTML with proper heading hierarchies and CSS for styling. It includes multimedia elements with captions for enhanced user experience.
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
Implementing responsive design and ensuring accessibility compliance were key challenges. Using flexbox and media queries improved adaptability, while learning ARIA roles enhanced accessibility knowledge.
Compliance
All pages adhere to Janet web publishing regulations, ensuring proper use of HTML structure, accessibility guidelines, and user privacy considerations.
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).