This project includes a website that was refactored in order to increase accessibility for users.
GIVEN 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 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
In order to meet the acceptance criteria, the following changes were made to the original code.
HTML
- restructured html format
- added section notes
- addressed broken link
- included semantic elements
- ensured heading attributes fell in sequential order
CSS
- reorganized css to match html flow
- condensed redundant css styles
- added section notes