Accessibility errors pagination Lexicon

• 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
• Component/s: Tag Libraries > Clay Taglibs, Tag Libraries > Liferay Frontend Taglibs
• Labels:
  • ee-ts
  • liferay-dxp-70-sp15
  • liferay-dxp-71-sp5
  • liferay-fixpack-de-95-7010
  • liferay-fixpack-dxp-19-7110
• Branch Version/s:
  7.1.x, 7.0.x
• Backported to Branch:
  Committed
• Fix Priority: 3
• Git Pull Request: https://github.com/liferay/liferay-portal-ee/pull/20507

 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.