-
Type:
Bug
-
Status: Closed
-
Resolution: Fixed
-
Affects Version/s: 7.0.X, 7.1.X
-
Fix Version/s: 7.0.0 DXP FP95, 7.0.10.15 DXP SP15, 7.0.X, 7.1.10 DXP FP19, 7.1.10.5 SP5, 7.1.X
-
Branch Version/s:7.1.x, 7.0.x
-
Backported to Branch:Committed
-
Fix Priority:3
-
Git Pull Request:
Description:
The client reopened the ticket complaining about two accessibilities errors found in the pagination and SVG icons in our portal.
1. Bad value button for attribute type on element a subtype missing
As solution, we will replace attribute type="button" with role="button"
2. Attribute title not allowed on element SVG at this point
Remove title attribute from SVG elements
Steps to reproduce:
1) Open a 7.1.x or 7.0.x go to Control Panel -> Users -> Roles -> Regular Roles
2) Inspect element "20 entries" and there you could see the above code (referring to first error):
<a class="dropdown-toggle" data-toogle="dropdown" href="javascript:;" type="button">
3) Inspect user icon and you could see the following code (referring to second error):
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-user" focusable="false" title="user" viewBox="0 0 512 512"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-user" focusable="false" title="user" viewBox="0 0 512 512"> <circle class="lexicon-icon-outline user-head" cx="256" cy="126.1" r="96"></circle> <path class="lexicon-icon-outline user-body" d="M448,398.1c0,112-384,112-384,0C64,200.1,448,202.1,448,398.1z"></path></svg>
Result: Two accessibility errors displayed
Expected: There are no accessibilities errors
- Please see Zendesk Support tab for further comments and attachments.