manylizards / accessibility-project

The first project of UT's Coding bootcamp in which I must ensure that the code provided to me adheres to the accessibility guidelines

Accessibility-Project

Description

The first project of UT's Coding bootcamp in which I must ensure that the code provided to me adheres to the accessibility guidelines. I was eager to prove my ability to make a website accessible. The starter code is a main landing page for a company called Horiseon. It provides information on marketing for businesses, but was lacking some images, alt image defining words, and the layout was inaccurate to how the client wanted it. I learned how to fix these errors to keep in mind differently-abled people and make the website accessible.

Table of Contents

• Installation
• Usage
• Credits
• License

Installation

No installation required, simply open the link below.

Usage

To test the accessibility of this site, turn on your screen reader and check it out! (Windows: windows key + ctl + enter to start and stop) (Mac: Apple menu > System Settings > Accessibility > Voiceover)

See the deployed page here. https://manylizards.github.io/Accessibility-Project/

Credits

The challenge was presented to me by the University of Texas' Online Boot Camp.

License

MIT License

accessibility-project's Issues

Technical Acceptance Criteria

Ensure links function correctly, the CSS selectors and properties are consolidated and organized to follow semantic structure, and the CSS file is properly commented

Link-Functionality

Ensure all application links function correctly

CSS-Accuracy

Ensure the application resembles at least 90% of the screenshots from instructions

CSS-Comments

Properly comment on the CSS file

Images-Alt

Ensure all images have an acessible alt attribute

Deployment

deploy application at a live URL

README

include description of the application, a screenshot of the finished application, and a link to the deployed application

CSS-Semantics

Ensure CSS selectors and properties are consolidated and organized to follow semantic structure

Title

Add a concise, descriptive title