Web Accessibility Evaluation Report ![]()
www.weathersfieldinn.com
Upgrade to EqualWeb Auto AI Accessibility to improve web accessibility
General information
- Domain: www.weathersfieldinn.com/
- Accessibility Provider: EqualWeb
- Scan date: Jul 1, 2021
- Scan duration: 00:00:22
- Standard: WCAG2AA
- Scan mode: Custom
- Total site pages: 84
- Scanned pages: 1
- Scanned device: Desktop
- Version: 3.0.0
- Mode: free
Overall score
Assessments statistics
Score without accessibility widget
WCAG2AA Success Criteria validated
Score with EqualWeb accessibility widget
The monitor found 3 accessibility errors after scanning 1 pages. Your website is currently at risk of a non-discriminatory lawsuit.
Total Errors
Needs Review
Issues remediated by EqualWeb
- 19 23Role attributes4 Role attributes added by EqualWeb
- 96 90ARIA attributes6 ARIA attributes used by EqualWeb
- 3 3Access keys0 Access keys used by EqualWeb
- 0 0Headings0 Headings used by EqualWeb
- 0 0Fields without label0 Fields without label used by EqualWeb
- 0 0Altless images0 Altless images used by EqualWeb
- 0Iframes
- 27Images
- 0PDFs
- 0Links
- 0Audio
- 0Video
Guidelines for WCAG2AA
Technique info
F65,H37,H67: Images must have alternate text
- Space Alt
Applies To
Images must have alternate text.
Instructions
Ensures that every <img> element has a valid alternative text it needs to be empty for decorative images and informative for meaningful images. Space is not a valid alt value.
- Image Svg
Applies To
Elements containing role="img" have an alternative text.
Instructions
Ensure that all SVG or Image elements that are added as markup into the HTML, has a valid label that are used to provide an accessible name for the SVG or Image elements.
Links
Technique info
H30: Providing link text that describes the purpose of a link for anchor elements
- 2
Applies To
Image elements with an absent or empty alt attribute, that is the only non-blank content of a link.
Instructions
Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.
Links
| Context & Selector | Pages |
|---|---|
#img_0_comp-kegr1gwp | |
<wix-image id="img_1_comp-kegr1gwp" class="rca7A _21zrA" data-image-info="{"containerId":"dataItem-kp48qs4y-comp-kegr1gwp","displayMode":"fill","imageData":{"width":188,"height":200,"uri":"9f9c321c774844b793180620472aa4f1.png","displayMode":"fill"}}" data-has-bg-scroll-effect="" data-bg-effect-name="" data-is-svg="false" data-is-svg-mask="false" data-image-zoomed="" data-has-ssr-src="" data-src="https://static.wixstatic.com/media/9f9c321c774844b793180620472aa4f1.png/v1/fill/w_28,h_28,al_c,q_85,usm_0.66_1.00_0.01/9f9c321c774844b793180620472aa4f1.webp" style="font-size: 16px; line-height: 16px; word-spacing: normal;">...</wix-image>#img_1_comp-kegr1gwp | |
<wix-image id="img_2_comp-kegr1gwp" class="rca7A _21zrA" data-image-info="{"containerId":"dataItem-kp48qs4z-comp-kegr1gwp","displayMode":"fill","imageData":{"width":200,"height":200,"uri":"e316f544f9094143b9eac01f1f19e697.png","displayMode":"fill"}}" data-has-bg-scroll-effect="" data-bg-effect-name="" data-is-svg="false" data-is-svg-mask="false" data-image-zoomed="" data-has-ssr-src="" data-src="https://static.wixstatic.com/media/e316f544f9094143b9eac01f1f19e697.png/v1/fill/w_28,h_28,al_c,q_85,usm_0.66_1.00_0.01/e316f544f9094143b9eac01f1f19e697.webp" style="font-size: 16px; line-height: 16px; word-spacing: normal;">...</wix-image>#img_2_comp-kegr1gwp | |
Technique info
H37: Using alt attributes on img elements
Applies To
Image element (outside of a link) that is completely missing an alt attribute.
Instructions
Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
Links
Technique info
H67: Using null alt text and no title attribute on img elements for images that AT should ignore
- 1
Applies To
Image element (outside of a link) that is marked with an empty alt attribute (intending it to be ignored), but has a non-empty title attribute.
Instructions
Img element with empty alt text must have absent or empty title attribute.
- 2
Applies To
Image element (outside of a link) that is marked with an empty alt attribute, and its title attribute is empty or absent.
Instructions
Img element is marked so that it is ignored by Assistive Technology.
Links
Technique info
G94: Providing short text alternative for non-text content that serves the same purpose and presents the same information as the non-text content
- Image
Applies To
Images with alt text, in general.
Instructions
Ensure that the img element's alt text serves the same purpose and presents the same information as the image.
- Button
Applies To
Image submit buttons in general. In the case of these, they should describe the function of the button, not necessarily the image in general (although they should be the same).
Instructions
Ensure that the image submit button's alt text identifies the purpose of the button.
Links
Technique info
H36: Using alt attributes on images used as submit buttons
Applies To
Image submit button that has a missing or empty alt attribute.
Instructions
Image submit button missing an alt attribute. Specify a text alternative that describes the button's function, using the alt attribute
Links
Technique info
H24: Providing text alternatives for the area elements of image maps
Applies To
Area elements in an image map that have an empty or missing alt attribute.
Instructions
Area element in an image map missing an alt attribute. Each area element must have a text alternative that describes the function of the image map area.
Links
Technique info
G73: Providing a long description in another location with a link to it that is immediately adjacent to the non-text content G74: Providing a long description in text near the non-text content, with a reference to the location of the long description in the short description
Applies To
Images with alt text, in general. Images such as graphs may need a long description; it is emitted as a Notice due to inability to check that one exists for sure (since it may be just part of body text, for example).
Instructions
If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
Links
Technique info
H2: Combining adjacent image and text links for the same resource
- EG5
Applies To
Image inside a link along with text content, where the alt attribute duplicates the text content (after trimming). Incorrect resolution of this technique.
Instructions
Img element inside a link must not use alt text that duplicates the text content of the link.
- EG4
Applies To
As described in error message. Incorrect resolution of this technique.
Instructions
Img element inside a link has empty or missing alt text when a link beside it contains link text. Consider combining the links.
- EG3
Applies To
Image inside a link, that is next to a link that has the same text content (after trimming). "Next to" means the only thing between them is whitespace.
Instructions
Img element inside a link must not use alt text that duplicates the content of a text link beside it.
Links
Technique info
H53: Using the body of the object element
Applies To
Object element (or group of nested object elements) that does not contain a text alternative at the deepest level. Message will fire on the innermost Object element.
Instructions
Object elements must contain a text alternative after all other alternatives are exhausted.
Links
Technique info
G94: Providing short text alternative for non-text content that serves the same purpose and presents the same information as the non-text content G92: Providing long description for non-text content that serves the same purpose and presents the same information
- Object
Applies To
Object elements (with a correctly specified text alternative) in general.
Instructions
Check that short (and if appropriate, long) text alternatives are available for non-text content that serve the same purpose and present the same information.
- Applet
Applies To
Applet elements (with correctly specified text alternatives) in general.
Instructions
Check that short (and if appropriate, long) text alternatives are available for non-text content that serve the same purpose and present the same information.
Links
Technique info
H35: Providing text alternatives on applet elements
- 2
Applies To
Applet element without an altt attribute.
Instructions
Applet elements must contain an alt attribute, to provide a text alternative to browsers supporting the element but are unable to load the applet.
- 3
Applies To
Applet element without a body text alternative.
Instructions
Applet elements must contain a text alternative in the element's body, for browsers without support for the applet element.
Links
Standard info
SC 1.1.1: Non-text Content (Level A)
Description
- 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.)
- Time-Based Media: If non-text content is time-based media, then text alternatives at least provide descriptive identification of the non-text content. (Refer to Guideline 1.2 for additional requirements for media.)
- 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.
Technique info
F92: Failure of Success Criterion 1.3.1 due to the use of role presentation on content which conveys semantic information ARIA4: Using a WAI-ARIA role to expose the role of a user interface component
Applies To
Elements with role is "presentation"
Instructions
This element's role is "presentation" but contains child elements with semantic meaning.
Links
Technique info
H42: Using h1-h6 to identify headings
Applies To
Paragraph of text that appears to have bold or italic content (whether through b/i or strong/em) as its only child.
Instructions
Heading markup should be used if this content is intended as a heading.
Links
Technique info
H93: Ensuring that id attributes are unique on a Web page
Applies To
Second and subsequent sightings of a specific value for the "for" attribute. Labels should be unique per element.
Instructions
Multiple labels exist with the same "for" attribute. If these labels refer to different form controls, the controls should have unique "id" attributes.
Links
Technique info
H44: Using label elements to associate text labels with form controls
- 1
Applies To
Form control where the label should be placed before the element, but not. Textbox based inputs fall into this category (including text, textarea, password, file upload, ...)..
Instructions
The label element for this control should be placed before this element.
- 2
Applies To
Form control with an ID that can be used to associate a label with, but has no explicit label or title attribute.
Instructions
Form control does not have an explicit label or title attribute, identifying the purpose of the control.
- Non Existent
Applies To
Label with a "for" attribute that does not match any ID used in the document.
Instructions
This label's "for" attribute contains an ID that does not exist in the document.
- Non Existent Fragment
Applies To
Label with a "for" attribute that does not match any ID used in the document fragment. This is does not
Instructions
This label's "for" attribute contains an ID that does not exist in the document fragment.
- Not Form Control
Applies To
Label with a "for" attribute that matches an ID of an element that is not a form control (that should have a label). Specifically tested are input, select and textarea elements. Labels can only be associated with form controls, not generically with other elements.
Instructions
This label's "for" attribute contains an ID that points to an element that is not a form control.
- No For Attr
Applies To
Label without a "for" attribute. This means it could be being used implicitly (ie. wrapped around the field), or for some other purposes without an association with a field at all.
Instructions
Label found without a "for" attribute, and therefore not explicitly associated with a form control.
- No Id
Applies To
Form control without an ID.
Instructions
Form control does not have an ID, therefore it cannot have an explicit label.
- No Label Allowed
Applies To
Form controls which do not require a label, yet one has been provided. Button and hidden elements fall into this category - buttons have a label already (the text on the button), while the latter makes no sense.
Instructions
Label element should not be used for this type of form control.
Links
Technique info
H65: Using the title attribute to identify form controls when the label element cannot be used
Applies To
Form control with a validly specified title attribute (no label). Title attributes are meant to only be used where the visual design does not permit the inclusion of a visible label.
Instructions
Check that the title attribute identifies the purpose of the control, and that a label element is not appropriate.
Links
Technique info
H49: Using semantic markup to mark emphasized or special text
- [Node Name]
Applies To
Element that is used for presentational purposes (by HTML 4's standards). The element code contains a title-cased version of the offending node name, to allow separate resolutions for each type of element (eg. B with STRONG).
Instructions
Semantic markup should be used to mark emphasised or special text so that it can be programmatically determined.
- Align Attr
Applies To
Element with a align attribute. It should use CSS (text-align in text-related elements like paragraphs, or float with image floating).
Instructions
Semantic markup should be used to mark emphasised or special text so that it can be programmatically determined.
Links
Technique info
H63: Using the scope attribute to associate header cells and data cells in data tables
- 1
Applies To
Table where some TH elements contain scope attributes - signifying an intention to use that format of association (and it's allowed) - but not all of them do.
Instructions
Not all th elements in this table have a scope attribute. These cells should contain a scope attribute to identify their association with td elements.
- 2
Applies To
TD element with a scope attribute. This is legal in HTML 4 but obsolete in HTML 5.
Instructions
Scope attributes on td elements that act as headers for other elements are obsolete in HTML5. Use a th element instead.
- 3
Applies To
TH element with an invalid scope attribute.
Instructions
Table cell has an invalid scope attribute. Valid values are row, col, rowgroup, or colgroup.
Links
Technique info
H43: Using id and headers attributes to associate data cells with header cells in data tables
- Scope Ambiguous
Applies To
Table with multiple levels of row or column headers, but using scope attribute. In this case, the headers attribute MUST be used; scope is not sufficient.
Instructions
Scope attributes on th elements are ambiguous in a table with multiple levels of headings. Use the headers attribute on td elements instead.
- Incorrect Attr
Applies To
TD element with a headers attribute which does not match the one expected from its relevant header cells (the IDs of the TH elements it is aligned with). The test ignores extra white space, and the headers can be in any order, as long as they are there.
Instructions
Incorrect headers attribute on this td element. Expected "[expected headers]" but found "[actual headers]"
- Headers Required
Applies To
Table with multiple levels of row or column headers, not using headers attributes at all.
Instructions
The relationship between td elements and their associated th elements is not defined. As this table has multiple levels of th elements, you must use the headers attribute on td elements.
- Missing Header Ids
Applies To
Table where not all TH elements contain IDs.
Instructions
Not all th elements in this table contain an id attribute. These cells should contain ids so that they may be referenced by td elements headers attributes.'
- Missing Headers Attrs
Applies To
Table where not all TD elements contain headers attributes (but some do).
Instructions
Not all td elements in this table contain a headers attribute. Each headers attribute should list the ids of all th elements associated with that cell.
Links
Technique info
H43: Using id and headers attributes to associate data cells with header cells in data tables H63: Using the scope attribute to associate header cells and data cells in data tables
Applies To
Table with a single levels of row AND column headers, not using headers or scope attributes at all. (Either is acceptable in this situation.)
Instructions
The relationship between td elements and their associated th elements is not defined. Use either the scope attribute on th elements, or the headers attribute on td elements.
Links
Technique info
H39: Using caption elements to associate data table captions with data tables H73: Using the summary attribute of the table element to give an overview of data tables
- 4
Applies To
Table where the summary attribute and caption element match exactly (after trimming).
Instructions
If this table is a data table, and both a summary attribute and a caption element are present, the summary should not duplicate the caption.
Links
Technique info
H73: Using the summary attribute of the table element to give an overview of data tables
- 3
Applies To
Table without summary attribute.
Instructions
If this table is a data table, consider using the summary attribute of the table element to give an overview of this table.
Links
Technique info
H39: Using caption elements to associate data table captions with data tables
- 3
Applies To
Table without caption element.
Instructions
If this table is a data table, consider using a caption element to the table element to identify this table.
Links
Technique info
H71: Providing a description for groups of form controls using fieldset and legend elements
- 2
Applies To
Radio or checkbox inputs with the same name attribute, signifying they are part of a group, but with no fieldset marking them up as such.
Instructions
Radio buttons or check boxes with the same name attribute must be contained within a fieldset element.
- 3
Applies To
Fieldset without legend element.
Instructions
Fieldset does not contain a legend element. All fieldsets should contain a legend element that describes a description of the field group.
Links
Technique info
H85: Using OPTGROUP to group OPTION elements inside a SELECT
- 2
Applies To
Select element not using optgroups. Use of optgroup may or may not be necessary, hence defined as a warning.
Instructions
If this selection list contains groups of related options, they should be grouped with optgroup.
Links
Technique info
H48: Using ol, ul and dl for lists or groups of links
Applies To
P or DIV element that has more than one link.
Instructions
If this element contains a navigation section, it is recommended that it be marked up as a list.
Links
Technique info
G141: Organizing a page using headings
Applies To
Header elements when a skip of a heading level is detected - for example, H2 followed by H4. Error at AAA level, as violation of Success Criterion 2.4.10.
Instructions
The heading structure is not logically nested. This [heading] element (should be a [correct heading] to be properly nested / appears to be the primary document heading, so should be an h1 element).
Links
Standard info
Technique info
H98: Using HTML 5.2 autocomplete attributes
- Faulty Value
Applies To
Input, select, or textarea elements with an autocomplete attribute.
Instructions
This element contains a potentially faulty value in its autocomplete attribute.
- Invalid Autocomplete_Text
Applies To
Input, select, or textarea elements with an autocomplete attribute.
Instructions
Invalid autocomplete value. Element does not belong to Text control group.
- Invalid Autocomplete_Multiline
Applies To
Input, select, or textarea elements with an autocomplete attribute.
Instructions
Invalid autocomplete value. Element does not belong to Multiline control group.
- Invalid Autocomplete_Password
Applies To
Input, select, or textarea elements with an autocomplete attribute.
Instructions
Invalid autocomplete value. Element does not belong to Password control group.
- Invalid Autocomplete_Url
Applies To
Input, select, or textarea elements with an autocomplete attribute.
Instructions
Invalid autocomplete value. Element does not belong to Url control group.
- Invalid Autocomplete_Telephone
Applies To
Input, select, or textarea elements with an autocomplete attribute.
Instructions
Invalid autocomplete value. Element does not belong to Telephone control group.
- Invalid Autocomplete_Numeric
Applies To
Input, select, or textarea elements with an autocomplete attribute.
Instructions
Invalid autocomplete value. Element does not belong to Numeric control group.
- Invalid Autocomplete_Month
Applies To
Input, select, or textarea elements with an autocomplete attribute.
Instructions
Invalid autocomplete value. Element does not belong to Month control group.
- Invalid Autocomplete_Date
Applies To
Input, select, or textarea elements with an autocomplete attribute.
Instructions
Invalid autocomplete value. Element does not belong to Date control group.
- Purpose
Applies To
Input, select, or textarea elements with an autocomplete attribute.
Instructions
Check that the input field serves a purpose identified in the Input Purposes for User Interface Components section; and that the content is implemented using technologies with support for identifying the expected meaning for form input data.
- Missing Autocomplete
Applies To
Input, select, or textarea elements with an autocomplete attribute.
Instructions
This element does not have an autocomplete attribute. If this field collects information about the user, consider adding one to comply with this Success Criterion.
Links
Standard info
SC 1.3.5: Identify Input Purpose (Level AA)
Description
- The input field serves a purpose identified in the Input Purposes for User Interface Components section; and
- The content is implemented using technologies with support for identifying the expected meaning for form input data.
Technique info
G18: Ensuring that a contrast ratio of at least 4.5:1 exists between text (and images of text) and background behind the text
Applies To
Text placed in front of a background image. Applies at Level AA to general text.
Instructions
This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
Links
Technique info
G145: Ensuring that a contrast ratio of at least 3:1 exists between text (and images of text) and background behind the text
Applies To
Text placed in front of a background image. Applies at Level AA to text defined as "large text".
Instructions
This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 3:1.
Links
Technique info
F24: Failure of Success Criterion 1.4.3, 1.4.6 and 1.4.8 due to specifying foreground colors without specifying background colors or vice versa
- BGColour
Applies To
Elements with a background style or bgcolor attribute, without a corresponding foreground color style or attribute.
Instructions
Check that this element has an inherited foreground colour to complement the corresponding inline background colour or image.
- FGColour
Applies To
Elements with a foreground color style or attribute, without a corresponding background color style or bgcolor attribute.
Instructions
Check that this element has an inherited background colour or image to complement the corresponding inline foreground colour.
Links
Standard info
SC 1.4.3: Contrast (Minimum) (Level AA)
Description
- Large Text: Large-scale text and images of large-scale text have a contrast ratio of at least 3:1;
- Incidental: Text or images of text that are part of an inactive user interface component, that are pure decoration, that are not visible to anyone, or that are part of a picture that contains significant other visual content, have no contrast requirement.
- Logotypes: Text that is part of a logo or brand name has no minimum contrast requirement.
Technique info
G142: Using a technology that has commonly-available user agents that support zoom
Applies To
Top element.
Instructions
Check that text can be resized without assistive technology up to 200 percent without loss of content or functionality.
Links
Standard info
Standard info
SC 1.4.12: Text Spacing (Level AA)
Description
- Line height (line spacing) to at least 1.5 times the font size;
- Spacing following paragraphs to at least 2 times the font size;
- Letter spacing (tracking) to at least 0.12 times the font size;
- Word spacing to at least 0.16 times the font size.
Technique info
F40: Failure of Success Criterion 2.2.1 and 2.2.4 due to using meta redirect with a time limit
- 2
Applies To
Meta refresh element with a timeout greater than zero (with a URL to redirect to).
Instructions
Meta refresh tag used to redirect to another page, with a time limit that is not zero. Users cannot control this time limit.
Links
Technique info
F41: Failure of Success Criterion 2.2.1, 2.2.4, and 3.2.5 due to using meta refresh to reload the page
- 2
Applies To
Meta refresh element with a timeout greater than zero (and no URL, indicating "refresh the current URL").
Instructions
Meta refresh tag used to refresh the current page. Users cannot control the time limit for this refresh.
Links
Standard info
SC 2.2.1: Timing Adjustable (Level A)
Description
- Turn off: The user is allowed to turn off the time limit before encountering it; or
- Adjust: The user is allowed to adjust the time limit before encountering it over a wide range that is at least ten times the length of the default setting; or
- Extend: The user is warned before time expires and given at least 20 seconds to extend the time limit with a simple action (for example, "press the space bar"), and the user is allowed to extend the time limit at least ten times; or
- Real-time Exception: The time limit is a required part of a real-time event (for example, an auction), and no alternative to the time limit is possible; or
- Essential Exception: The time limit is essential and extending it would invalidate the activity; or
- 20 Hour Exception: The time limit is longer than 20 hours.
Technique info
SCR33: Using script to scroll content, and providing a mechanism to pause it SCR22: Using scripts to control blinking and stop it in five seconds or less G187: Using a technology to include blinking content that can be turned off via the user agent G152: Setting animated gif images to stop blinking after n cycles (within 5 seconds) G186: Using a control in the Web page that stops moving, blinking, or auto-updating content G191: Providing a link, button, or other mechanism that reloads the page without any blinking content
Applies To
Top element.
Instructions
If any part of the content moves, scrolls or blinks for more than 5 seconds, or auto-updates, check that there is a mechanism available to pause, stop, or hide the content.
Links
Technique info
F4: Failure of Success Criterion 2.2.2 due to using text-decoration:blink without a mechanism to stop it in less than five seconds
Applies To
Elements that have a blink style (text-decoration: blink). There must be some method (via scripting, for example) to be able to turn these off within 5 seconds.
Instructions
Ensure there is a mechanism available to stop this blinking element in less than five seconds.
Links
Technique info
F47: Failure of Success Criterion 2.2.2 due to using the blink element
Applies To
Blink elements, in general.
Instructions
Blink elements cannot satisfy the requirement that blinking information can be stopped within five seconds.
Links
Standard info
SC 2.2.2: Pause, Stop, Hide (Level A)
Description
- Moving, blinking, scrolling: For any moving, blinking or scrolling information that (1) starts automatically, (2) lasts more than five seconds, and (3) is presented in parallel with other content, there is a mechanism for the user to pause, stop, or hide it unless the movement, blinking, or scrolling is part of an activity where it is essential; and
- Auto-updating: For any auto-updating information that (1) starts automatically and (2) is presented in parallel with other content, there is a mechanism for the user to pause, stop, or hide it or to control the frequency of the update unless the auto-updating is part of an activity where it is essential.
Technique info
H64: Using the title attribute of the frame and iframe elements
- 1
Applies To
Iframe elements that have missing or empty title attribute.
Instructions
Iframe element requires a non-empty title attribute that identifies the frame.
- 2
Applies To
Top element.
Instructions
Check that the title attribute of this element contains text that identifies the frame.
Links
Technique info
H69: Providing heading elements at the beginning of each section of content
Applies To
Landmarks (header, main, footer, section, aside, article)
Instructions
This technique promotes using section headings to organize content logically, aiding navigation and accessibility for users, especially those relying on assistive technology.
Links
Technique info
G1: Adding a link at the top of each page that goes directly to the main content area G123: Adding a link at the beginning of a block of repeated content to go to the end of the block G124: Adding links at the top of the page to each area of the content H69: Providing heading elements at the beginning of each section of content
Applies To
Top element. (No sufficient technique currently exists for ARIA landmark roles, but they are becoming increasingly supported.)
Instructions
Ensure that any common navigation elements can be bypassed; for instance, by use of skip links, header elements, or ARIA landmark roles.
Links
Technique info
G1: Adding a link at the top of each page that goes directly to the main content area G123: Adding a link at the beginning of a block of repeated content to go to the end of the block G124: Adding links at the top of the page to each area of the content
- No Such Id
Applies To
Anchor (a) or area element with a href element pointing to an anchor in the same document, such as "#content", but where that anchor - defined through an ID (anywhere), or a name attribute on an "a" attribute - does not exist. Applies to full documents.
Instructions
This link points to a named anchor "[link target]" within the document, but no anchor exists with that name.
- No Such Id Fragment2
Applies To
Instructions
Links
Standard info
Technique info
H25: Providing a title using the title element
- 1
Applies To
Title element that exists, but is empty.
Instructions
The title element in the head section should be non-empty.
- 2
Applies To
Top element.
Instructions
Check that the title element describes the document.
Links
Standard info
Technique info
H57: Using language attributes on the html element
- 2
Applies To
HTML element with no language attributes. The primary language of the page must be specified in the document, so it can be examined in an environment outside of a server.
Instructions
The html element should have a lang or xml:lang attribute which describes the language of the document.
- 3
Applies To
HTML element with an xml:lang attribute (as used by XHTML) that is not well-formed.
Instructions
The language specified in the xml:lang attribute of the document element does not appear to be well-formed.
Links
Standard info
Technique info
H58: Using language attributes to identify changes in the human language
Applies To
Top element.
Instructions
Ensure that any change in language is marked using the lang and/or xml:lang attribute on an element, as appropriate.
Links
Standard info
Technique info
H32: Providing submit buttons
- 2
Applies To
Forms which do not provide an ability on their interface to be submitted using the mouse.
Instructions
Form does not contain a submit button (input type="submit", input type="image", or button type="submit").
Links
Standard info
Technique info
F77: Failure of Success Criterion 4.1.1 due to duplicate values of type ID
Applies To
Second and subsequent sightings of an element ID.
Instructions
Duplicate id attribute value "[Element ID]" found on the web page.
Links
Standard info
Technique info
Ensures an element's role supports its ARIA attributes
Applies To
ARIA provides explicit guidelines on which attributes are permitted for specific roles, as well as where these attributes can be applied.
Instructions
The element role does not meet the required aria attribute.
Links
Technique info
Elements inside ARIA hidden element must not be focusable
Applies To
An ARIA hidden element was identified that contains a focusable element within it, potentially causing navigation issues for keyboard navigation users.
Instructions
Make sure elements inside aria-hidden=true's elements don't have a positive tabindex value.
Links
Technique info
ARIA hidden element must not be focusable
Applies To
An ARIA hidden element was identified with a tabindex value greater than -1, potentially affecting user navigation within the website.
Instructions
Make sure elements with aria-hidden=true don't have a positive tabindex value.
Links
Technique info
H91: Using HTML form controls and links
- A
Applies To
Link with a href attribute, but without link text. This means it does not have an accessibility API "name".
Instructions
Anchor element found with a valid href attribute, but no link content has been supplied.
- [Node Name]
Applies To
Form control which does not have a valid accessibility API "value". The message states how to add a valid value.
Instructions
This [element type] does not have a value available to an accessibility API. Add one [using a element-specific method].
Links
Standard info
Technique info
G158: Providing an alternative for time-based media for audio-only content
Applies To
Elements which may contain audio.
Instructions
If this embedded object contains pre-recorded audio only, and is not provided as an alternative for text content, check that an alternative text version is available.
Links
Technique info
G159: Providing an alternative for time-based media for video-only content G166: Providing audio that describes the important video content and describing it as such
Applies To
Elements which may contain video.
Instructions
If this embedded object contains pre-recorded video only, and is not provided as an alternative for text content, check that an alternative text version is available, or an audio track is provided that presents equivalent information.
Links
Standard info
SC 1.2.1: Audio-only and Video-only (Prerecorded) (Level A)
Description
- Prerecorded Audio-only: An alternative for time-based media is provided that presents equivalent information for prerecorded audio-only content.
- Prerecorded Video-only: Either an alternative for time-based media or an audio track is provided that presents equivalent information for prerecorded video-only content.
Technique info
G87: Providing closed captions G93: Providing open (always visible) captions
Applies To
Elements which may contain synchronised media.
Instructions
If this embedded object contains pre-recorded synchronised media and is not provided as an alternative for text content, check that captions are provided for audio content.
Links
Standard info
Technique info
G9: Creating captions for live synchronized media G87: Providing closed captions G93: Providing open (always visible) captions
Applies To
Elements which may contain synchronised media.
Instructions
If this embedded object contains synchronised media, check that captions are provided for live audio content.
Links
Standard info
Technique info
G78: Providing a second, user-selectable, audio track that includes audio descriptions G173: Providing a version of a movie with audio descriptions G8: Providing a movie with extended audio descriptions
Applies To
Elements which may contain synchronised media.
Instructions
If this embedded object contains pre-recorded synchronised media, check that an audio description is provided for its video content.
Links
Standard info
SC 1.2.5: Audio Description (Prerecorded) (Level AA)
Description
Technique info
G57: Ordering the content in a meaningful sequence
Applies To
Top element.
Instructions
Check that the content is ordered in a meaningful sequence when linearised, such as when style sheets are disabled.
Links
Standard info
Technique info
G96: Providing textual identification of items that otherwise rely only on sensory information to be understood
Applies To
Top element.
Instructions
Where instructions are provided for understanding the content, do not rely on sensory characteristics alone (such as shape, size or location) to describe objects.
Links
Standard info
Technique info
Using a control to allow access to content in different orientations which is otherwise restricted
Applies To
Top element.
Instructions
Check that content does not restrict its view and operation to a single display orientation, such as portrait or landscape, unless a specific display orientation is essential.
Links
Standard info
Technique info
G14: Ensuring that information conveyed by color differences is also available in text G182: Ensuring that additional visual cues are available when text color differences are used to convey information
Applies To
Top element.
Instructions
Check that any information conveyed using colour alone is also available in text, or through other visual cues.
Links
Standard info
Technique info
F23: Failure of 1.4.2 due to playing a sound longer than 3 seconds where there is no mechanism to turn it off
Applies To
Top element.
Instructions
If any audio plays automatically for longer than 3 seconds, check that there is the ability to pause, stop or mute the audio.
Links
Standard info
Technique info
G140: Separating information and structure from presentation to enable different presentations C22: Using CSS to control visual presentation of text C30: Using CSS to replace text with images of text and providing user interface controls to switch
- AALevel
Applies To
Top element.
Instructions
If the technologies being used can achieve the visual presentation, check that text is used to convey information rather than images of text, except when the image of text is essential to the information being conveyed, or can be visually customised to the user's requirements.
Links
Standard info
SC 1.4.5: Images of Text (Level AA)
Description
- Customizable: The image of text can be visually customized to the user's requirements;
- Essential: A particular presentation of text is essential to the information being conveyed.
Technique info
Using media queries and grid CSS to reflow columns Using CSS Flexbox to reflow content Allowing for Reflow with Long URLs and Strings of Text Using CSS width, max-width and flexbox to fit labels and inputs Calculating size and position in a way that scales with text size Providing options within the content to switch to a layout that does not require the user to scroll horizontally to read a line of text
- Check
Applies To
Top element.
Instructions
Except for parts of the content which require two-dimensional layout for usage or meaning.
- Fixed
Applies To
Top element with "position: fixed".
Instructions
This element has "position: fixed". This may require scrolling in two dimensions, which is considered a failure of this Success Criterion.
- Scrolling
Applies To
Pre elements.
Instructions
Preformatted text may require scrolling in two dimensions, which is considered a failure of this Success Criterion.
- Zoom
Applies To
Meta element with a name of "viewport" that defines scaling rules.
Instructions
Interfering with a user agent's ability to zoom may be a failure of this Success Criterion.
Links
Standard info
SC 1.4.10: Reflow (Level AA)
Description
- Vertical scrolling content at a width equivalent to 320 CSS pixels;
- Horizontal scrolling content at a height equivalent to 256 CSS pixels.
Technique info
G195: Using an author-supplied, visible focus indicator G207: Ensuring that a contrast ratio of 3:1 is provided for icons G18: Ensuring that a contrast ratio of at least 4.5:1 exists between text (and images of text) and background behind the text G145: Ensuring that a contrast ratio of at least 3:1 exists between text (and images of text) and background behind the text G174: Providing a control with a sufficient contrast ratio that allows users to switch to a presentation that uses sufficient contrast F78: Using an author-supplied, visible focus indicator
- Check
Applies To
Top element.
Instructions
Graphical Objects: Parts of graphics required to understand the content, except when a particular presentation of graphics is essential to the information being conveyed.
Links
Standard info
SC 1.4.11: Non-text Contrast (Level AA)
Description
- User Interface Components: Visual information required to identify user interface components and states, except for inactive components or where the appearance of the component is determined by the user agent and not modified by the author;
- Graphical Objects: Parts of graphics required to understand the content, except when a particular presentation of graphics is essential to the information being conveyed.
Technique info
F95: Making content on focus or hover hoverable, dismissible, and persistent
- Check
Applies To
Top element.
Instructions
Persistent: The additional content remains visible until the hover or focus trigger is removed, the user dismisses it, or its information is no longer valid.
Links
Standard info
SC 1.4.13: Content on Hover or Focus (Level AA)
Description
- Dismissable: A mechanism is available to dismiss the additional content without moving pointer hover or keyboard focus, unless the additional content communicates an input error or does not obscure or replace other content;
- Hoverable: If pointer hover can trigger the additional content, then the pointer can be moved over the additional content without the additional content disappearing;
- Persistent: The additional content remains visible until the hover or focus trigger is removed, the user dismisses it, or its information is no longer valid.
Technique info
SCR20: Using both keyboard and other device-specific functions
- Dbl Click
Applies To
Elements with an inline ondblclick attribute.
Instructions
Ensure the functionality provided by double-clicking on this element is available through the keyboard.
- Mouse Over
Applies To
Elements with an inline onmouseover attribute.
Instructions
Ensure the functionality provided by mousing over this element is available through the keyboard; for instance, using the focus event.
- Mouse Out
Applies To
Elements with an inline onmouseout attribute.
Instructions
Ensure the functionality provided by mousing out of this element is available through the keyboard; for instance, using the blur event.
- Mouse Move
Applies To
Elements with an inline onmousemove attribute.
Instructions
Ensure the functionality provided by moving the mouse on this element is available through the keyboard.
- Mouse Down
Applies To
Elements with an inline onmousedown attribute.
Instructions
Ensure the functionality provided by mousing down on this element is available through the keyboard; for instance, using the keydown event.
- Mouse Up
Applies To
Elements with an inline onmouseup attribute.
Instructions
Ensure the functionality provided by mousing up on this element is available through the keyboard; for instance, using the keyup event.
Links
Standard info
Technique info
F10: Failure of Success Criterion 2.1.2 and Conformance Requirement 5 due to combining multiple content formats in a way that traps users inside one format type
Applies To
Applet or object elements.
Instructions
Check that this applet or plugin provides the ability to move the focus away from itself when using the keyboard.
Links
Standard info
Technique info
Providing a mechanism to allow users to remap or turn off character key shortcuts
Applies To
Top element.
Instructions
Active only on focus: The keyboard shortcut for a user interface component is only active when that component has focus.
Links
Standard info
SC 2.1.4: Character Key Shortcuts (Level A)
Description
- Turn off: A mechanism is available to turn the shortcut off;
- Remap: A mechanism is available to remap the shortcut to use one or more non-printable keyboard characters (e.g. Ctrl, Alt, etc);
- Active only on focus: The keyboard shortcut for a user interface component is only active when that component has focus.
Technique info
Providing a mechanism to allow users to remap or turn off character key shortcuts
Applies To
Top element.
Instructions
Check that users are warned of the duration of any user inactivity that could cause data loss, unless the data is preserved for more than 20 hours when the user does not take any actions.
Links
Standard info
Technique info
G19: Ensuring that no component of the content flashes more than three times in any 1-second period G176: Keeping the flashing area small enough
Applies To
Top element.
Instructions
Check that no component of the content flashes more than three times in any 1-second period, or that the size of any flashing area is sufficiently small.
Links
Standard info
SC 2.3.1: Three Flashes or Below Threshold (Level A)
Description
Technique info
H4: Creating a logical tab order through links, form controls, and objects
- 2
Applies To
Top element, when it is detected that tabindex has been used. Where tabindex has been inconsistently used, the order may not be correct.
Instructions
If tabindex is used, check that the tab order specified by the tabindex attributes follows relationships in the content.
Links
Standard info
Technique info
H77: Identifying the purpose of a link using link text combined with its enclosing list item H78: Identifying the purpose of a link using link text combined with its enclosing paragraph H79: Identifying the purpose of a link in a data table using the link text combined with its enclosing table cell and associated table header cells H80: Identifying the purpose of a link using link text combined with the preceding heading element H81: Identifying the purpose of a link in a nested list using link text combined with the parent list item under which the list is nested H33: Supplementing link text with the title attribute
Applies To
Anchor (A) elements in general, where they contain a title attribute.
Instructions
Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.
Links
Technique info
H77: Identifying the purpose of a link using link text combined with its enclosing list item H78: Identifying the purpose of a link using link text combined with its enclosing paragraph H79: Identifying the purpose of a link in a data table using the link text combined with its enclosing table cell and associated table header cells H80: Identifying the purpose of a link using link text combined with the preceding heading element H81: Identifying the purpose of a link in a nested list using link text combined with the parent list item under which the list is nested
Applies To
Anchor (A) elements in general (no title attribute).
Instructions
Check that the link text combined with programmatically determined link context identifies the purpose of the link.
Links
Standard info
Technique info
G125: Providing links to navigate to related Web pages G64: Providing a Table of Contents G63: Providing a site map G161: Providing a search function to help users find content G126: Providing a list of links to all other Web pages G185: Linking to all of the pages on the site from the home page
Applies To
Top element.
Instructions
If this Web page is not part of a linear process, check that there is more than one way of locating this Web page within a set of Web pages.
Links
Standard info
Standard info
Technique info
G149: Using user interface components that are highlighted by the user agent when they receive focus G165: Using the default focus indicator for the platform so that high visibility default focus indicators will carry over Using an author-supplied, visible focus indicator C15: Using CSS to change the presentation of a user interface component when it receives focus SCR31: Using script to change the background color or border of the element with focus
Applies To
Top element.
Instructions
Check that there is at least one mode of operation where the keyboard focus indicator can be visually located on user interface controls.
Links
Standard info
Technique info
Providing a mechanism to allow users to remap or turn off character key shortcuts
Applies To
Top element.
Instructions
Check that all functionality that uses multipoint or path-based gestures for operation can be operated with a single pointer without a path-based gesture, unless a multipoint or path-based gesture is essential.
Links
Standard info
Standard info
SC 2.5.2: Pointer Cancellation (Level A)
Description
- No Down-Event: The down-event of the pointer is not used to execute any part of the function;
- Abort or Undo: Completion of the function is on the up-event, and a mechanism is available to abort the function before completion or to undo the function after completion;
- Up Reversal: The up-event reverses any outcome of the preceding down-event;
- Essential: Completing the function on the down-event is essential.
Technique info
Including the text of the visible label as part of the accessible name
- Check
Applies To
Top element.
Instructions
Check that for user interface components with labels that include text or images of text, the name contains the text that is presented visually.
- Accessible Name
Applies To
Anchor (A), button, and input elements. Also applies to all elements with a label.
Instructions
Accessible name for this element does not contain the visible label text. Check that for user interface components with labels that include text or images of text, the name contains the text that is presented visually.
Links
Standard info
Technique info
Providing a mechanism to allow users to remap or turn off character key shortcuts
Applies To
Top element.
Instructions
Essential: The motion is essential for the function and doing so would invalidate the activity.
Links
Technique info
Provide conventional controls and an application setting for motion activated input
Applies To
Elements with an "ondevicemotion" event.
Instructions
Essential: The motion is essential for the function and doing so would invalidate the activity.
Links
Standard info
SC 2.5.4: Motion Actuation (Level A)
Description
- Supported Interface: The motion is used to operate functionality through an accessibility supported interface;
- Essential: The motion is essential for the function and doing so would invalidate the activity.
Technique info
G61: Presenting repeated components in the same relative order each time they appear
Applies To
Top element.
Instructions
Check that navigational mechanisms that are repeated on multiple Web pages occur in the same relative order each time they are repeated, unless a change is initiated by the user.
Links
Standard info
Technique info
G197: Using labels, names, and text alternatives consistently for content that has the same functionality
Applies To
Top element.
Instructions
Check that components that have the same functionality within this Web page are identified consistently in the set of Web pages to which it belongs.
Links
Standard info
Technique info
G83: Providing text descriptions to identify required fields that were not completed G84: Providing a text description when the user provides information that is not in the list of allowed values G85: Providing a text description when user input falls outside the required format or values
Applies To
Form elements in general.
Instructions
If an input error is automatically detected in this form, check that the item(s) in error are identified and the error(s) are described to the user in text.
Links
Standard info
Technique info
G131: Providing descriptive labels G89: Providing expected data format and example G184: Providing text instructions at the beginning of a form or set of fields that describes the necessary input H90: Indicating required form controls using label or legend
Applies To
Form elements in general.
Instructions
Check that descriptive labels or instructions (including for required fields) are provided for user input in this form.
Links
Standard info
Technique info
Providing suggested correction text
Applies To
Form elements in general.
Instructions
Check that this form provides suggested corrections to errors in user input, unless it would jeopardize the security or purpose of the content.
Links
Standard info
Technique info
G98: Providing the ability for the user to review and correct answers before submitting G99: Providing the ability to recover deleted information G155: Providing a checkbox in addition to a submit button G164: Providing a stated time within which an online request (or transaction) may be amended or canceled by the user after making the request G168: Requesting confirmation to continue with selected action
- Legal Forms
Applies To
Form elements in general.
Instructions
If this form would bind a user to a financial or legal commitment, modify/delete user-controllable data, or submit test responses, ensure that submissions are either reversible, checked for input errors, and/or confirmed by the user.
Links
Standard info
SC 3.3.4: Error Prevention (Legal, Financial, Data) (Level AA)
Description
- Reversible: Submissions are reversible.
- Checked: Data entered by the user is checked for input errors and the user is provided an opportunity to correct them.
- Confirmed: A mechanism is available for reviewing, confirming, and correcting information before finalizing the submission.
Technique info
ARIA22: Using role=status to present status messages G199: Providing success feedback when data is submitted successfully ARIA19: Using ARIA role=alert or Live Regions to Identify Errors G83: Providing text descriptions to identify required fields that were not completed G84: Providing a text description when the user provides information that is not in the list of allowed values G85: Providing a text description when user input falls outside the required format or values G139: Creating a mechanism that allows users to jump to errors G177: Providing suggested correction text G194: Providing spell checking and suggestions for text input ARIA23: Using role=log to identify sequential information updates
- Check
Applies To
Top element.
Instructions
Check that status messages can be programmatically determined through role or properties such that they can be presented to the user by assistive technologies without receiving focus.
Links
Standard info
Issues By Pages
| Page Index | Accessibility Widget | URL & Title | Total errors | tRemediated errors | Remaining errors | ARIA attributes | Role attributes | Details |
|---|
Platforms & Technologies
- Wix eCommerce
- Wix
- Sentry
- Bootstrap
- jQuery
- Polyfill
- EqualWeb
- React
- Lodash
