eAccessibility/
Page Checker

1465 barriers found on the web page

Checked page:
http://www.legislation.gov.uk/anaw/2016/3
>Check another page
Time: 2019-12-04T03:56:08Z
Applied Tests:
- Total: 8226
- Fail: 1465
- Verify: 0
- Pass: 6761
Score:
92.95 (where 100 is the best)
Link: /en/pagecheck2.0/?uuid=3f35c9c4-c369-433e-81fd-8080b8cf25a6

Disclaimer

Please note that the automatic score is based on tests carried out automatically. About 20% of the conceivable tests can be automated, and the tool covers a part of these tests. The score from user tests are based on a limited set of questions and will also not cover all possible tests. Therefore, the evaluated pages may contain barriers not reported by any of the tools. For reference see the list of. currently implemented tests. Full disclaimer.

Result Details

Applied Automatic Tests
Occurrences
WCAG 2.0 context

Show

Fail Verify Pass

Applied Automatic Tests

Fail, Verify and Pass results are not displayed.

20 Use alt on img elements [1.1.1]
98 Use of Color [1.4.1]
1 Provide descriptive titles for web pages [2.4.2]
1 Provide links to navigate to related Web pages [2.4.5]
228 Provide descriptive headings [2.4.6]
1 Primary language of page [3.1.1]
1 Use identical xml:lang and lang attributes [3.1.1]
3 Languages within the body [3.1.2]
3 , 2 Language of Parts [3.1.2]
1 Provide a submit button to initiate a change of context [3.2.2]
4 Provide descriptive labels [3.3.2]
1 Label groups of form elements [3.3.2]
1317 , 1452 Define ids for elements [4.1.1]
4 Reference elements [4.1.1]
4951 Provide role name for div/span with event handler [4.1.2]
109 , 9 Use HTML form controls and links [4.1.2]
18 , 1 Accessible name for image links [4.1.2]
1 Use the title for frame and iframe elements [4.1.2]

Select a test to display the details

Test Detail: Use alt on img elements (H37)

(Test for Success Criterion 1.1.1: Non-text Content:)

Results
Test info

img has alt (20 occurences): Images have alt attribute

About this Test

Checked Elements: img

This test checks to see that all images actually have alt-tags.

Short Description

For each img element a short and descriptive text alternative (alt text) with the alt attribute should be specified.

Understanding Success Criterion 1.1.1: Non-text Content:

How to Repair

In development. This information will be added shortly

WCAG 2.0

Principle 1: Perceivable

Information and user interface components must be presentable to users in ways they can perceive.
WCAG 2.0: Principle 1

Guideline 1.1: Text Alternatives

Provide text alternatives for any non-text content so that it can be changed into other forms people need, such as large print, braille, speech, symbols or simpler language. Understanding Guideline 1.1

Success Criterion 1.1.1: Non-text Content (Level A)

Non-text Content: All non-text content that is presented to the user has a text alternative that serves the equivalent purpose, except for the situations listed below. (Level A).

Controls, Input: If non-text content is a control or accepts user input, then it has a name that describes its purpose. (Refer to Guideline 4.1 for additional requirements for controls and content that accepts user input.)
Test: If non-text content is a test or exercise that would be invalid if presented in text, then text alternatives at least provide descriptive identification of the non-text content.
Sensory: If non-text content is primarily intended to create a specific sensory experience, then text alternatives at least provide descriptive identification of the non-text content.
CAPTCHA: If the purpose of non-text content is to confirm that content is being accessed by a person rather than a computer, then text alternatives that identify and describe the purpose of the non-text content are provided, and alternative forms of CAPTCHA using output modes for different types of sensory perception are provided to accommodate different disabilities.
Decoration, Formatting, Invisible: If non-text content is pure decoration, is used only for visual formatting, or is not presented to users, then it is implemented in a way that it can be ignored by assistive technology.

Understanding: Success Criterion 1.1.1

Techniques

H37: Using alt attributes on img elements

Test Detail: Use of Color (SC1-4-1-a)

(Test for Success Criterion 1.4.1: Use of Color)

Results
Test info

Suitable difference between the attributes of link and the surrounding text. (98 occurences): There is a suitable difference between the background, font-weight, font-style, border, or text-decoration in computed style for the link and the surrounding text.

About this Test

Checked Elements: earl:automatic

This test checks if links within text are visually evident before they receive focus or are activated or the mouse is hovered over the link.

Short Description

The objective of this failure is to avoid situations in which people who cannot perceive color differences cannot identify links (when people with color vision can identify links). Link underlines or some other non-color visual distinction are required (when the links are discernible to those with color vision). While some links may be visually evident from page design and context, such as navigational links, links within text are often visually understood only from their own display attributes. Removing the underline and leaving only the color difference for such links would be a failure because there would be no other visual indication (besides color) that it is a link.

Understanding Success Criterion 1.4.1: Use of Color

How to Repair

In development. This information will be added shortly

WCAG 2.0

Principle 1: Perceivable

Information and user interface components must be presentable to users in ways they can perceive.
WCAG 2.0: Principle 1

Guideline 1.4: Distinguishable:

Make it easier for users to see and hear content including separating foreground from background.
Understanding Guideline 1.4

Success Criterion 1.4.1: Use of Color (Level A)

Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element.
Understanding: Success Criterion 1.4.1

Techniques

F73: Failure of Success Criterion 1.4.1 due to creating links that are not visually evident without color vision
G183: Using a contrast ratio of 3:1 with surrounding text and providing additional visual cues on focus for links or controls where color alone is used to identify them

Test Detail: Provide descriptive titles for web pages (F25)

(Test for Success Criterion 2.4.2: Page Titled)

Results
Test info

Please check the title of the page (1 occurrence): Human input is necessary to verify, that the title describes the content of the page.

About this Test

Checked Elements: title

This test checks, whether the title of the web page identifies the contents or purpose of the page.

Short Description

It is important to provide a descriptive title for your web page. Titles should identify the content of the web page without requiring users to read or interpret the page. They are used in a variety of places like search results, bookmarks, title bar and tabs of user agent, or the browser history to identify the page.

Understanding Success Criterion 2.4.2: Page Titled

How to Repair

Provide a descriptive title using the title element in the head of the page. The title should always enable the user to distinguish different pages and identify their content. Keep your titles simple, short and precise and put the most specific information at the front (as the title might be cut off).

Keep your titles simple, short and precise and
put the most specific information at the front (as the title might be cut off).
Don't use same titles for more than one page and and avoid unclear titles.
Writing Better Web Page Titles

WCAG 2.0

Principle 2: Operable

User interface components and navigation must be operable. WCAG 2.0: Principle 2

Guideline 2.4: Navigable

Provide ways to help users navigate, find content, and determine where they are. Understanding Guideline 2.4

Success Criterion 2.4.2: Page Titled (Level A)

Web pages have titles that describe topic or purpose. Understanding: Success Criterion 2.4.2

Technique

F25 - Failure of Success Criterion 2.4.2 due to the title of a Web page not identifying the contents

Test Detail: Provide links to navigate to related Web pages (G125)

(Test for Success Criterion 2.4.5: Multiple Ways)

Results
Test info

G125-pass1 (1 occurrence): G125-pass1

About this Test

Checked Elements: all

In development. This information will be added shortly

Short Description

In development. This information will be added shortly

Understanding Success Criterion 2.4.5: Multiple Ways

How to Repair

In development. This information will be added shortly

WCAG 2.0

Principle 2: Operable

User interface components and navigation must be operable. WCAG 2.0: Principle 2

Guideline 2.4: Navigable

Provide ways to help users navigate, find content, and determine where they are. Understanding Guideline 2.4

