Working to make Module 6 more accessible than Module 5 was a lot easier than I thought it would be. Since I used the flexbox format, it resizes for different screen sizes automatically,
which is very convenient.
My one concern with Module 5 was that the mobile screen size would make the text too small, but the user can zoom in, so I didn't worry too much about it, so I didn't add any media queries for the images or the text for mobile.
The biggest changes I needed to make were related to the syntax and organization of my html rather than the layout or design of the pages themselves.
For example, when running my page through the WAVE Accessibility Test,
I had one problem with contrast, which could potentially make the information challenging to read. So I changed the font color for the information at the bottom from gray to black to heighten that contrast.
Other sites that I used to test my accessibility and coding were the W3C HTML Validator and CSS Validator.
The first time that I ran my Module 5 through these validation websites there were problems with my lists and my meta-data. I had been trying to nest ordered and unordered lists,
which apparently does not work well with HTML5. So, I went through and re-nested the lists to all be ordered, which made the site happy (although it messed with the original aesthetic of the site).
Going through and reordering these lists and checking the HTML also helped me find areas where my coding wasn't as tight as it could have been, so I closed some paragraph and list tags that I had missed in my initial creation of the page.
In terms of accessibility, I added more information to the meta-data of the head of each page, so my website will be easier to find in Google.
Another issue was not including "alt" tags for images. I forgot to add descriptions of my images in case they didn't load, so I went through and added those tags.
And overall, I'm pretty pleased with the results of the website.
