accessibility : Replace "i" elements

[Robert]

Hi

I made a test of accessibility for:
http://pogotowie.opole.pl on:

https://achecker.ca/checker/index.php

an he found 5x the same problem with “I”:

Repair: Replace your i elements with em or strong.

Error Line 523, Column 5:
<i aria-hidden=”true” class=”fas fa-angle-right”></i>
Error Line 565, Column 5:
<i aria-hidden=”true” class=”fas fa-angle-right”></i>
Error Line 607, Column 5:
<i aria-hidden=”true” class=”fas fa-angle-right”></i>
Error Line 758, Column 6:
<i aria-hidden=”true” class=”fas fa-stopwatch”></i>
Error Line 768, Column 13:
<i class=”premium-title-icon fas fa-briefcase-medical” aria-hidden=”true”></i>

How ca I fix it ?

Kr
Robert

[David]

Hi there,

Font Awesome and several other icon plugins adopted the <i> element for Icon. Instead of <i> you could use <span>.

But GP is not adding the FA Icons and neither does it have any control over that HTML.
You would have to speak to the developers of the plugin that is adding those icons … which looks like Elementor. I can’t see that they would have any method of changing them , but its worth asking if it is that important.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts