Accessibility Issue (Deprecated <i> tags rendering icons)

BPSeattle

Hey there,

I'm part of the dev team currently building a recruiting platform for a municipal police department in Bellevue, Washington.

I had a question regarding the way in which the theme renders icons to the page. For example, the "Fast Facts" component renders its icons using <i> tags. Unfortunately this isn't WAI-ARIA compliant as <i> tags are a deprecated form of html. (At least in terms of semantic accessibility).

I know this is a pain in the butt, but I need to have these icons render in a more semantic html element. Perhaps a <span>

The reason for this, is that due to our site being a government service, it needs to be compliant.

Let me know if this is possible, I wanted to ask you guys before diving in to the template files.

Best,

Nikko

Bryan

Hi Nikko,
this would be not possible. The icons will be in <i> tags only. You would have to completly remove the icons from the theme and use your own sollution. Probably best to use icons as images.
thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

BPSeattle

Hi there,

thanks for your response.

I imagine changing the theme may be difficult. Could you possibly elaborate why it would be too difficult to have your help?

At the very least, could you tell me which template file renders the icons as <i> tags?

Bryan

Those icons are loaded like fonts in the header file.
Our policy does not allow helping in theme files modifications.
thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

BPSeattle

Cool thanks