Other: Lesson 4 (task1)

Jan 20, 2016 by Céleste C.

Lesson 4: Evaluation Process

• 1.Visit a large website and list 10-15 pages that represent the varied content on the site.
• 2.Beside each of the pages, list what areas you will investigate when you revisit these pages for a full audit (ex. Dynamic slider, data table, headings, video content, etc.).

List of Chatelaine webpages to evaluate:

1)http://www.chatelaine.com

• -Do the images have text alternative, such as caption or descriptions?
• - Is this webpage accessible through screen-reader and keyboard?
• -Is the search bar set up properly and is operable?

2) http://www.chatelaine.com/recipes/

• -Is this webpage accessible through screen-reader and keyboard?
• -Is the recipe search bar set up properly and is operable?
• -Do the images have text alternative?
• -Are the light-pink text leading to links visible? Perhaps the light-pink text needs to be adjusted to a higher contrast level in comparison to its white background.
• -Are the links accessible?

3)http://www.chatelaine.com/recipe/dinner/rum-and-coke-pulled-pork/

• -Is this webpage accessible through screen-reader and keyboard?
• -Is the sub-heading indicating prep time, and number of serving, visible? Or should the text font have a higher contrast level, being black, as opposed to being grey?
• -Are the ingredients listed in pink visible? Or should they be of a higher contrast level?
• -Does the image of text alternative?
• -Does the video have closed captioning as an option?

4)http://www.chatelaine.com/health/

• -Is this webpage accessible through screen-reader and keyboard?
• -Do the images have text alternative?
• -Are the light green headings visible against the white background? Perhaps having a higher contrast would make it more visible.
• -Are links accessible?

5)http://www.chatelaine.com/health/flu-free-guide-immune-system/

• -Is this webpage accessible through screen-reader and keyboard?
• -Does the image of a text alternative?
• -Is the text font too small? Is it adjustable?
• -Are the light-pink text leading to alternative links, visible?
• -Are the sub-headings distinguishable front the rest of the text, or perhaps it should be a larger font size?

6)http://www.chatelaine.com/home-decor/videos-home-decor/

• -Is this webpage accessible through screen-reader and keyboard?
• -Is the drop-down navigation accessible through screen-reader and keyboard?
• -Do the images have text alternative?
• -Are the light blue headings as visible as the light pink headings? Or should contrast level be adjusted?

7) http://www.chatelaine.com/home-decor/10-genius-ways-to-get-organized-using-everyday-objects/

• -Is this webpage accessible through screen-reader and keyboard?
• -Are sliders accessible through screen-reader and keyboard?
• -Do the images have text alternative?
• -Does the video have closed captioning?

8)http://www.chatelaine.com/living/

• -Is this webpage accessible through screen-reader and keyboard?
• -Is the drop-down navigation accessible through screen-reader and keyboard?
• -Are the light-colours sub-heading visible?
• -Do the images have text alternative?

9) http://www.chatelaine.com/living/horoscopes/january-2016-horoscope/

• -Is this webpage accessible through screen-reader and keyboard?
• -Are the sliders accessible through the screen-reader and keyboard?
• -Is the drop-down navigation accessible through screen-reader and keyboard?

10)http://fr.chatelaine.com/sante/the-reconfortant-pour-apaiser-les-symptomes-du-rhume/

• -Is this webpage accessible through screen-reader and keyboard?
• -Does the image have text alternative?
• -Are the text size and font visible?
• -Is the red text leading to links visible? Is it still visible, when your computer mouse is over the red text and it turns light lime-green? Or should the text contrast be of a higher level?