brittanymy / functional-door

Challenge 1

Code Refactor Starter Code

Description

A more descriptive title has been added to give users a broader understanding of the page's content.

Image elements require alt attributes in case browser cannot load image. Alt attributes give the image a description as an alternative to an error.

Semantic HTML elements help give the index.html structure. This makes it easier for the developer to understand the HTML and the user's content is more organized in browser. Adding a header, sections, and a footer made my HTML less cluttered.

Indentations contribute to web pages styling, positioning and overall structure of HTML.

Making comments throughout my HTML adds clarity to pages content behind the scenes.

User Story

AS A marketing agency I WANT a codebase that follows accessibility standards SO THAT our own site is optimized for search engines

Acceptance Criteria

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

Screenshot of webpage and deployed link

https://brittanymy.github.io/functional-door/