AccessibilityOz€¦ · Web viewAccessibility Features. Icon Title Description Recommended...

Web Accessibility Evaluation Tool:

WAVEContent

By: AccessibilityOz

Date: March 2013

AccessibilityOz

Contents

Web Accessibility Evaluation Tool: WAVE Content....................................................1

Contents.......................................................................................................................2

Evaluating content........................................................................................................3

Steps to take.............................................................................................................3

www.accessibilityoz..com.au

document.doc

~ Page 2 ~

Testing with WAVE...................................................................................................4

Checklists.....................................................................................................................9

Page title...................................................................................................................9

Text content..............................................................................................................9

Headings.................................................................................................................10

Link Text.................................................................................................................11

document.doc

~ Page 3 ~

Resources..................................................................................................................13

WAVE.....................................................................................................................13

Further information.....................................................................................................13

AccessibilityOz........................................................................................................13

document.doc

~ Page 4 ~

Evaluating content

Steps to takeNB: For the purpose of this document, the following information is based on using WAVE by entering a page URL.

1. The evaluated page will display with the WAVE summary (first) and page results (icons and text).

document.doc

~ Page 5 ~

document.doc

~ Page 6 ~

2. Review the page results for errors – the yellow alert icon: for example shows that the page has no headings or document structure.

a. Follow the Level A and Level AA checklists to identify any accessibility errors with the page title, text content, headings and links.

WAVE ReportsThere are four WAVE reports that can be used to assess the accessibility of a page

1. Errors, Features and Alerts

document.doc

~ Page 7 ~

2. Structure/Order

document.doc

~ Page 8 ~

3. Text-only; and

document.doc

~ Page 9 ~

4. Outline

document.doc

~ Page 10 ~

NB: You may find it useful to create a separate list of URLs for each error type to help with implementation of a correction.

document.doc

~ Page 11 ~

Testing with WAVEEvaluating Page titlesWAVE does not have specific icons for all the checklist tests; some require manual review with and without the tool.

Errors

Title Description Recommended Actions

document.doc

~ Page 12 ~

ERROR: <title> is missing or not informative

The page title is missing or not descriptive.

Provide a meaningful page title that succinctly describes the content of the page.

Any page that displays this red icon may fail PGT_A1, PGT_A2Any page title that displays this red icon must also pass PGT_A3i, PGT_A3ii, PGT_A3iii, PGT_A3iv, PGT_A3v, PGT_A3vi, PGT_A4i, PGT_A4ii

document.doc

~ Page 13 ~

Evaluating Text ContentWAVE does not have specific icons for all the checklist tests; some require manual review with and without the tool.

Accessibility Features

FEATURE: Alternative text

Alternative text is present in an image.

Ensure the alternative text conveys equivalent content, is accurate, and is succinct.

document.doc

~ Page 14 ~

All images marked with this green icon must pass TXT_AA1

Structure/Order

Icon Title Description Recommended Actions

Content is meaningful when linearized.

Displays your page with a different set of icons and indicators that show the overall structure of the page.

The number indicators show the reading/navigation order of the page. Simply follow the numbers to determine if the reading and navigation order of

document.doc

~ Page 15 ~

the page makes sense and is logical.

All pages must pass TXT_A2ii

Text-only

Presents only the underlying text of the

Information that is commonly read by

Ensure that content remains meaningful and that content is

document.doc

~ Page 16 ~

page. screen readers (such as alternative text for images) will be presented. The visual styling of the page is removed. This provides a visual view of what a screen reader would likely read.

not lost when presented as text only.

All pages must pass TXT_A2v, TXT_A2vii

document.doc

~ Page 17 ~

Evaluating HeadingsWAVE does not have specific icons for all the checklist tests; some require manual review with and without the tool.

Errors

ERROR: Empty heading

A heading contains no content.

Ensure that all headings contain informative content. This is necessary because

document.doc

~ Page 18 ~

users may navigate or search by headings.

Any heading that has this red icon next to it fails HED_A3iii

Alerts

document.doc

~ Page 19 ~

ALERT: Missing Structure

This page has no headings or document structure.

Provide a clear, consistent heading structure. Each page should typically have one <h1> and sub-headings as appropriate. Headings provide a document outline, semantic structure, and facilitate navigation and understanding.

Any page that displays this yellow icon fails HED_A1i

document.doc

~ Page 20 ~

ALERT: Possible heading

Text appears to be used as a heading (is bold, underlined, italicized, etc.) but is not marked up as such.

If appropriate, replace the visual styling with the appropriate heading element.

Any heading that has this yellow icon may fail HED_A2iALERT: Incorrectly ordered headings

Headings are not in a logical order (e.g., first heading is not h1 or heading levels are

In most cases, a document should begin with an h1 and should not skip heading levels.

document.doc

~ Page 21 ~

skipped).

