Challenge-1 for UCONN BootCamp
This Challenge was to change the div tags to semantic tags like header, section, aside, and footer. The challenge also involved adding alt attributes to all images in the html file along with changing the title.
AS A marketing agency I WANT a codebase that follows accessibility standards SO THAT our own site is optimized for search engines
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
N/A
To use this Challenge 1, you can open the Chrome DevTools by pressing Control+Shift+I (Windows) to inspect the use of semantic tags like header, section, aside, and footer are used. You also see that I combined the repeating CSS along with added the proper alt tags to images.
N/A
MIT License