henryjamesgreen / module-one-challenge

A web application for a marketing agency

Marketing Agency Web Application

Improved accessibility for Marketing website

This project aims to improve accessibility features in order to enhance performance for users with disabilities, whilst simultaneously improving the applciation's SEO capabilities.

Installation

N/A

Usage

In the context of improved accessibility, this is being achieved by reworking the HTML elements, including changes to semantic elements, combined with a reconfiguration of CSS elements. 'Alt' and 'title' elements are also added, while html headings are in sequential order.

The CSS elements are commented upon, in order to make the document easier to read for future developers/members.

The above can be viewed by accessing DevTools (accessible by pressing command+Option+I (macOS) or Control+Shift+I (Windows).

Credits

N/A

License

Please refer to license in the repo.

module-one-challenge's Issues

HTML - Logical Structure

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 marketing agency website
WHEN I view the source code
THEN I find logical HTML structure throughout, independent of styling and positioning

Alt Attributes

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 marketing agency website
WHEN I view the website in my browser (and inspect)
THEN I find that image and icon elements contain accessible attributes

Title Elements

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 marketing agency website
WHEN I view tin browser
THEN I find title elements to contain a concise, descriptive title

Heading Attributes

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 marketing agency website
WHEN I view the source code
THEN I find the heading attributes in sequential order

Semantic HTML

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 marketing agency website
WHEN I view the source code
THEN I find semantic HTML elements throughout