Any heading that has this yellow icon may fail HED_A1iii, HED_A2ii, HED_A2iii

Heading level A heading element is Ensure that the text in question

document.doc

~ Page 22 ~

X present. is truly a heading and that it is structured correctly in the page outline.

All headings marked with this blue icon must pass HED_A1ii , HED_A2iv, HED_A2v, HED_A2vi, HED_A3i, HED_A3ii, HED_A3iv, HED_A3v, HED_AA1

document.doc

~ Page 23 ~

Outline

Heading level X

A heading element is present.

Ensure that your page contains headers where appropriate and that the structure of the page is logical and appropriate.

All headings marked with this blue icon must pass HED_A1ii , HED_A2iv, HED_A2v, HED_A2vi, HED_A3i, HED_A3ii, HED_A3iv,

document.doc

~ Page 24 ~

HED_A3v, HED_AA1

Evaluating LinksWAVE does not have specific icons for all the checklist tests; some require manual review with and without the tool.

document.doc

~ Page 25 ~

Errors

ERROR: Broken skip navigation link

A skip navigation link exists, but the anchor for the link does not exist.

Ensure that the anchor for the skip navigation or skip to content link exists within the page.

Any link that has this red icon next to it fails LNK_A3v, LNK_A3vi

document.doc

~ Page 26 ~

Any link that displays this icon must also pass LNK_A3i, LNK_A3ii, LNK_A3ivERROR: Empty link.

A link contains no text. Provide text within the link that describes the functionality and/or target of that link.

Any link that has this red icon next to it fails LNK_A2iv

document.doc

~ Page 27 ~

Alerts

FEATURE / ALERT: Hidden skip link

A skip link is present, but is hidden from view.

If possible, make the skip link visible to allow sighted keyboard users better access OR display the link visually when it receives keyboard focus.

document.doc

~ Page 28 ~

Any page that displays this yellow icon fails LNK_A3iiiAny link that displays this yellow icon must also pass LNK_A3i, LNK_A3ii, LNK_A3ivALERT: Problematic link text

Link text does not make sense out of context, contains extraneous text (such as "click here"), or is the same as another link on the page, but

Reword the link so that it is more descriptive of its destination when read out of context of the rest of the document, remove any extraneous text (such as "click

document.doc

~ Page 29 ~

links to a different location.

here"), and ensure that links with the same link text link do not link to different locations.

Any link that displays this yellow icon must pass LNK_A1i, LNK_A1ii, LNK_A1vi, LNK_A4i, LNK_A4ii, LNK_AA1i, LNK_AA1ii, LNK_AA2iiiALERT: Javascript element

A javascript element is present.

Ensure that the javascript does not require the use of a mouse or introduce other accessibility issues.

Any page that displays this yellow icon must pass LNK_A6

document.doc

~ Page 30 ~

FEATURE: Skip link

A link is present which allows users to skip over sections of the web content.

Ensure that the link is functioning properly and that the link text adequately describes the link functionality.

document.doc

~ Page 31 ~

Any link that displays this green icon must pass LNK_A3i, LNK_A3ii, LNK_A3iii, LNK_A3iv, LNK_A3v, LNK_A3vi

document.doc

~ Page 32 ~

Checklists

Page title

Please note that using WAVE requires that each page must be checked individually.

document.doc

~ Page 33 ~

Automated CheckingRef Requirement Yes NoPGT_A1 Do all pages have a page <title>?

PGT_A2 Does every page <title> contain text content?

document.doc

~ Page 34 ~

Manual checking (with the tool)Ref Requirement Yes NoPGT_A3i Is each page <title> legible?

PGT_A3ii Is each page <title> accurate?

PGT_A3iii Is each page <title> unique?

PGT_A3iv Is each page <title> concise?

PGT_A3v Is each page <title> descriptive?

document.doc

~ Page 35 ~

Ref Requirement Yes NoPGT_A3vi Is each page <title> correct (i.e does not include

ASCII characters - punctuation excepted)

PGT_A4i Does each page <title> include a site reference?

PGT_A4ii Is the site is referenced consistently in every page <title>?

document.doc

~ Page 36 ~

Text contentPlease note that using WAVE requires that each page must be checked individually.

Automated CheckingRef Requirement Yes NoTXT_A3ii Do all pages specify a valid DOCTYPE?

document.doc

~ Page 37 ~

Manual checking (with the tool)Ref Requirement Yes NoTXT_A2ii Is all content meaningful when linearised?

TXT_A2v Is information conveyed correctly and independent of any colour used?

TXT_A2vii Is information conveyed correctly and independent of any shading used?

TXT_AA1 Has text been used in content and not images of text?

document.doc

~ Page 38 ~

Ref Requirement Yes NoTXT_AA2 Has foreign language [in page content] been marked

up with the LANG attribute?

document.doc

~ Page 39 ~

Manual review of the siteRef Requirement Yes NoTXT_A1i Are instructions correct i.e. are not based solely on

visual location e.g.‘below’ or appearance e.g ‘square’)?

