1: Code Refractor
- Introduction
User Story: AS A marketing agency I WANT a codebase that follows accessibility standards SO THAT our own site is optimized for search engines
- Requirements
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
- Fixes
- Semantic fix from div to nav for the top navigation
- Semantic fix from Div to Article
- Semantic fix change of Div to footer
- Added Alt tags to all images
- Added image tag to all images
- Added Aria Label to all Images