Accessible Semantic HTML5 Document

Welcome to our website

This is the home page.

About us

This is the about page.

Contact us

This is the contact page.

**Accessibility Features:** 1. **Semantic HTML5 Elements:** The code uses semantic HTML5 elements like `header`, `nav`, `main`, and `footer` to provide a clear structure and meaning to the document. 2. **Accessible Navigation:** The navigation menu is built using an unordered list (`ul`) with list items (`li`) and links (`a`). This provides a clear and accessible navigation structure. 3. **Screen Reader Support:** The code includes a clear and concise `alt` attribute for images (not included in this example), which is essential for screen reader support. 4. **Keyboard Navigation:** The code includes a clear and accessible navigation structure, which allows users to navigate using their keyboard. 5. **Color Contrast:** The code includes a sufficient color contrast between the background and text colors, which is essential for users with visual impairments. **Semantic HTML5 Standards:** 1. **Header Element:** The `header` element is used to define the header section of the document. 2. **Navigation Element:** The `nav` element is used to define the navigation section of the document. 3. **Main Content Element:** The `main` element is used to define the main content section of the document. 4. **Footer Element:** The `footer` element is used to define the footer section of the document. 5. **Section Element:** The `section` element is used to define a self-contained section of related content. Overall, the code meets both accessibility and semantic HTML5 standards by providing a clear and accessible structure, using semantic HTML5 elements, and including essential accessibility features.