TXT_A1ii Are instructions device independent (i.e.‘click..’ is not used)?

TXT_A2i Is all page content spelt correctly?

document.doc

~ Page 40 ~

Ref Requirement Yes NoTXT_A2iii Are dates in a friendly format?

TXT_A2iv Is all text complete (i.e. not cut off mid-word or mid-sentence)?

TXT_A2vi Is information conveyed correctly and independent of any ASCII characters used (punctuation excepted)?

TXT_A3i Have ASCII characters or number superscripts been coded correctly as links?

document.doc

~ Page 41 ~

HeadingsPlease note that using WAVE requires that each page must be checked individually.

Automated CheckingRef Requirement Yes NoHED_A1i Do all pages have at least one heading?

HED_A3iii Do headings contain text content (i.e. headings are not empty)?

document.doc

~ Page 42 ~

Manual checking (with the tool)Ref Requirement Yes NoHED_A1iii Do all pages start with a H1 heading?

HED_A2ii Are headings nested properly?

HED_A2iii Are heading levels correct?

HED_A2iv Are headings correct (i.e. do not specify additional style sheet classes)?

document.doc

~ Page 43 ~

Ref Requirement Yes NoHED_A2v Are hidden structural labels correctly coded (i.e. not

coded as headings)?

HED_A2vi Are headings correct (i.e. the site title is not coded as a heading)?

HED_A3i Are headings spelt correctly?

HED_A3ii Are headings concise?

HED_A3iv Are headings descriptive?

document.doc

~ Page 44 ~

Ref Requirement Yes NoHED_A3v Are headings in sentence case (i.e. not capitalised)?

Manual review of the siteRef Requirement Yes NoHED_A1ii Has the page been structured with sufficient headings

(i.e. there are no headings missing)?

document.doc

~ Page 45 ~

Ref Requirement Yes No*HED_A2i Have all headings been coded using H1, H2,etc?

HED_A2vii

Are headings correct when style sheets are disabled?

HED_AA1 Have all headings been followed by appropriate page content?

* WAVE does provide some indication of potential failures of this requirement

document.doc

~ Page 46 ~

Link TextPlease note that using WAVE requires that each page must be checked individually.

Automated CheckingRef Requirement Yes NoLNK_A2iii Are all links active (i.e. there are no broken links)?

LNK_A2iv Are all links active (i.e. there are no empty links)?

LNK_A3iii Are skip links visible?

document.doc

~ Page 47 ~

Ref Requirement Yes NoLNK_A3v Are skip links active (i.e. not broken)?

LNK_A3vi Does the skip link have an anchor on the page?

Manual checking (with the tool)Ref Requirement Yes NoLNK_A1i Is link text clear?

document.doc

~ Page 48 ~

Ref Requirement Yes NoLNK_A1ii Is link text device independent (i.e. “click” has not

been used in link text)?

LNK_A1iii Is link text in sentence case (i.e. is not capitalised)?

LNK_A1iv Is link text correct (i.e does not include ASCII characters - punctuation excepted)?

LNK_A1v Is link text descriptive (i.e. does not consist only of a url)?

document.doc

~ Page 49 ~

Ref Requirement Yes NoLNK_A1vi Is link text descriptive (i.e. does not consist only of the

words 'more' or ‘here’ without additional information)?

LNK_A3i Are skip links present on every page?

LNK_A3ii Are skip links worded correctly e.g. “Skip to the content” or “Skip to main content”?

LNK_A3iv Are skip links the first link on the page?

document.doc

~ Page 50 ~

Ref Requirement Yes NoLNK_A4i Is the purpose of pagination links clear (i.e. a ‘Go to

page:’ structural label prior to the pagination links is present)?

LNK_A4ii Is the purpose of alphabetised links clear (i.e. a ‘Go to page:’ structural label prior to the alphabetised links is present)?

LNK_A6 Are all links coded in HTML (i.e. JavaScript links have not been used)?

document.doc

~ Page 51 ~

Ref Requirement Yes NoLNK_AA1i Are all pagination links consistent?

LNK_AA1ii Are all alphabetised links consistent?

LNK_AA2iii

Are ‘Back to top’ links consistent?

document.doc

~ Page 52 ~

Manual review of the siteRef Requirement Yes NoLNK_A2i Does inactive text appear differently to link (i.e. text is

not given the visual appearance of a link)?

