Web Accessibility Evaluation Report ![]()
www.kijuiv.org
General information
- Domain: www.kijuiv.org
- Accessibility Provider: EqualWeb
- Scan date: Nov 18, 2024
- Scan duration: 00:00:38
- Standard: WCAG2AA
- Scan mode: auto
- Total site pages: 16
- Scanned pages: N/A
- Scanned device: Desktop
- Version: Unknown
- Mode: Unknown
Overall score
Assessments statistics
Score without accessibility widget
The monitor found 51 accessibility errors after scanning 0 pages. Your website is currently at risk of a non-discriminatory lawsuit.
Total Errors
- 0Role attributes
- 0ARIA attributes
- 3Access keys
- 0Headings
- 0Fields without label
- 0Altless images
- 1Iframes
- 4Images
- NaNPDFs
- 26Links
- 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
| Context & Selector | Pages |
|---|---|
 <svg xmlns="http://www.w3.org/2000/svg" width="1793.982" height="1793.982" viewBox="0 0 1793.982 1793.982" style="direction: ltr; color:#ffffff"><text x="513.501415" y="1537.02...</svg> #a18a00c16c983b29383a99075c8ab65e > div > div > svg 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. | |
 <svg xmlns="http://www.w3.org/2000/svg" width="1793.982" height="1793.982" viewBox="0 0 1793.982 1793.982" style="direction: ltr; color:#ffffff"><text x="1.501415" y="1537.02" ...</svg> #a18a00c16c983e4cd6f0e83d72eac7e3 > div > div > svg 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. | |
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 |
|---|---|
 <a href="https://www.kijuiv.org/" data-popup-processed="true"><img loading="lazy" alt="" src=...</a> #a18a00c16c9761fa854f09728b94f646 > div > div > a Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link. | |
 <a href="https://www.kijuiv.org/" data-popup-processed="true"><img loading="lazy" alt="" src=...</a> #a18ee8a07d9900c7b399b29f110e8cff > div > div > a Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link. | |
 <a href="https://www.threads.net/@kijuiv.hessen?igshid=OGQ5ZDc2ODk2ZA==" title="Threads" data-popup-processed="true"><img loading="lazy" alt="" src=...</a> #a18c88e00d76007f9d77dfe5eaca84ee > div > div > a Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link. | |
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
| Context & Selector | Pages |
|---|---|
 <div style="width: 100%; height: 100%; overflow-y: auto;">e56763416263325a9ae0b587ef38272...</div> #a19079af8a8500fc5de790492ff306f7 > div This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 1.05:1. Recommendation: change background to #fdfeff. | |
 <span><svg xmlns="http://www.w3.org/2...</span> #a18a00c16c97658cd1bc586bc9a31e67 > a > span This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 2.55:1. Recommendation: change text colour to #3875d1. | |
 <span style="font-size:9px;"><a href="Presse/" data-popup-pr...</span> #a18a00c16c9766ad4eaab24e93beeada > h2 > span > span This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 2.55:1. Recommendation: change text colour to #3875d1. | |
 <a href="Presse/" data-popup-processed="true">Presse </a> #a18a00c16c9766ad4eaab24e93beeada > h2 > span > span > a:nth-child(1) This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 1:1. Recommendation: change text colour to #767676. | |
 <a href="Kontakt/" data-popup-processed="true">Kontakt</a> #a18a00c16c9766ad4eaab24e93beeada > h2 > span > span > a:nth-child(2) This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 1:1. Recommendation: change text colour to #767676. | |
 <span style="font-size:16px;">Wir vertreten deine Rechte &...</span> #a18a00c16c976e489f1ca0ed0719248b > p > span > span This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 2.55:1. Recommendation: change text colour to #3875d1. | |
 <span style="font-size:18px;">Was machen wir? Was ist eine In...</span> #a18a00c16c9775076c5bee4efecf99ae > p > span > span This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 1.37:1. Recommendation: change text colour to #986f32. | |
