This Lab 5 implemented concepts of accessibility such as utilizing appropriate tags, modifying html to accomdate for screen readers, modifying tags to utilize the 'tab' keyboard accessibility tool, and others code cleanup to make files more aesthetic.
Besides checking the accessibility when inspecting my website, there are no tests
The dimensions of the website does not fit the page. There are no header tags, in place instead. No paragraph tags. Too many break tags around header tags, lessen white space. Wrapped the navigation bar with
tags instead ofFor the most part, everything visually about the website is already good quality. A lot of the accessibility implementation focused on screen reader accessibility and correct tag usage.
-
To run website, click on the green button above labeled "Code" and copy the URL under HTTPS.
-
Open GitBash and navigate to a repository/folder where you would like to hold this repository.
-
Run the following command with the URL you copied.
$ git clone [URL]- Open VScode (or other platform), Click on File -> Open Folder, and find the location of the copied repository and open it.
- Click on index.html in the 'assessment-files' folder, right-click on the same file and click "Show preview." This should open the website to the right. You can also copy the URL and paste it into your browser.
https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Accessibility/Multimedia