Module 7 Usability Updates

When updating my module 6-5 website into the module 7 website I did not have time for a lot of updates, so most of what I did was adding metadata to all the pages to make it easier for screen readers. I also labeld all navigation links as such, so screen readers and certain browsers would not have to generate content that would worsen accesibility. I added download links for all the pdfs of my essays both so those who have to use screen readers can just download the file and their screen reader can read the downloaded version, and because the pdfs would not load on mobile. What led me to making these changes was, 1, the list of things needed for a website to be accesible, and 2, a small usability test I did where I loaded my website on different kinds of devices to see if it would still function properly. The usability test told me the most, as mobile devices to not have the same plugins as computers so I had to add things that made some content accesible to mobile, and I figured if mobile users had trouble then disabled users would too. I also ran my website through WAVE and the W3 validator. According to Wave my biggest accesiblity issue was contrast errors, so I changed the backgrounds of some of my flexboxes to increase contrast. I already had alt text on one of my images, but some of the background images in my navigation areas I changed to black and white alternatives to fix the contrast issue.

After making these changes I ran the website through WAVE again, and found most of the issues were resolved. I also performed another usability test in which I asked a frined of mine to run the website on both his phone and computer and he said everything worked fine. Over the course of the final weeks of the class I will be focusing on finishing up my other pages for the final project and cleaning my code up, as well as learning to use Javascript to aid in accesibility.