Use Tool: ARC Toolkit on Chrome.
Test on Media Manager Page.
Structure category - Pseudo content sub-category
Description:
Error: pseudo content found on text element, not in Private Use Area
Recommend: add the pseudo content to its own span with aria-hidden='true'.
Also, add a text alternative when appropriate
These errors from the tool are classified as non PUA Content In Same Text Element.
In doing some research I seem to have understood that it is a mistake due to a lack of a characteristic of CSS.
I'll bring you back a page: https://www.w3.org/WAI/GL/wiki/Icon_Font_with_an_On-Screen_Text_Alternative
Lines of code error detect:
<li data-access-action="increaseText" class="">Increase Text Size</li>
<li data-access-action="decreaseText" class="">Decrease Text Size</li>
<li data-access-action="increaseTextSpacing" class="">Increase Text Spacing</li>
<li data-access-action="decreaseTextSpacing" class="">Decrease Text Spacing</li>
<li data-access-action="invertColors" title="" class="">Invert Colours</li>
<li data-access-action="grayHues" title="" class="">Grey Hues</li>
<li data-access-action="underlineLinks" title="" class="">Underline Links</li>
<li data-access-action="readingGuide" title="" class="">Reading Guide</li>
<li data-access-action="textToSpeech" class="">Text to Speech</li>
vDescription:
Warning: pseudo content found
Recommend: ensure text alternative is provided when appropriate
These warning from the tool are classified as pseudo Content Check For Alternative Text.
Lines of code error detect:
<span class="icon-images mediamanager" aria-hidden="true"></span>
<span class="icon-joomla" aria-hidden="true"></span>
<span class="icon-folder"></span>
<span class="icon-folder"></span>
<span class="icon-folder"></span>
The last three warnings refer to the same line, but the Tool does not
distinguish between the three subtypes of warnings.
Labels |
Added:
?
|
Title |
|
Category | ⇒ | Accessibility |
Labels |
Added:
No Code Attached Yet
a11y
Removed: ? |
Labels |
Added:
bug
|