Success Criterion 2.4.5: Multiple Ways (Level AA)

More than one way is available to locate a Web page within a set of Web pages except where the Web Page is the result of, or a step in, a process. Understanding: Success Criterion 2.4.5

Techniques

G125 - Providing links to navigate to related Web pages

Test Detail: Provide descriptive headings (G130)

(Test for Success Criterion 2.4.6: Headings and Labels)

Results
Test info

Please check the heading (228 occurences): Human input is necessary to verify, that the heading describes the section it belongs to.

About this Test

Checked Elements: h1-h6

This test checks, whether the headings identify their section of the content.

Short Description

It is important to provide a descriptive headings in your web page. Descriptive headings give users an overview of the content and its organization, and help users find specific content and orient themselves within the web page. They identify sections of the content in relation both to the web page as a whole and to other sections of the same web page.

Understanding Success Criterion 2.4.6: Headings and Labels

How to Repair

Provide text in the headings, that describes the section. If you need to use images as headings, provide an alternative text with the content of the heading in the alt attribute of the image. Keep your headings short and succinct and try to putting the most important information at the beginning of each heading. This helps users “skim" the headings to locate the specific content they need, and is especially helpful when browsers or assistive technology allow navigation from heading to heading.
Tips for making accessible headings

WCAG 2.0

Principle 2: Operable

User interface components and navigation must be operable. WCAG 2.0: Principle 2

Guideline 2.4: Navigable

Provide ways to help users navigate, find content, and determine where they are. Understanding Guideline 2.4

Success Criterion 2.4.6: Headings and Labels (Level AA)

Headings and labels describe topic or purpose. Understanding: Success Criterion 2.4.6

Technique

G130 - Providing descriptive headings

Test Detail: Primary language of page (SC3-1-1-html)

(Test for Success Criterion 3.1.1: Language of Page)

Results
Test info

Primary language detected correctly (1 occurrence): The primary language of the web content can be programmatically determined

About this Test

Checked Elements: html element

This test checks that the primary language of the web content can be programmatically determined.

Short Description

It is necessary to mark the primary language of a web page. This makes it possible for user agents and assistive technologies to present content correctly.
Screen readers can use the pronunciation rules of the language of the text. Visual browsers can display characters and scripts in appropriate ways. Furthermore automatic processing of the content like automatic translation or providing additional information using a dictionary are made possible.
If the html element has a lang attribute and the value of lang attribute is on the list of languages of BCP 47 the test would pass. Otherwise, test would fail.
Autowcag test description: SC3-1-1-html

Understanding Success Criterion 3.1.1: Language of Page

How to Repair

Use the lang and xml:lang attributes on the html element to specify the main language used in the web page.
If you use both attributes, their values have to be the same.

The value of the language attribute is composed from a sequence of one or more "subtags" divided by "-", each of which refines or narrows the range of language. It has to conform to BCP 47.
Examples of valid language tags are

nb – for Norwegian Bokmal
nn – for Norwegian Nynorsk
en – for English
en-US – for English as used in the USA

Further Information:

Test description SC3-1-1-html
Language Subtag Registry
Authoring HTML: Language declarations

WCAG 2.0

Principle 3: Understandable

Test Detail: Use identical xml:lang and lang attributes (SC3-1-1-xml-lang)

(Test for Success Criterion 3.1.1: Language of Page)

Results
Test info

Same lang attributes available to xml:lang (1 occurrence): The value of the xml:lang attribute is equal to lang attribute of html element

About this Test

Checked Elements: html

This test checks the value of the xml:lang attribute.

Short Description

If element contains an xml:lang attribute exists on a page, it should contain also a lang attribute with the same value.

Understanding Success Criterion 3.1.1: Language of Page

How to Repair

Use the lang and xml:lang attributes on the html element to specify the main language used in the web page.
If you use xml:lang you need to add lang with the same value as well.

