MODULE 6 UPDATES

What did I change to make this site more findable, usable, and accessible?

The first change I made was to include this new html code (mostly for the head sections) on each page, modified to match each page's individual needs:

<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">

<link rel="schema.DC" href="http://purl.org/dc/elements/1.1/" />
<link rel="schema.DCTERMS" href="http://purl.org/dc/terms/" />
<meta name="DC.type" scheme="DCTERMS.DCMIType" content="Text" />
<meta name="DC.format" content="text/html; charset=UTF-8" />
<meta name="DC.language" scheme="DCTERMS.URI" content="English" />
<meta name="DC.title" lang="English" content=" Title of *Your* Website Goes Here" />
<meta name="DC.creator" content="Your Name Here" />
<meta name="DC.subject" lang="English" content="*Your* Keywords Here" />
<meta name="DC.date" scheme="DCTERMS.W3CDTF" content="2014-04-20" />
<meta name="DC.identifier" scheme="DCTERMS.URI" content=" URL of each page goes here"/>


After this, I went to the WAVE site to check my code. The CSS code came back with no errors. The html had no errors, but there were advisories for things like having the same alt text and title text on my images. I fixed this by getting more specific about what each image was in my alt text. Generally I either added "navigate to" or "graphic of" at the beginning of the text, as applicable.

I was also advised that my link colors might not have enough contrast from the background colors they sat upon. I worked on that issue and came up with a higher contrast between links and background colors.

After this, I visited the w3c validator page. The CSS came back with no errors, and I placed a "W3C CSS" icon on my main page, in the footer section. There were no errors of any other type.

My next stop was to BrowserStack. I found an issue in IE 7.0 when run on the Windows XP platform. Most of my navigation images had default borders placed on them by the browser. I fixed this problem by modifying my module6.css page (which controls all the pages in this updated site) and adding instructions to the "photo" class (the one controlling all the navigation images), and set the border to 0 pixels.