[Support request] accessibility : Replace "i" elements

Home Forums Support accessibility : Replace "i" elements

This topic contains 1 reply, has 2 voices, and was last updated by  David 2 months, 3 weeks ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1189156

    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

    #1189386

    David Customer Support

    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.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.