Skip to content

This webpage shows the structure of placing semantic elements in a html file while making the website comply with web accessibility standards.

Notifications You must be signed in to change notification settings

JJG1488/web-accessibility-website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Meeting Accessibility Standards and Semantics


Table of contents


Description

This webpage displays an example of how a website should be structured with properly placed semantic elements in a HTML file that corresponds to an external CSS file.

Website preview

alt text


Live url

[Link to deployed URL] (https://jjg1488.github.io/web-accessibility-website/)


Developer(s)

James J. Gault


Technologies

  1. [HTML] (https://www.w3schools.com/html/html_intro.asp)

  2. [CSS] (https://www.w3schools.com/css/css_intro.asp)

  3. [Screen-Reader] (https://chrome.google.com/webstore/detail/chromevox-classic-extensi/kgejglhpjiefppelpmljglcjbhoiplfn)


Foresight

The future of this website is based upon Website Accessibility Standards. As standards change, this webpage will continue to reflect the proper structure and implementation of semantic elements in html.


Incentive

Driven by the need to display proper semantics that will allow any and everyone to navigate this page and any future web pages clearly and with meaning.


Challenges

There were parts in the HTML of this website that had lots of similar lines that had to be consolidated. Also, this HTML is without any styling tags. All of the styling and positioning tags were placed in the CSS file.


Reasoning

This project was built as a means to show competence in Website Accesibility with HTML semantics.


Solution

If websites are not up to date with accessibility, then there could be lawsuits brought about. Not practicing Web Accessibility could result in a challenge under Title III of the ADA. Title III of the ADA does not support public accomodations that discriminate against someone on the basis of a disability. To avoid consequences, work with a developer that displays Web Accessibiity compliance. [Click Here For More Information] (http://www.adatitleiii.com/2016/02 lack-of-website-accessibility-regulations-is-no-bar-to-suit-another-judge-affirms/)


Take away

Web Accessibility is a vital piece of web development. It gives everyone the advantage and ability to leverage and learn the same information.


About

This webpage shows the structure of placing semantic elements in a html file while making the website comply with web accessibility standards.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published