Accessibility errors pagination Lexicon

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.0.X, 7.1.X, 7.2.X, Master
• Fix Version/s: 7.0.0 DXP FP94, 7.0.10.15 DXP SP15, 7.0.X, 7.1.10 DXP FP19, 7.1.10.5 SP5, 7.1.X, 7.2.10 DXP FP8, 7.2.10.2 DXP SP3, 7.2.X, 7.3.4 CE GA5, 7.3.10 DXP GA1, Master
• Component/s: Tag Libraries > Liferay UI Taglibs
• Labels:
  • ee-ts
  • liferay-dxp-70-sp15
  • liferay-dxp-71-sp5
  • liferay-dxp-72-sp3
  • liferay-fixpack-de-94-7010
  • liferay-fixpack-dxp-19-7110
  • liferay-fixpack-dxp-8-7210
• Branch Version/s:
  7.2.x, 7.1.x, 7.0.x
• Backported to Branch:
  Committed
• Fix Priority: 3
• Git Pull Request: https://github.com/antonio-ortega/liferay-portal/pull/120

Description:
In <aui: input> and in the <liferay-ui: search-paginator> of type "lexicon" the SVG has attribute role="presentation" which is unsupported and needs to be replaced by attribute aria-hidden="true".

Steps to reproduce:

1) We use the basic Service builder example from https://github.com/liferay/liferay-blade-samples/tree/7.0/gradle/apps/service-builder/basic to reproduce the issue

2) In basic-service resources/META-INF/portlet-model-hints.xml we added the following validator for field1 

<field name="field1" type="String" >
 <validator name="required" />
</field>

3) We deployed the service with the api and web module, and once added to the page we introduce more data to have the pagination available

4) Once inspect the HTML code displayed by our widget, we can observe that for the following SVG images we have the unsuported attribute role="presentation"

<svg class="lexicon-icon lexicon-icon-asterisk" focusable="false" role="presentation" viewBox="0 0 512 512"> 

<svg class="lexicon-icon lexicon-icon-angle-left" focusable="false" role="presentation" viewBox="0 0 512 512">

 Result: we could see the unsupported attribute role="presentation" added to the SVG element

 Expected: the supported attribute aria-hidden="true" whitout attribute role="presentation" appears added in the SVG element