Accessibility Issue (Deprecated tags rendering icons)

BPSeattle · March 2018

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 tags. Unfortunately this isn't WAI-ARIA compliant as 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

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 · March 2018

Hi Nikko,
this would be not possible. The icons will be in 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

BPSeattle · March 2018

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 tags?

Bryan · March 2018

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

BPSeattle · March 2018

Cool thanks

Accessibility Issue (Deprecated <i> tags rendering icons)

Comments

Accessibility Issue (Deprecated <i> tags rendering icons)

Comments

This website uses cookies