INF564 Information Architecture
Assignment #2
David P. Salley
My website is located at:
.
I used the Bobby Watchfire report () to check my webpage for accessibility. While I have over 25 pages in my website, I did not feel it was necessary to verify every page of the website. I have two main sections, School and Cooking. Each page under School is about one of my classes. They all use the same wire-frame; only the actual content is different. Each page under Cooking is a recipe that I have created. They all use the same wire-frame; only the actual content is different. Therefore, I verified the main page, the school page, a class page at random, the cooking page, a recipe page at random and my capstone project page. This list also includes every page that has an image on it.
Things that had to change on every page:
∙The DOCTYPE got triggered on every page, but according to various sites on the Internet everything I’m supposed to have is there.
∙The language of the text had to be identified. This was corrected by changing ‘<html>’ to ‘<html lang=”en”>’ on each page. It’s also specified in the DOCTYPE line of code.
∙The heading didn’t nest properly because I centered the final heading in my footer section. I corrected it on each page and then changed it back in the CSS file.
∙The above step also corrected the ‘obsolete language’ error because the command ‘<center>’ is not supported in HTML 4.0
∙My images needed a text ‘ALT’ added to them.
∙ Each image also trigged a warning message to provide an alternate way of conveying information besides color, check for good contrast between foreground and background, and create an extended description if necessary. I did not need to make any changes.
∙After reading The 508 Web Tutorial by Jim Thatcher, I included a series of redirect links at the top of every page for text readers. I followed the tutorial’s suggestion and rendered them invisible by making the links and the text the same color as the background.
∙The redirect links included text dividers between them as recommended by the tutorial.
Changes on Individual Pages:
The Cooking Page:
The page is listed as part of a Medieval Cooking Web-ring. It includes code that allows a user to explore other sites on the ring. The code that was given to me when I joined the web-ring is not disabled compatible and had to be re-written. An ALT description was given to the main image. Centering was removed from the code and placed in the CSS file. The adjacent links had to have text dividers placed between them. I will be sending a copy of the new, improved code to the owner of the web-ring.
Recipe Pages:
I had originally designed the pages from the articles that I had submitted for publication in a local newsletter. I used ‘<pre>’ and ‘</pre>’ codes to keep the formatting of the original article. The Bobby Watch program assumed that these were attempts at ASCII art. I reformatted all of the recipes using standard HTML code.
The School Page:
There were no additional problems on this page other than the ones that were common to all pages on my site.
Class Pages:
The class pages contain links to power-point slides, C-maps and Microsoft documents that I either designed or found useful in my classes. I had to go through all the links and change several link phrases to something that made sense when read out of context with the regular text as suggested by Bobby Watch.
The Capstone Page:
On my capstone page, I have a small table which contains an illustration of my coat of arms in the historical society along with the name of my historical persona. The table had to be redesigned to make all of the information user accessible. An ALT description was added to the picture and formatting codes were removed from the text and replace with formatting in the CSS file.