The value of the lang and xml:lang is composed from a sequence of one or more "subtags" divided by "-", each of which refines or narrows the range of language. It has to conform to BCP 47.
Examples of valid language tags are

nb – for Norwegian Bokmal
nn – for Norwegian Nynorsk
en – for English
en-US – for English as used in the USA

Further Information:

Test description: SC3-1-1-xml-lang
Language Subtag Registry
Authoring HTML: Language declarations

WCAG 2.0

Principle 3: Understandable

Test Detail: Languages within the body (SC3-1-2-lang)

(Test for Success Criterion 3.1.2: Language of Parts)

Results
Test info

Correct lang attributes (3 occurences): The lang attributes of elements within the body of the page are correct.

About this Test

Checked Elements: descendent-or-self::body[@lang]

This test checks that lang attributes within the body of a web page are correct

Short Description

This test is applied to all elements with lang attribute in the body of the web page (including the body element itself). If the value of lang attribute is on the list of languages (BCP 47: http://www.rfc-editor.org/rfc/bcp/bcp47.txt) the test would pass. Otherwise, test would fail. Description: https://www.w3.org/community/auto-wcag/wiki/SC3-1-2-lang

Understanding Success Criterion 3.1.2: Language of Parts

How to Repair

The language of an element can be specified by its lang attributes.

The value of the lang is composed from a sequence of one or more "subtags" divided by "-", each of which refines or narrows the range of language. It has to conform to BCP 47.
Examples of valid language tags are

nb – for Norwegian Bokmal
nn – for Norwegian Nynorsk
en – for English
en-US – for English as used in the USA

Further Information:

Test description: SC3-1-2-lang
Language Subtag Registry
Authoring HTML: Language declarations

WCAG 2.0

Principle 3: Understandable

Test Detail: Language of Parts (SC3-1-2-xml-lang)

(Test for Success Criterion 3.1.2: Language of Parts)

Results
Test info

No lang is specified (2 occurences): The xml:lang is specified for the element but no lang attribute found
Element with equal lang and xml:lang (3 occurences): The element contains a lang attribute with the same value to xml:lang.

About this Test

Checked Elements: descendent-or-self::body[@xml:lang]

This test checks the value of the xml:lang attributes.

Short Description

If an element has xml:lang attribute, it should also contains a lang attribute with the same value.

Understanding Success Criterion 3.1.2: Language of Parts

How to Repair

The language of an element can be specified by its lang and xml:lang(optional) attributes.
If you use xml:lang for a element you need to add lang attribute with the same value as well.

nb – for Norwegian Bokmal
nn – for Norwegian Nynorsk
en – for English
en-US – for English as used in the USA

Further Information:

Test description: SC3-1-2-xml-lang
Language Subtag Registry
Authoring HTML: Language declarations

WCAG 2.0

Principle 3: Understandable

Test Detail: Provide a submit button to initiate a change of context (H32)

(Test for Success Criterion 3.2.2: On Input)

Results
Test info

Please check that implicit changes of context are described (1 occurrence): Human input is necessary to verify, that the submit button is the only way to initiate a change of context with the form or that there is a description of the change before the initiating form control.

About this Test

Checked Elements: form elements

This test checks, if data in a form can be submitted explicitly by using submit buttons (input type="submit", input type="image", or button type="submit").

Short Description

Major changes in the content of the Web page can disorient users who are not able to view the entire page simultaneously, if they are made without user awareness. Using a button to submit data in a form explicitly is an appropriate control to use for causing a change of context.

Understanding Success Criterion 3.2.2: On Input

How to Repair

In development. This information will be added shortly

WCAG 2.0

Principle 3: Understandable

Information and the operation of user interface must be understandable.
WCAG 2.0: Principle 3

Guideline 3.3: Input Assistance

Help users avoid and correct mistakes. Understanding Guideline 3.3

Success Criterion 3.2.2: On Input (Level A)

Changing the setting of any user interface component does not automatically cause a change of context unless the user has been advised of the behavior before using the component.
Understanding: Success Criterion 3.2.2

Techniques

H32: Providing submit buttons

Test Detail: Provide descriptive labels (G131)

(Test for Success Criterion 3.3.2: Labels or Instructions)

Results
Test info

Please check the label (4 occurences): Human input is necessary to verify, that the label describes the purpose of the form control.

About this Test

Checked Elements: form

This test checks, whether the form control has an associated label that could be descriptive.

Short Description

It is important, that the label for any form control makes the control's purpose clear. Using the label element for associating labels with form control allows assistive technology to recognize the label and present it to the user.

Understanding Success Criterion 3.3.2: Labels or Instructions

How to Repair

Provide a label element with a descriptive text for the form control. Associate the label with the form control, by using the id of the control as the value for the for attribute of the label.
Accessible HTML/XHTML Forms: Intermediate Level

WCAG 2.0

Principle 2: Operable

User interface components and navigation must be operable. WCAG 2.0: Principle 2

Guideline 2.4: Navigable

Provide ways to help users navigate, find content, and determine where they are. Understanding Guideline 2.4

Success Criterion 2.4.6: Headings and Labels (Level AA)

Headings and labels describe topic or purpose. Understanding: Success Criterion 2.4.6

Technique

G131 - Providing descriptive labels

Test Detail: Label groups of form elements (H71)

(Test for Success Criterion 3.3.2: Labels or Instructions)

Results
Test info

The form seems to be structured correctly (1 occurrence): There are no more than 8 form controls not grouped by fieldsets.

About this Test

Checked Elements: form elements, and input elements of type radio and checkbox, fieldset elements

This test checks:
if there are not more than 8 controls in a form, not grouped by fieldsets.
if related radio buttons and checkboxes are grouped by fieldsets.
if the fieldset has a descriptive label provided by the legend element.

Short Description

form elements
It is necessary to provide a semantic grouping for related form controls. This allows users to understand the relationship of controls and interact with the form more effectively.
Form controls that are logically related (e.g. address fields) should be grouped by enclosing them with a fieldset element. All controls within a given fieldset are then related.

input elements of type radio and checkbox
Grouping controls is most important for related radio buttons and checkboxes, so they can be more easily treated as a single control.

fieldset elements
The first element inside every fieldset should be a legend element, which provides a label or instructions for the group. Often, user agents will present the value of the legend before the label of each control, to remind users that the same group

Understanding Success Criterion 3.3.2: Labels or Instructions

How to Repair

For form elements
Add a fieldset element around every related group of form controls. Provide a descriptive legend element as the first element of the fieldset that states the meaning of, or instructions for the enclosed elements.

For input elements of type radio and checkbox
A set of radio buttons or checkboxes is related when they all submit values for a single named field. Such groups and other groups of logically related form controls must be grouped by a fieldset element.
Add a fieldset element around every related group of radio buttons and checkboxes. Provide a descriptive legend element as the first element of the fieldset that states the meaning of, or instructions for the enclosed elements.

For fieldset elements
Provide a descriptive legend element as the first element of the fieldset. Further information: Accessible Forms using WCAG 2.0

WCAG 2.0

Principle 3: Understandable

Information and the operation of user interface must be understandable.
WCAG 2.0: Principle 3

Guideline 3.3: Input Assistance

Help users avoid and correct mistakes. Understanding Guideline 3.3

Success Criterion 3.3.2: Labels or Instructions (Level A)

Labels or instructions are provided when content requires user input (Level A).
Understanding: Success Criterion 3.3.2

Techniques

H71: Providing a description for groups of form controls using fieldset and legend elements

Test Detail: Define ids for elements (SC4-1-1-id)

(Test for Success Criterion 4.1.1: Parsing)

Results
Test info

The id is not unique (1452 occurences): The ID of this element has occurred before on this page