https://github.com/williamcrownover/horiseon-accessibility-refactor

A refactoring of an existing website for accessibility standards.
https://github.com/williamcrownover/horiseon-accessibility-refactor

accessibility css html refactor

Last synced: 11 months ago
JSON representation

A refactoring of an existing website for accessibility standards.

• Host: GitHub
• URL: https://github.com/williamcrownover/horiseon-accessibility-refactor
• Owner: WilliamCrownover
• Created: 2021-05-01T00:36:20.000Z (about 5 years ago)
• Default Branch: main
• Last Pushed: 2021-05-02T03:39:35.000Z (about 5 years ago)
• Last Synced: 2025-01-15T20:33:08.707Z (over 1 year ago)
• Topics: accessibility, css, html, refactor
• Language: HTML
• Homepage:
• Size: 47.7 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Horiseon Accessibility Refactor

## Live Site

https://williamcrownover.github.io/Horiseon-accessibility-refactor/

![Horiseon Website Screenshot](./Develop/assets/images/horiseon-screenshot.jpg)

## Goal

The goal of this project was to refactor an existing webpage for the marketing agency Horiseon to meet new and updated accessibility standards and optomize for search engines.

## Process

* Created a repository on Github that will document my refactor of an existing website

* Copied the original website files to my repo on Github

* Cloned the repo to my local machine to begin refactoring

* Replaced html divs with semantic elements

    * Header

        * Nav

    * Figure

    * Main

        * Section

        * Section

        * Section

    * Aside

        * Section

        * Section

        * Section

    * Footer

* Checked that top navigation links work

    * Added id="search-engine-optimization" to first section to fix link

* Added a title to the hero background image as a supplemental alt attribute

* Added accessible alt attributes to images

* Updated the head webpage title to "Horiseon Marketing Solutions"

* Consolidated CSS into semantic groups and replaced unnecessary classes with element selectors

* Added comments to CSS for organizational purposes