<span style="font-size:18px;">Überzeugt? Interesse? Werde jet...</span> #a18a00c16c977b60420b1ded5435a781 > p > span > span This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 2.05:1. Recommendation: change text colour to #bd5757. | |
 <span class="description">Mit Stolz präsentiert die Initi...</span> #blog-data > div:nth-child(1) > div > a:nth-child(1) > div:nth-child(2) > div > div > span:nth-child(3) This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.55:1. Recommendation: change background to #950000. | |
 <span class="description">Die Kinder- und Jugendinteresse...</span> #blog-data > div:nth-child(1) > div > a:nth-child(2) > div:nth-child(2) > div > div > span:nth-child(3) This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.55:1. Recommendation: change background to #950000. | |
 <span class="description">Die Kinder- und Jugendinteresse...</span> #blog-data > div:nth-child(1) > div > a:nth-child(3) > div:nth-child(2) > div > div > span:nth-child(3) This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.55:1. Recommendation: change background to #950000. | |
 <span class="description"> Liebe Kolleginn...</span> #blog-data > div:nth-child(1) > div > a:nth-child(4) > div:nth-child(2) > div > div > span:nth-child(3) This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.55:1. Recommendation: change background to #950000. | |
 <span class="description">Kinderrechte sind universell un...</span> #blog-data > div:nth-child(1) > div > a:nth-child(5) > div:nth-child(2) > div > div > span:nth-child(3) This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.55:1. Recommendation: change background to #950000. | |
 <span class="description">Am 29. April 2024 fande die ers...</span> #blog-data > div:nth-child(1) > div > a:nth-child(6) > div:nth-child(2) > div > div > span:nth-child(3) This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.55:1. Recommendation: change background to #950000. | |
 <a href="https://www.kijuiv.org/?bpage=1&bcpp=6#wbb3" data-popup-processed="true">«</a> #blog-data > div:nth-child(2) > ul > li:nth-child(1) > a This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 4.48:1. Recommendation: change text colour to #767676. | |
 <span dir="ltr" style="direction: ltr;">+49 (0) 1577 8693794</span> #a18a00c16c983cbae4de332003edc4f0 > p > span > span > span > span > span > span > span > span This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 1:1. Recommendation: change text colour to #767676. | |
 <font color="#ffffff">info@kijuiv.org</font> #a18a00c16c983faa71e074d75af9a54e > p > font This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 1:1. Recommendation: change text colour to #767676. | |
 <span style="font-size:10px;">© Initiative JungeStimme Deutsc...</span> #a1933ce11fe100209fca5722878c7352 > p:nth-child(1) > span This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 1:1. Recommendation: change text colour to #767676. | |
 <span style="font-size:10px;">Erstellt mit <a data-_="Link" h...</span> #a1933ce11fe100209fca5722878c7352 > p:nth-child(2) > span This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 1:1. Recommendation: change text colour to #767676. | |
 <a data-_="Link" href="IMPULS/" title="IMPULS - Brand Identity System der Initiative JungenStimme Deutschland" data-popup-processed="true">IMPULS</a> #a1933ce11fe100209fca5722878c7352 > p:nth-child(2) > span > a This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 1:1. Recommendation: change text colour to #767676. | |
 <span style="font-size:10px;">2024</span> #a1933ce11fe500aab5051d53f599725c > p > span This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 1:1. Recommendation: change text colour to #767676. | |
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
| Context & Selector | Pages |
|---|---|
 <text x="257.501415" y="1537.02" font-size="1792" fill="currentColor" style="font-family: "FontAwesome""></text> #a18a00c16c97658cd1bc586bc9a31e67 > a > span > svg > text This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 2.55:1. Recommendation: change text colour to #5895f1. | |
 <text x="129.501415" y="1537.02" font-size="1792" fill="currentColor" style="font-family: "FontAwesome""></text> #a18ec535ac4e0045c075ec80aa1a5a6d > a > span > svg > text This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 2.55:1. Recommendation: change text colour to #5895f1. | |
 <span style="color:#66a3ff;">Willkommen</span> #a18a00c16c976d3ae5075a32d27da6e9 > h2 > span This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 2.55:1. Recommendation: change text colour to #5895f1. | |
 <span style="color:#ffd699;">Über uns/ FAQ</span> #a18a00c16c9774af38314ee4c2ba11dd > h2 > span This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 1.37:1. Recommendation: change text colour to #b68d50. | |
