This webpage has been created to satisfy the Coding Bootcamp's first challenge. It contains a refactored webpage allowing it to be more in compliance with accessibility requirements and HTML semantics best practices. The original functionality has not been affected.
The source code should be inspected to validate compliance with accesibility requirements and HTML semantics best practices The images should be reviewed to validate they contain alternate text The links should be reviewed to validate they work correctly and are not broken
The github URL containing the code for this challenge is located at:
https://github.com/Maelikah/M1_Refactoring
The github pages URL containing the deployed webpage is located at:
https://maelikah.github.io/M1_Refactoring/
Here is a screenshot of the deployed webpage for reference:
🔏 License
This project is licensed under the terms of the MIT license.
✍️ User Story
AS A marketing agency
I WANT a codebase that follows accessibility standards
SO THAT our own site is optimized for search enginesGIVEN a webpage meets accessibility standards
- WHEN I view the source code
- THEN I find semantic HTML elements
- WHEN I view the structure of the HTML elements
- THEN I find that the elements follow a logical structure independent of styling and positioning
- WHEN I view the icon and image elements
- THEN I find accessible alt attributes
- WHEN I view the heading attributes
- THEN they fall in sequential order
- WHEN I view the title element
- THEN I find a concise, descriptive title