Website Evaluation

www2.gov.bc.ca

What are each of the Errors, and how can they be fixed?

0 errors.

What are each of the Alerts, and why does WAVE draw attention to them?

2 X Redundant alternative text The alternative text for an image is the same as nearby or adjacent text. Alternative text that is the same as nearby or adjacent text will be presented multiple times to screen readers or when images are unavailable.

1 X A nearby image has the same alternative text Two images near each other have the same alternative text. When two images have the same alternative text, this often causes redundancy or indicates incorrect alternative text.

3 X Long alternative text An image has very long alternative text. Alternative text should be succinct, yet descriptive of the content and function of an image. Lengthy alternative text (more than around 100 characters) often indicates that extraneous content or content that is not available to sighted users is being presented.

1 X Missing first level heading A page does not have a first level heading. Headings facilitate page navigation for users of many assistive technologies. They also provide semantic and visual meaning and structure to the document. A first level heading (h1) should be present on nearly all pages. It should contain the most important heading on the page (generally the document title).

1 X Skipped heading level A heading level is skipped. Headings provide document structure and facilitate keyboard navigation by users of assistive technology. These users may be confused or experience difficulty navigating when heading levels are skipped.

5 X Redundant link Adjacent links go to the same URL. When adjacent links go to the same location (such as a linked product image and an adjacent linked product name that go to the same product page) this results in additional navigation and repetition for keyboard and screen reader users.

1 X Noscript element A noscript element is present. Content within noscript is presented if JavaScript is disabled. Because nearly all users (including users of screen readers and other assistive technologies) have JavaScript enabled, noscript cannot be used to provide an accessible version of inaccessible scripted content.

3 X Accesskey An accesskey attribute is present. Accesskey provides a way to define shortcut keys for web page elements. Accesskeys often conflict with user or assistive technology shortcut keys and should be avoided or implemented with care.

33 X Redundant title text Title attribute text is the same as text or alternative text. The title attribute value is used to provide advisory information. It typically appears when the users hovers the mouse over an element. The advisory information presented should not be identical to or very similar to the element text or alternative text.

What does the Outline tell you about the structure of the site? Are there any problems with the structure?

There are a total of 3 levels of headings; h2, h3 and h4. The outline shows what is under each heading and what comes next. While some structure is apparent there is no h1 and many headings don't seem to be ordered in a hierarchical structure.

Explain each situation where Cynthia Says has placed an eye icon in the report. Has the site failed in this area, or can Cynthia just not tell?

1194.22(a) Cynthia Says IMG elements require an ALT or LONGDESC attribute. An image element has an ALT text of over 100 words as well as replicated text nearby.

1194.22(c) Cynthia Says ensure that all information conveyed with colour is also available without colour and a visual check is required on a page reference of an external style sheet. Unable to find link to external stylesheet.

1194.22(d) Cynthia Says documents shall be organized so they are readable without requiring an associated style sheet, organize documents so they may be read without style sheets, and making the DOM order match the visual order. Html structure seems to be in order.

1194.22(g) Cynthia Says row and column headers shall be identified for data tables. No data tables are used.

1194.22(j) Cynthia Says pages shall be designed to avoid causing the screen to flicker with a frequency greater than 2 Hz and lower than 55 Hz. No screen flicker is visible.

1194.22(k) Cynthia Says a text-only page, with equivalent information or functionality, shall be provided to make a web site comply with the provisions of this part, when compliance cannot be accomplished in any other way. The content of the text-only page shall be updated whenever the primary page changes. There is no text only page available.

1194.22(l) Cynthia Says when pages utilize ing languages to display content, or to create interface elements, the information provided by the shall be identified with functional text that can be read by assistive technology. Screen reader seems to be working properly.

1194.22(p) When a timed response is required, the user shall be ed and given sufficient time to indicate more time is required. not applicable.

www.nanaimo.ca

What are each of the Errors, and how can they be fixed?

12 X Empty link A link contains no text. If a link contains no text, the function or purpose of the link will not be presented to the user. This can introduce confusion for keyboard and screen reader users.

17 X Broken ARIA reference An aria-labelledby or aria-describedby reference exists, but the target for the reference does not exist. ARIA labels and descriptions will not be presented if the element referenced does not exist in the page.

What are each of the Alerts, and why does WAVE draw attention to them?

1 X Suspicious alternative text Alternative text is likely insufficient or contains extraneous information. If the alternative text for an image does not provide the same content or information conveyed by the image, that content will not be available to screen reader users and when images are unavailable.

3 X Fieldset missing legend A fieldset does not have a legend. A fieldset legend presents a description of the form elements within a fieldset and is especially useful to screen reader users. A legend should be provided when a higher level description is necessary for groups of check boxes, radio buttons, or other form controls.

3 X Unlabeled form element with title A form control does not have a label, but has a title.The title attribute value for unlabeled form controls will be presented to screen reader users. However, a properly associated text label provides better usability and accessibility and should be used unless the purpose of the form control is intuitive without the label.

1 X Possible heading Text appears to be a heading but is not a heading element. Heading elements (h1-h6) provide important document structure, outlines, and navigation functionality to assistive technology users. If heading text is not a true heading, this information and functionality will not be available for that text.

20 X Suspicious link text Link text contains extraneous text or may not make sense out of context. Links, which are often read out of context, should clearly describe the destination or function of the link. Ambiguous text, text that does not make sense out of context, and extraneous text (such as "click here") can cause confusion and should be avoided.

6 X Redundant link Adjacent links go to the same URL. When adjacent links go to the same location (such as a linked product image and an adjacent linked product name that go to the same product page) this results in additional navigation and repetition for keyboard and screen reader users.

18 X Redundant title text Title attribute text is the same as text or alternative text. The title attribute value is used to provide advisory information. It typically appears when the users hovers the mouse over an element. The advisory information presented should not be identical to or very similar to the element text or alternative text.

What does the Outline tell you about the structure of the site? Are there any problems with the structure?

Their are 4 layers of headings; h1, h2, h3, and h4. The structure seems to be in hierarchical order. Some headings seem to lack contrast.

Explain each situation where Cynthia Says has placed an eye icon in the report. Has the site failed in this area, or can Cynthia just not tell?

1194.22(d) Cynthia Says organize documents so they may be read without style sheets. In this case it can be read.

Cynthia Says make the DOM order match the visual order. After reviewing the website, everything seems to be in order.

1194.22(c) Cynthia Says ensure that all information conveyed with colour is also available without colour. There is no option featured on the website that allows for non-colour viewing.

1194.22(j) Cynthia Says the page may contain elements that cause blinking. No major blinking was found in a visual inspection.

1194.22(k) Cynthia Says check for a 'Text Only Version' link that provides equivalent access to a page. No link provided.

1194.22(p) Cynthia Says allow users to complete an activity without any time limit. No activity requires a time limit on the website.

References

Engagement, G. C. (2017, October 27). B.C. Homepage. Retrieved November 7, 2017, from http://www2.gov.bc.ca/

Welcome to Nanaimo, the Harbour City. (n.d.). Retrieved November 7, 2017, from http://www.nanaimo.ca/