WCAG accessibility issues (atelier)

[tasoskouk]

hello team,

i am trying to make an atelier based demo site compliant with wcag 2.0 aa

specifically trying to resolve this http://achecker.ca/checker/suggestion.php?id=117

on a simple test page http://www.buildingmykonos.gr/wcag-page-test-1/ i get this error report from http://achecker.ca/checker

”
1.4 Distinguishable: Make it easier for users to see and hear content including separating foreground from background.

Success Criteria 1.4.4 Resize text (AA)

Check 117: i (italic) element used.
Repair: Replace your i elements with em or strong.
Error Line 815, Column 59:
<i class=”sf-icon-chevron-up”></i>
Error Line 818, Column 45:
<i class=”sf-icon-close”></i>
”

so is there an easy way to replace / not use this “< i class… ” in order to get wcag compliant?

ps.
i have enabled wp accessibility plugins but are of no use for this issue

thx
tasos

[tasoskouk]

hi,

could i possibly use this script: jQuery(‘.fw-video-close’).removeClass(‘is-open’); in the custom js area to remove this div from theme output

i need to find a way either to remove all i class elements from theme output or “Replace i elements with em or strong.”

thx

[David Martin – Support]

Hi Tasos,

Those are FontAwesome icon outputs, removing those would remove your icons which would likely result in less UX?

Thanks.