Accessibility Report

After running my project draft through both the HTML and the CSS checking websites to verify the code, I made necessary structural changes based on what was flagged. Fortunately, there weren't too many errors. I made the following changes:

• I corrected having the div elements that formed the navigation bar and the banner from within an h1 element to the body.
• I corrected the scale I was using to size my headshot, from 300rem to 300em.
• I corrected the color of my text from white to a dark blue to make it more readable. (Still considering redoing the entire color palette for my final porfolio).

After reviewing the list of priority accessibility improvements and Mozilla's recommended accessibility improvements, there weren't many changes I need to make. I checked my alt tags, the names of my links, and the clarity of my content, and all seemed within the needs of accessibility. However, I did add a skip link to every page so a screen reader could bypass the navigation if necessary. I don't really feel that there is enough content on my pages to warrant it, but I want to have it in place if I decide to expand the site later.

Usability Results

My boyfriend kindly offered to test my site for usability. His goal was to answer the following questions:

1. Where did I get my bachelor's degree?
2. Where did I publish my first nonfiction piece?
3. What publishing experience do I have?
4. When was the site last updated?

I'm really glad he offered to review it for me, because he hasn't seen the website before and was quite honest with me about its flaws. He was able to answer the questions within about a minute of looking around the site, but I noticed he did not initially notice the navigation bar, and the headings did not seem to be clearly leading him through the flow of the site. These are not huge issues, but I may look to reduce the size of my banner to emphasize the navigation bar and change the formatting of the headings to make them stand out to the user.