lavanyavirushan/m1c-accessibility

Module 1 Challenge

Horiseon Search Engine Optimization

Description

This week we refactored the Horiseon Website's codebase to follow accessibility standards in order to optimize the site. We restructed the the codebase so that you can find semantic HTML elements that are structured in a way that is logical and independent of styling and positioning. Image elements were given accessible alt attributes to make it user friendly.

Installation

N/A

Usage

The Horiseon Website is for used to find information about search engine optimization.

Credits

N/A

Link to Site

Lavanya's Module 1 Challenge link

Screenshot of the site

License

Please refer to the LICENSE in the repo.

m1c-accessibility's Issues

CSS

CSS

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 click all the navigation links,
THEN they function correctly.
WHEN I view the code
THEN all selectors and properties are consolidated and organized to follow semantic structure.
WHEN I view the code
THEN I find the CSS file commented properly.

HTML Attributes

HTML Attributes

User Story

As a marketing agency
I want to 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 image elements
THEN I find accessible alt attributes
WHEN I view the heading attributes
THEN they fall in sequential order

HTML BUG-Update class name

HTML BUG

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 have meaningful class name

Move HTML and CSS

Move HTML and CSS

User Story

As a marketing agency
I want to 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 URL link
THEN I find all the necessary files within the root.

Semantic HTML structure

Semantic HTML structure

User Story

As a marketing agency
I want to 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

README

README

User Story

As a marketing agency
I want to codebase that follows accessibility standards
So that our own site is optimized for search engines

Acceptance Criteria

GIVEN the website repository,
WHEN I view the README for the repository,
THEN I can see a professional README that provides information on the site and how to use it.

Descriptive Title

Descriptive Title

User Story

As a marketing agency
I want to 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 title element
THEN I find a concise, descriptive title