Skip to content

Latest commit

 

History

History
1188 lines (1043 loc) · 37.8 KB

README.md

File metadata and controls

1188 lines (1043 loc) · 37.8 KB

ARC-Tracker

Contains documentation and public issue tracker for the ARC Toolkit extension.

  • ARC Toolkit Terms of use
  • Download ARC Toolkit from the Google Chrome store.
  • Download the ARC Toolkit Quickstart Guide (PDF) to get started.

    Reporting issues

    If you find an issue with the ARC Toolkit, please file an issue with the following information:

    • Concise title that summarises the issue;
    • Brief description of the issue;
    • ARC Toolkit version;
    • Name and version of the OS and browser;
    • Expected result
    • Actual result
    • Test case that demonstrates the issue - provide linked test case codepen/JSbin etc.

    The rules

    The following is the documentation on the assertions that form the ARC rule set in the ARC extension. This documentation is a work in progress, but I hope will provide you with a clear understanding of what the ARC extension currently tests.

    ARC rules
    AAP ID Assertion Category WCAG 2.0 Criteria
    269 activeSvgMissingAriaLabel

    active SVG missing aria-label

    Error 4.1.2 Name, Role, Value (A)
    270 altAttributeOnSvgElement

    The SVG image uses the alt attribute to provide a text alternative. This is an invalid method of providing a text alternative for SVG images.

    Error 1.1.1 Non-text Content (A)
    271 altTextIsallWhitespace

    <img> elements must provide an alt attribute value in order to convey the meaning of the image to screen reader users.

    Error 1.1.1 Non-text Content (A)
    272 altTextIsallWhitespaceInput

    The input (type=image") has no programmatic label."

    Error 1.1.1 Non-text Content (A)
    273 ariaExpandedOnInvalidRole

    The aria-expanded attribute is incorrectly used. The aria-expanded attribute is to be set on the item/element which controls the expansion and collapse of another item. It does not get set on the item which is expanded or collapsed. The state is not accurately conveyed to screen readers.

    Error 4.1.2 Name, Role, Value (A)
    274 ARIAHiddenUsedOnFocusable

    An element that receives keyboard focus has aria-hidden="true" set on it. Nothing is announced by screen readers when the element receives keyboard focus. Sceen reader users will not know what the element is."

    Error 2.1.1 Keyboard (A)
    275 ariaLabelledbyOnNonInteractiveElement

    aria-labelledby is used on an element which does not reliably convey this attribute

    Error 4.1.2 Name, Role, Value (A)
    276 ariaLabelOnNonInteractiveElement

    aria-label is used on an element which does not reliably convey this attribute

    Error 4.1.2 Name, Role, Value (A)
    277 badAriaAttribute

    An element uses an invalid ARIA attribute. No information about the attribute is available to assistive technology.

    Error 4.1.2 Name, Role, Value (A)
    278 badAriaRole

    An element uses an invalid ARIA role. No information about the role (the type of element) is available to assistive technology.

    Error 4.1.2 Name, Role, Value (A)
    279 badLongdesc

    The longdesc attribute value contains a space or is empty. The longdesc attribute value must be null or contain spaces.

    Error 1.1.1 Non-text Content (A)
    duplicateForAndId

    The id attributes used on the page must be unique. Some screen readers and browsers will be confused by duplicate ids.

    Error 4.1.1 Parsing (A)
    281 duplicateLabelsUsed

    Form labels are duplicated. This makes it more difficult for all users to understand and complete forms unless the structure provides adequate differentiation and context for labels.

    Error 2.4.6 Headings and Labels (AA)
    282 emptyAltInput

    empty alt< /td>

    Error 1.1.1 Non-text Content (A)
    283 emptyAltWithTitle

    The image has an empty alt attribute but has a title or aria-label attribute.

    Error 1.1.1 Non-text Content (A)
    284 emptyAltWtihARIALabel

    The image has an empty alt attribute but has a title or aria-label attribute.

    Error 1.1.1 Non-text Content (A)
    285 emptyFrameTitle

    title is empty - add text describing the purpose of the frame to the title attribute or use the word 'empty' to indicate no user content

    Error 4.1.2 Name, Role, Value (A)
    286 emptyLabelText

    The labeling method used for the form field is an empty string. Screen readers will not announce the form field label.

    Error 2.4.6 Headings and Labels (AA)
    287 emptyLangOnHTML

    language attribute is empty

    Error 3.1.1 Language of Page (A)
    288 hotSpotWithEmptyAlt

    The image map and image map hot spots have empty alt attributes. Image maps and hotspots should have an alt attribute set with alternative text that describes the function of the image map (what the image does and/or where the link goes) so screen reader users will understand the image map links.

    Error 1.1.1 Non-text Content (A)
    289 hotSpotWithNoAlt

    The image map and image map hot spots are missing alt attributes. Image maps and hotspots should have alternative text that describes the function of the image map (what the image does and/or where the link goes) so screen reader users will understand the image map links.

    Error 1.1.1 Non-text Content (A)
    290 iframeNoTitle

    The iframe is missing the title attribute. The iframe purpose is not communicated clearly to screen reader users.

    Error 4.1.2 Name, Role, Value (A)
    291 imgWithAriaDescribedBy

    The image has a null alt attribute or no alt attribute and uses the aria-describedby attribute. The meaning of the image may not be available to some assistive technology.

    Error 1.1.1 Non-text Content (A)
    292 inputNoAccessibleName

    The form control has no visible label text. Users will not understand the purpose of the control or what type of input is expected.

    Error 1.1.1 Non-text Content (A)
    293 inputNoAccessibleNameUseAlt

    The button uses an image that has no text alternative. The button name and/or function will not be available to users of assistive technology.

    Error 1.1.1 Non-text Content (A)
    InsufficientNormalTextContrast Insufficient color contrast between foreground text and the background Error 1.4.3 Contrast (Minimum) (AA)
    294 invalidARIALabelledbyID

    invalid aria-labelledby id

    Error 4.1.2 Name, Role, Value (A)
    295 invalidAttrOnRadioButton

    The aria-invalid attribute is set on a radio button.

    Error 3.3.3 Error Suggestion (AA)
    296 invalidTitleChars

    The HTML <title> element contains special characters, such as '~' or '^'. The page title may be confusing to users of assistive technology.

    Error 2.4.2 Page title d (A)
    297 labelHiddenWithAriaHidden

    A form control uses a <label> element but the <label> is hidden from assistive technology by using aria-hidden=true". The form control label will not be announced by screen readers."

    Error 4.1.2 Name, Role, Value (A)
    298 labelHiddenWithDisplayNone

    A form control uses a <label> element but the <label> is hidden from assistive technology by using display:none. The form control label will not be announced by screen readers.

    Error 4.1.2 Name, Role, Value (A)
    299 labelHiddenWithVisibilityHidden

    A form control uses a <label> element but the <label> is hidden from assistive technology by using visibility:hidden. The form control label will not be announced by screen readers.

    Error 4.1.2 Name, Role, Value (A)
    300 labelParentHiddenWithAriaHidden

    A form control uses a <label> element but the <label> is hidden from assistive technology by using aria-hidden=true" on the parent element that contains the <label>. The form control label will not be announced by screen readers."

    Error 4.1.2 Name, Role, Value (A)
    301 labelParentHiddenWithDisplayNone

    A form control uses a <label> element but the <label> is hidden from assistive technology by using display:none that is set on the parent element that contains the <label>. The form control label will not be announced by screen readers.

    Error 4.1.2 Name, Role, Value (A)
    302 langNotDefinedOnHTML

    The page does not specify the default language. Screen readers may not read the content with the correct pronunciation.

    Error 3.1.1 Language of Page (A)
    303 legendEmpty

    The <legend> element has no text. The programmatic grouping information is not available to assistive technology.

    Error 3.3.2 Labels or Instructions (A)
    304 listItemHasNoListParent

    List items (<li>) do not have the required <ul> or <ol> parent element.

    Error 4.1.1 Parsing (A)
    305 longdescWithEmptyAlt

    An image that uses longdesc has an empty alt attribute.

    Error 1.1.1 Non-text Content (A)
    306 longdescWithNoAlt

    An image that uses longdesc has no alt attribute and text alternative.

    Error 1.1.1 Non-text Content (A)
    307 missingLinkAltAttribute

    The link/button purpose cannot be determined from the link text and the page context. Screen reader users may not know the purpose of the link.

    Error 2.4.4 Link Purpose (In Context) (A)
    308 missingTableHeaders

    missing column and row headers

    Error 1.3.1 Info and Relationships (A)
    309 multipleFormLabelsUsed

    There are multiple <label> elements that reference the same form field. Screen readers may not be able to correctly associate labels and form fields.

    Error 4.1.2 Name, Role, Value (A)
    310 multipleLegendElements

    The <fieldset> element contains more than one <legend> element.

    Error 3.3.2 Labels or Instructions (A)
    311 multipleMainLandmarks

    The page contains more than one main ARIA landmark or HTML5 <main> element.

    Error 2.4.1 Bypass Blocks (A)
    312 noAlt

    <img> elements must provide an alt attribute in order to convey the meaning of the image to screen reader users

    Error 1.1.1 Non-text Content (A)
    313 noAriaLevelOnRoleHeading

    Headings defined with the ARIA role='heading' do not have the aria-level attribute set on them to indicate the heading level. Some screen readers may interpret the heading level incorrectly.

    Error 1.3.1 Info and Relationships (A)
    314 noButtonText

    The button has no programmatic name. The purpose of the button will not be available to users of assistive technology.

    Error 4.1.2 Name, Role, Value (A)
    315 noBypassAvailable

    No method is provided to bypass blocks of content.

    Error 2.4.1 Bypass Blocks (A)
    316 noDoctype

    The HTML <doctype> element is missing. Assistive technology relies on the <doctype> element to interpret the page so AT users can perceive and interact with page content.

    Error 4.1.1 Parsing (A)
    317 noH1

    There is no h1 heading on the page. Each page should have an h1 heading at the start of the main page content. The heading text should describe the main page content and be the same as the page title .

    Error 1.3.1 Info and Relationships (A)
    318 noHeadingsOnPage

    The headings on the page do not use the relevant h1 to h6 elements to indicate page structure.

    Error 1.3.1 Info and Relationships (A)
    319 noHeadingText

    There are empty headings on the page. Screen reader users may find the page structure confusing, inaccurate, or hard to navigate.

    Error 1.3.1 Info and Relationships (A)
    320 noImageRole

    missing role = 'img' on SVG element

    Error 1.1.1 Non-text Content (A)
    321 noLinkText

    The link/button purpose cannot be determined from the link text and the page context. Screen reader users may not know the purpose of the link.

    Error 2.4.4 Link Purpose (In Context) (A)
    322 noModalTitle

    the modal does not have a title

    Error 4.1.2 Name, Role, Value (A)
    323 nonActiveElementInTabOrder

    An element that is focusable with the keyboard but has no role.

    Error 4.1.2 Name, Role, Value (A)
    324 nonLayoutTableHasNestedTable

    Tables that are used for layout should not contain HTML table markup such as <th>, summary, and <caption>.

    Error 1.3.1 Info and Relationships (A)
    325 noTitleSVG

    no title for the SVG

    Error 1.1.1 Non-text Content (A)
    326 nullValueOnInput

    value attribute is empty - value attribute must either be non-empty or unspecifed for <input> elements with type = 'submit' or 'reset'

    Error 4.1.2 Name, Role, Value (A)
    327 pageHasAutoRefresh

    The page has content that is automatically refreshed or updated. Users with cognitive or reading disabilities, low vision, or motor-control disabilities may be unable to access the content.

    Error 2.2.1 Timing Adjustable (A)
    328 pageHasDelayedRedirect

    The page uses a delayed redirect. Some users of assistive technology may not have enough time to interact with elements on the page before the redirect occurs.

    Error 2.2.1 Timing Adjustable (A)
    329 pageTitleHasUntitled

    The HTML <title> element contains placeholder text, such as 'untitled' or the file name. Page title s provide AT users with orientation information when the page initially loads.

    Error 2.4.2 Page title d (A)
    330 pageTitleIsEmpty

    The HTML <title> element is missing. Page title s provide AT users with orientation information when the page initially loads.

    Error 2.4.2 Page title d (A)
    331 placeholderUsedForLabel

    Placeholder text is used to provide the form label in form fields. This information disappears when the form field receives keyboard focus or when input is entered, so it is not communicated to screen reader users.

    Error 2.4.6 Headings and Labels (AA)
    332 pseudoContent

    pseudo content found - ensure text alternative is provided when appropriate

    Error 1.1.1 Non-text Content (A)
    333 requiredAttrOnRadioButton

    The aria-required attribute or HTML required attribute is used on a radio button.

    Error 3.3.2 Labels or Instructions (A)
    334 requiredNotSemanticallyDefined

    the '*' character was detected in the label, indicating a required field, but the field is not semantically defined as being required

    Error 4.1.2 Name, Role, Value (A)
    335 rolePresentationOnTableWithDataElements

    A table defined as a semantically nuetral table contains pertinent semantic table markup.

    Error 1.3.1 Info and Relationships (A)
    336 svgMissingAriaLabelledby

    verify <svg> label

    Error 1.1.1 Non-text Content (A)
    337 tabindexGreaterThanZero

    Elements are in the incorrect tab order. This limits the ability of keyboard and screen reader users to access page content in a logical order.

    Error 2.4.3 Focus Order (A)
    338 tableCellHaScope

    Table data cells defined as <td> elements use the scope attribute.

    Error 1.3.1 Info and Relationships (A)
    339 tableHeaderMissingScope

    The data table header cells have no scope attributes defined. Some screen readers may not interpret the relationship between the headers and data cells.

    Error 1.3.1 Info and Relationships (A)
    340 targetLinkDoesNotExist

    The skip link is provided but the target of the href does not exist. This makes page navigation more difficult for screen reader and keyboard users.

    Error 2.4.1 Bypass Blocks (A)
    341 targetNotFocusable

    An in-page or skip link is provided but the target is not focuable. This makes page navigation more difficult for screen reader and keyboard users.

    Error 2.4.1 Bypass Blocks (A)
    textWithBackgroundImage Unable to determine contrast of text on a background image or css generated background Warning 1.4.3 Contrast (Minimum) (AA)
    342 usingAbstractRole

    An element uses an ARIA composite role.

    Error 4.1.2 Name, Role, Value (A)
    343 visibleLabelWithHiddenInput

    form element with visible label has a hidden input

    Error 4.1.2 Name, Role, Value (A)
    344 visibleModalSiblings

    content behind the modal can be read by screen readers

    Error 1.3.2 Meaningful Sequence (A)
    345 zoomingDisabled

    The page text cannot be resized on mobile due to viewport settings. Low-vision users who rely on being able to increase size by at least 200% may not be able to access all content.

    Error 1.4.4 Resize text (AA)
    346 1x1ImageAltText

    Images used for visual layout or spacing have alt-text. Images that convey no information should have no text in the alt attribute.

    Alert 1.1.1 Non-text Content (A)
    347 accessKeyUsed

    accessKeysUsed

    Alert 2.1.1 Keyboard (A)
    348 applicationFoundInbody

    The ARIA role=application" is set on the page <body> tag. This may complicate how screen reader users can interact with page content."

    Alert 4.1.2 Name, Role, Value (A)
    349 ariaExpandedOnInvalidRole

    The aria-expanded attribute is incorrectly used. The aria-expanded attribute is to be set on the item/element which controls the expansion and collapse of another item. It does not get set on the item which is expanded or collapsed. The state is not accurately conveyed to screen readers.

    Alert 4.1.2 Name, Role, Value (A)
    350 ARIAHiddenUsed

    Be sure that it is appropriate to hide this item from screen reader users.

    Alert 4.1.2 Name, Role, Value (A)
    351 ARIAHiddenUsedOnFocusable

    An element that receives keyboard focus has aria-hidden=true" set on it. Nothing is announced by screen readers when the element receives keyboard focus. Sceen reader users will not know what the element is."

    Alert 2.1.1 Keyboard (A)
    352 ARIAHiddenUsedOnParentOfFocusable

    aria-hidden='true' set on an element that contains focusable children

    Alert 4.1.2 Name, Role, Value (A)
    353 ariaLabelOnInputImage

    aria-label or aria-labelledby found on an image button without an alt attribute

    Alert 1.1.1 Non-text Content (A)
    354 ariaLevelOnHeading

    The aria-level attribute is set on a native HTML heading. This can complicate how some screen reader identify the heading level.

    Alert 1.3.1 Info and Relationships (A)
    355 badLongdestTarget

    bad longdesc target

    Alert 1.3.1 Info and Relationships (A)
    356 checkIfLinkTextNeeded

    no link text

    Alert 2.4.4 Link Purpose (In Context) (A)
    357 dlUsed

    Definition list markup is used. Some screen readers will announce this as an unordered list. None of the semantic relationships will be conveyed to screen readers.

    Alert 1.3.1 Info and Relationships (A)
    358 duplicateHeaders

    Heading text is duplicated. Screen reader users may find the page structure confusing, inaccurate, or hard to navigate unless the structure provides adequate differentiation between the duplicate headings.

    Alert 2.4.6 Headings and Labels (AA)
    359 emptyList

    A list is present that contains no list items (<li>). Screen reader users may find the content structure confusing or difficult to navigate.

    Alert 1.3.1 Info and Relationships (A)
    360 emptyListItem

    Empty list items (<li>) are present, which may be announced by screen readers. Screen reader users may find the content structure confusing or difficult to navigate.

    Alert 1.3.1 Info and Relationships (A)
    361 framesetHasTitle

    Has title - Remove title from frameset. title attribute should be on frame elements

    Alert 4.1.2 Name, Role, Value (A)
    362 h1InHeader

    An h1 heading is present in the page header/banner. This makes it more difficult for screen reader users to quickly locate the main page content.

    Alert 2.4.1 Bypass Blocks (A)
    363 headingLevelMismatch

    The aria-level value does not match the HTML heading level.

    Alert 1.3.1 Info and Relationships (A)
    364 headingLevelSkipped

    Heading levels are skipped or used out of order. Some screen reader users may find the page structure confusing, inaccurate or hard to navigate.

    Alert 1.3.1 Info and Relationships (A)
    365 imgWithPresentationRole

    <img> has role of either 'presentation' or 'none'

    Alert 1.1.1 Non-text Content (A)
    366 inputTypeIsEmail

    A form field uses input type=email". HTML5 form field validation is not fully supported for all assistive technology and browser combinations."

    Alert 4.1.2 Name, Role, Value (A)
    367 labelTextVisibleTextMismatch

    The calculated name for the element does not match the visible text presented on the screen.

    Alert 4.1.2 Name, Role, Value (A)
    368 legendNotFirstChild

    <legend> is not the first child of the <fieldset>

    Alert 4.1.1 Parsing (A)
    369 lineBreakUsed

    line break used

    Alert 1.3.1 Info and Relationships (A)
    370 linkTextContainsClick

    A link uses text of Click". This type of text is not necessary to include in a link. Screen reader users know that the link must be "clicked" to be activated."

    Alert 2.4.4 Link Purpose (In Context) (A)
    371 linkTextMayNotBeDescriptive

    The purpose of the link may not be known to screen reader users.

    Alert 2.4.4 Link Purpose (In Context) (A)
    372 missingBypassMethods

    missing methods to bypass blocks of content.

    Alert 2.4.1 Bypass Blocks (A)
    373 missingHREF

    The link anchor has no href attribute

    Alert 2.1.1 Keyboard (A)
    374 multipleFooterLandmarks

    There are multiple ARIA contentinfo landmarks or HTML5 footer elements used on the page.

    Alert 2.4.1 Bypass Blocks (A)
    375 multipleH1

    There are multiple <h1> heading elements on the page. Screen reader users may not be able to navigate easily to the main content of the page.

    Alert 1.3.1 Info and Relationships (A)
    376 multipleHeaderLandmarks

    There are multiple ARIA banner landmarks or HTML5 header elements used on the page.

    Alert 2.4.1 Bypass Blocks (A)
    377 multipleLabellingTechniquesUsed

    Multiple labeling techniques are used for a form control. Assistive technology may not provide correct information about the form control.

    Alert 4.1.2 Name, Role, Value (A)
    378 nestedListNotNestedCorrectly

    An incorrectly nested list is present.

    Alert 1.3.1 Info and Relationships (A)
    379 nestingFormLabelMissingId

    The checkbox/radio button form fields with visible text labels are associated with the text label by wrapping the label around the form field. Some screen readers may not be able to correctly associate text labels and form fields where nesting is the only way the label is associated with the form field (this is a screen reader/browser bug).

    Alert 4.1.2 Name, Role, Value (A)
    380 noLegend

    A <fieldset> is defined that has no <legend>. The grouping information for the form fields will not be available to screen reader users.

    Alert 4.1.2 Name, Role, Value (A)
    381 noMainLandmark

    The page does not contain a main ARIA landmark or HTML5 <main> element.

    Alert 2.4.1 Bypass Blocks (A)
    382 noNavLandmark

    The page navigation is not defined with an ARIA landmark or HTML5 <nav> element. Screen reader users are not able to easily navigate back to the page navigation.

    Alert 2.4.1 Bypass Blocks (A)
    383 nonDescriptiveLinkText

    A link uses text of Click Here" or "Here". The purpose of the link may not be known to screen reader users."

    Alert 2.4.4 Link Purpose (In Context) (A)
    384 nonLayoutTableHasNestedTable

    Tables that are used for layout should not contain HTML table markup such as <th>, summary, and <caption>.

    Alert 1.3.1 Info and Relationships (A)
    385 nonListItemChildOfList

    An element other than <li> is used as the first child element of a list. Some assistive technology may not imaprt correct list semantics to users.

    Alert 4.1.1 Parsing (A)
    386 onlyOneListItem

    A list is present that has only one list item. The information conveyed to screen reader users may be misleading or confusing.

    Alert 1.3.1 Info and Relationships (A)
    387 orphanedLabelNoMatchingIDAttribute

    orphaned form label - no matching id attribute

    Alert 4.1.2 Name, Role, Value (A)
    388 placeholderDoesNotMatchLabel

    Placeholder text is used in a form that does not match the visual label text. This may cause confusion for screen reader users.

    Alert 2.4.6 Headings and Labels (AA)
    389 possibleHTMLInTitle

    The HTML <title> element contains HTML markup. The markup will be read by screen readers when the page loads, which will be confusing for screen reader users and will not adequately describe the purpose of the page.

    Alert 2.4.2 Page title d (A)
    390 problematicLinkText

    The image alt-text contains the image type or identifies the image as a graphic element (icon, jpeg, thumbnail, etc.). Images are already identified by assistive technology as graphic elements. Providing this additional information causes redundancy and increases the auditory load of the page for screen reader users.

    Alert 1.1.1 Non-text Content (A)
    391 requiredIsIndicatedByHTML5Attribute

    A form control other than input type=radio" uses the HTML required attribute."

    Alert 4.1.2 Name, Role, Value (A)
    392 SVGFocusable

    SVG elements are accessible with the keyboard when using Internet Explorer. When used in an active element, the element will have two tabs stops. One for the active element and one for the SVG.

    Alert 2.1.1 Keyboard (A)
    393 titleOnLink

    The link text and the title attribute contain the same text. Screen readers may read this text twice.

    Alert 2.4.4 Link Purpose (In Context) (A)
    394 unknownTablePurpose

    Table purpose is not known

    Alert 1.3.1 Info and Relationships (A)
    395 verifyDefaultBrowserText

    No default button text specified - Verify the browser supplied text is appropriate

    Alert 3.3.2 Labels or Instructions (A)
    396 titleOnNonActiveElement

    An inactive element is present that has a title attribute set on it

    Alert 3.3.2 Labels or Instructions (A)
    397 boldUsed

    the text is formatted as bold text - if the bold text conveys meaning, add visually hidden text describing the meaning, or use a more appropriate element such as a heading

    Alert 1.3.1 Info and Relationships (A)
    398 doesNotUsePUA

    character is not in the Private Use Area

    Alert 4.1.1 Parsing (A)
    399 invalidARIADescribedbyID

    invalid aria-describedby id - ensure that the id values refer to a valid element

    Error 4.1.2 Name, Role, Value (A)
    400 italicUsed

    the text is formatted as italic text - if the italic text conveys meaning, add visually hidden text describing the meaning

    Alert 1.3.1 Info and Relationships (A)
    401 nonPUAContentInSameTextElement

    pseudo content found on text element, not in Private Use Area - add the pseudo content to its own span with aria-hidden='true'. Also, add a text alternative when appropriate

    Error 1.1.1 Non-text Content (A)
    402 nonPUAContentOnActiveElement

    pseudo content is not hidden - add an aria-label to the clickable item to override the link text, or use a character in the Private Use Area

    Error 1.1.1 Non-text Content (A)
    403 nonPUAContentOnNonActiveElement

    pseudo content found, not in Private Use Area - either add aria-hidden to the pseudo content or use content from the Private Use Area. Also, add a text alternative when appropriate

    Error 1.1.1 Non-text Content (A)
    404 periodPseudoContent

    pseudo content found on text element, not in Private Use Area - If the '.' character is used for formatting, use ' ' (space) instead. Otherwise, add the pseudo content to its own span with aria-hidden='true'. Also, add a text alternative when appropriate.

    Error 1.1.1 Non-text Content (A)
    405 pseudoContentActiveNotHidden

    pseudo content is not hidden - add an aria-label to the clickable item to override the link text, or put the pseudo content on a child span with aria-hidden='true' and use a character in the Private Use Area

    Error 1.1.1 Non-text Content (A)
    406 pseudoContentCheckForAlternativeText

    pseudo content found - ensure text alternative is provided when appropriate

    Alert 1.1.1 Non-text Content (A)
    407 pseudoContentNonActiveNotHidden

    pseudo content is not hidden - put the pseudo content on a child span with aria-hidden='true'

    Error 1.1.1 Non-text Content (A)
    408 pseudoContentUsingURL

    an image was inserted with the CSS content property. This will be read as 'image' by some screen readers

    Error 1.1.1 Non-text Content (A)
    409 specialCharactersUsed

    a non-alphanumeric character is used - remove the character, make it a background image, or use aria-hidden='true'

    Alert 1.1.1 Non-text Content (A)
    410 strikeThroughUsed

    the text is formatted as strikethrough text - if the strikethrough text contains meaning, add visually hidden text describing the meaning

    Alert 1.3.3 Sensory Characteristics (A)
    411 underlineUsed

    the text is formatted as underline text - if the underline text conveys meaning, add visually hidden text describing the meaning

    Alert 1.3.3 Sensory Characteristics (A)