LNK_A2ii Are all links active (i.e. is everything that could be a link coded as a link e.g. a URL)?

LNK_A5 Are links sufficiently distinguished from standard text (i.e. are links evident by more than just colour alone)?

LNK_AA2i Is link text colour contrast sufficient?

document.doc

~ Page 53 ~

Ref Requirement Yes NoLNK_AA2ii

Is in-line link formatting consistent?

document.doc

~ Page 54 ~

Resources

WAVEWAVE resourceshttp://webaim.org/resources/wave

WAVE iconshttp://wave.webaim.org/icons

document.doc

~ Page 55 ~

WAVE Toolbarhttp://wave.webaim.org/toolbar

WAVE Helphttp://wave.webaim.org/help

WAVE Bloghttp://wave.webaim.org/blog

document.doc

~ Page 56 ~

Further information

AccessibilityOzWeb: www.accessibilityoz.com.au

Phone: 03 9018 2281

Email: enquiries@accessibilityoz.com.au

Address: Level 2, 145 Flinders Lane, Melbourne 3000

document.doc

~ Page 57 ~

AccessibilityOz€¦ · Web viewAccessibility Features. Icon Title Description Recommended...

Documents

Transcript of AccessibilityOz€¦ · Web viewAccessibility Features. Icon Title Description Recommended...

Round Seven Cases Full Text (Alternative Circumstances and Persons Criminally Liable)

TEMPLATE DESIGN © 2008 APUS Online Course Guides A University Alternative to Text Books | Online.

KM C654e-20160209195928 · REGARDING ALTERNATIVE FINANCIAL SERVICES PROVIDERS WHEREAS, a proposed text amendment for Alternative Financial Services Providers was initiated by Motion

Tips for Creating Accessible PowerPoint Documents€¦ · * For 2003 PowerPoint Mac version, there is no caption or alternative text feature. You could insert your alternative text

MCAS Accessibility and Accommodations Manual … · Web viewAccessibility and Accommodations Manual for the 2018–2019 MCAS Tests/Retests Massachusetts Department of Elementary and

€¦ · Web viewAccessibility for Ontarians with Disabilities Act Alliance

Embedded Concatenative Text-to-Speech - IBM …research.ibm.com/haifa/Workshops/summerseminar2004/...Text-to-speech eliminates the need to prerecord all possible messages The alternative

ONLINE COURSE ACCESSIBILITY CHECKLIST...Suggested: Title/caption is repeated as alternative text. Alternative text is provided for all images, charts, graphs, and diagrams. Alternative

Providing Alternative Text to Distance Learners: One Online University's Approach

level4ielts.files.wordpress.com · What's the alternative? Reading Strategy ... 4 You are going to read a text about four different types of alternative medicine. ... Are complementary

Tips for Creating Accessible PowerPoint Documents€¦ · alternative text*. * For 2003 PowerPoint Mac version, there is no caption or alternative text feature. You could insert your

Item Writer Guidelines for Greater Accessibility...disability, can access the image’s information through a. text alternative. Writing text alternatives to images is a specialized

AMT / AMT-T Curriculum An Alternative Method of Compliance ...libraryonline.erau.edu/online-full-text/human... · An Alternative Method of Compliance with Federal Aviation Regulation

Public Assistance Alternative Procedures Pilot Program · 3/29/2016 · [Type text] Public Assistance . Alternative Procedures . Pilot Program Guide for Permanent Work (Version 3)

Scope of Complementary Alternative Medicine on the …tnsroindia.org.in/JOURNAL/FULL TEXT ISSUE 6.pdf · Scope of Complementary Alternative Medicine on the Control of Swine flu ...

2017-2018 Bill 4065 Text of Previous Version (Mar. 28 ... Web view... ‘Alternative fuel’ means liquefied petroleum gas, liquid natural gas, ... ‘Bifuel alternative fuel vehicle

Accessibility Guidelines for Java Software Applicationslawrence-najjar.com/papers/Accessibility_guidelines_for… · Web viewAccessibility guidelines for Java software ... These

MCAS Accessibility and Accommodations Manual … · Web viewAccessibility and Accommodations Manual for the Spring 2018 MCAS Grades 3–8 Tests Including Participation Requirements

Click to edit Master text styles - Magentoinfo2.magento.com/rs/magentoenterprise/images... · Click to edit Master text styles Leveraging Magento to Build Alternative Business Models

Religious Practice and Experimental Book Production: Text ......Volume 9, Issue 2 (Summer 2017) Religious Practice and Experimental Book Production: Text and Image in an Alternative

Tips for Creating Accessible PowerPoint Documents€¦ · alternative text. For 2003 PowerPoint Mac version, there is no caption or alternative text feature. You could insert your