Writing
Other: Lesson 5 (task1)
Lesson 5: Reporting Findings
- 1.Choose a website with moderate complexity and attempt to assign a “yes”, “no”, or “N/A” (not applicable) to each of the questions listed in the evaluation chart.
- 2.Go through the sample audit and create a boilerplate document based off the comments in this report.
- 3.Create a report template.
- 4.Fill in a guideline checklist table for the website you chose in 1.
- 5.Email the final document to your mentor.
WCAG 2.0 Detailed Review
Date: January 20, 2016
Reviewer: Céleste Chong
WCAG 2.0 Reference
Tools Used During This Review:
Google Chrome
AChecker
WAVE
NVDA
W3C Markup Validator
General Comments
The Chatelaine website presents information in an organized manner. However, it lacks in alternative text, and it is inaccessible through keyboard alone. Proper markups for headings order and keyboard traps should be reviewed.
| WCAG 2.0 Review | |||
| Success Criterion | Level | Evaluation | Comments |
| 1.1.1: Non-text Content | A | Fail | Though titles of the article are related to the images presented, alternative text are missing to most, if not all, images. |
| 1.2.1: Audio-only and video-only (pre-recorded) | A | N/A | No audio or video content was observed. |
| 1.2.2: Captions (pre-recorded) | A | N/A | No audio or video content was observed. |
| 1.2.3: Audio Description or Full Text Alternative | A | N/A | No audio or video content was observed. |
| 1.2.4: Captions (Live) | AA | N/A | No audio or video content was observed. |
| 1.2.5: Audio Description | AA | N/A | No audio or video content was observed. |
| 1.2.6: Sign Language | AAA | N/A | No audio or video content was observed. |
| 1.2.7: Extended Audio Description | AAA | N/A | No audio or video content was observed. |
| 1.2.8: Media Alternative | AAA | N/A | No audio or video content was observed. |
| 1.2.9: Audio-only | AAA | N/A | No audio or video content was observed. |
| 1.3.1: Info and relationships | A | Pass | Proper headings are indicated in the markups. |
| 1.3.2: Meaningful Sequence | A | Fail | Though the headings are presented in an organized sequence on the surface of the website, WAVE (web accessibility evaluation tool) have detected some skipped headings, which may cause some organizational problem for individuals accessing the website using voice over or keyboards only; which may make it confusing to navigate through the website |
| 1.3.3: Sensory Characteristics | A | Pass | Sensory characteristics are not relied upon. |
| 1.4.1: Use of Color | A | Fail | Though headings distinguish link and surrounding text by becoming underlined and/or having a small box appearing with the title of the clickable link, the main webpage dividers/sections (ex: recipes, health, home Décor..etc) use colour alone to distinguish it is clickable; which may make these articles inaccessible for some. |
| 1.4.2: Audio Control | A | N/A | There is no audio. |
| 1.4.3: Contrast (minimum) | AA | Pass | The contrast level is generally sufficient, however there are a few minor instances where the contrast level was too low. These instances can be found at the bottom of the right side of the webpage, under the label of the “best of chatelaine”, the categories which the upcoming articles are listed under, such as horoscope, shop and chatelaine 10-Minute Fitness; the contrast level between the white lettering and the bright pink background is too low. |
| 1.4.4: Resize text | AA | Pass | Zoom is well-supported. |
| 1.4.5: Images of Text | AA | Pass | The few images of text that are being used are logos of recommended sites which can and are being presented through alternative text as well, which are located at the bottom of the website. |
| 2.1.1: Keyboard | A | Fail | This website is not operable while using keyboard alone. |
| 2.1.2: No Keyboard Trap | A | Fail | Keyboard gets trapped at the beginning at the search bar of the website; which is the only element accessible by keyboard. |
| 2.2.1: Timing Adjustable | A | N/A | No time-outs observed. |
| 2.2.2: Pause, Stop, Hide | A | N/A | No automatic moving, blinking, or scrolling was observed. |
| 2.3.1: Three Flashes or Below Threshold | A | Pass | No flashing was observed. |
| 2.4.1: Bypass Blocks | A | N/A | No repeated blocks observed. |
| 2.4.2: Page Titled | A | Pass | Each page is properly titled. |
| 2.4.3: Focus Order | A | Pass | The order of focusable elements makes sense. |
| 2.4.4: Link Purpose (In Context) | A | Pass | Links are understandable in context. |
| 2.4.5: Multiple Ways | AA | Pass | Contains list of related pages and site search bar. |
| 2.4.6: Headings and Labels | AA | Pass | Labels and headings presented are informative. |
| 2.4.7: Focus Visible | AA | Fail | It is not apparent which page element has the current keyboard focus. |
| 3.1.1: Language of Page | A | Pass | The page language is identified properly using the HTML language attribute. |
| 3.1.2: Language of Parts | AA | Pass | Different language is identified properly. |
| 3.2.1.: On Focus | A | Pass | Nothing disorienting happens when elements receives focus. |
| 3.2.2: On Input | A | Pass | No changes were observed on inputs application. |
| 3.2.3: Consistent Navigation | AA | Pass | Navigations stay the same throughout the website. |
| 3.2.4: Consistent Identification | AA | Pass | Repeated elements are consistently identified. |
| 3.3.1: Error Identification | A | N/A | No forms observed. |
| 3.3.2: Labels or instructions | A | N/A | No forms observed. |
| 3.3.3: Error Suggestion | AA | N/A | No input error detected. |
| 3.3.4: Error Prevention (Legal, Financial, Data) | AA | N/A | No forms observed. |
| 4.1.1: Parsing | A | Pass? | There were 10 parsing errors found using the W3C Validation service. These may be interfering with assistive technology and should be corrected. |
| 4.1.2: Name, Role, Value | A | Pass? | Inputs have labels. *Not sure how to check the ARIA stuff. |