<text x="129.501415" y="1537.02" font-size="1792" fill="currentColor" style="font-family: "FontAwesome""></text> #a192e4a5c1e90198741ce2d7b339f0c1 > div > div > a > svg > text This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 2.55:1. Recommendation: change text colour to #5895f1. | |
 <span style="color:#ff9999;">Mitglied werden</span> #a18a00c16c977a6052cca3aaa812e4da > h2 > span This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 2.05:1. Recommendation: change text colour to #d77. | |
 <text x="513.501415" y="1537.02" font-size="1792" fill="currentColor" style="font-family: "FontAwesome""></text> #a18a00c16c983b29383a99075c8ab65e > div > div > svg > text This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 1:1. Recommendation: change text colour to #949494. | |
 <text x="1.501415" y="1537.02" font-size="1792" fill="currentColor" style="font-family: "FontAwesome""></text> #a18a00c16c983e4cd6f0e83d72eac7e3 > div > div > svg > text This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 1:1. Recommendation: change text colour to #949494. | |
 <text x="385.501415" y="1537.02" font-size="1792" fill="currentColor" style="font-family: "FontAwesome""></text> #a18a00c16c9843565cbbe068d90d332c > div > div > a > svg > text This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 1:1. Recommendation: change text colour to #949494. | |
 <text x="129.501415" y="1537.02" font-size="1792" fill="currentColor" style="font-family: "FontAwesome""></text> #a18a00c16c98442225bd3d1c5b590044 > div > div > a > svg > text This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 1:1. Recommendation: change text colour to #949494. | |
 <text x="0" y="960" font-size="1024" fill="currentColor" style="font-family: "builder-ui-icons-plugins""></text> #a18a00c16c98458221817c89b26b32bb > div > div > a > svg > text This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 1:1. Recommendation: change text colour to #949494. | |
 <text x="129.501415" y="1537.02" font-size="1792" fill="currentColor" style="font-family: "FontAwesome""></text> #a192e8313bc500c03fae7719162dac05 > div > div > a > svg > text This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 1:1. Recommendation: change text colour to #949494. | |
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
| Context & Selector | Pages |
|---|---|
 <span><svg xmlns="http://www.w3.org/2...</span> #a18a00c16c97658cd1bc586bc9a31e67 > a > span Ensure that the element font size is larger than the minimum requirements (12px). | |
 <span style="font-size:9px;"><a href="Presse/" data-popup-pr...</span> #a18a00c16c9766ad4eaab24e93beeada > h2 > span > span Ensure that the element font size is larger than the minimum requirements (12px). | |
 <a href="Presse/" data-popup-processed="true">Presse </a> #a18a00c16c9766ad4eaab24e93beeada > h2 > span > span > a:nth-child(1) Ensure that the element font size is larger than the minimum requirements (12px). | |
 <a href="Kontakt/" data-popup-processed="true">Kontakt</a> #a18a00c16c9766ad4eaab24e93beeada > h2 > span > span > a:nth-child(2) Ensure that the element font size is larger than the minimum requirements (12px). | |
 <span style="font-size:11px;">Kinder- und Jugendinteressenver...</span> #a18a00c16c98379bb06535a6457799bf > p:nth-child(1) > strong > span Ensure that the element font size is larger than the minimum requirements (12px). | |
 <span style="font-size:10px;">© Initiative JungeStimme Deutsc...</span> #a1933ce11fe100209fca5722878c7352 > p:nth-child(1) > span Ensure that the element font size is larger than the minimum requirements (12px). | |
 <span style="font-size:10px;">Erstellt mit <a data-_="Link" h...</span> #a1933ce11fe100209fca5722878c7352 > p:nth-child(2) > span Ensure that the element font size is larger than the minimum requirements (12px). | |
 <a data-_="Link" href="IMPULS/" title="IMPULS - Brand Identity System der Initiative JungenStimme Deutschland" data-popup-processed="true">IMPULS</a> #a1933ce11fe100209fca5722878c7352 > p:nth-child(2) > span > a Ensure that the element font size is larger than the minimum requirements (12px). | |
 <span style="background-color:#4b0082;">BETA</span> #a1933ce11fe100209fca5722878c7352 > p:nth-child(2) > span > em > strong > span Ensure that the element font size is larger than the minimum requirements (12px). | |
 <span style="font-size:10px;">2024</span> #a1933ce11fe500aab5051d53f599725c > p > span Ensure that the element font size is larger than the minimum requirements (12px). | |
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
| Context & Selector | Pages |
|---|---|
 <iframe id="a18c88f1e4de00927f1f8839e92b45c9_instagram_video" src="https://www.instagram.com/p/DBldRD_old4/embed" width="100%" height="100%" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe> #a18c88f1e4de00927f1f8839e92b45c9_instagram_video Iframe element requires a non-empty title attribute that identifies the frame. | |
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
| Context & Selector | Pages |
|---|---|
<a class="btn btn-default btn-collapser" data-popup-processed="true"><span class="icon-bar"></span><...</a> #a18a00c16c97635cc78ee8bdbbeabd1f > a Anchor element found with no link content and no name and/or ID attribute. | |
 <a class="wb-layout-link" href="Über-Uns/" data-popup-processed="true"></a> #a18a00c16c9772818d0918154cf337f8 > a Anchor element found with a valid href attribute, but no link content has been supplied. | |
Standard info
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
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
Issues By Pages
| Page Index | Accessibility Widget | URL & Title | Total errors | Remediated errors | Remaining errors | ARIA attributes | Role attributes | Details |
|---|---|---|---|---|---|---|---|---|
| Loading table.. please wait.. | ||||||||