WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Combining headers and images: is this a "no no"?

for

From: glen walker
Date: May 7, 2020 4:41PM

"Incorrect" could have lots of meanings. From an html parsing perspective,
it's not "incorrect" (sorry for the double negative), meaning it's legal
html.

From a WCAG perspective, there's nothing inherently "incorrect" either, if
coded correctly.

If the icon is decorative, then it should be hidden from assistive
technology using either alt="" (if an <img>) or aria-hidden="true". If
it's decorative, I don't see the need to include the icon inside the <h3>,
but that's just a personal preference for me.

If the icon conveys information, then it would need alternative text.

It really depends if you feel the icon should be part of the heading but in
general, there's nothing bad about doing it.


On Thu, May 7, 2020 at 3:49 PM < <EMAIL REMOVED> > wrote:

> Greetings!
>
>
>
> This is my first posting and hoping you can help. I'm an instructional
> designer for higher education online. A huge part of my work these days
> concerns accessibility and I love learning how to make the experience
> better
> for everyone. (I took Accessible Docs not long ago and learned a ton!)
>
>
>
> My query: It is incorrect to combine a image (icon) and a header? That is,
> something like <H3>Some text and an icon </H3>?
>
>
>
> Please let me know if you need more info.
>
>
>
> Thanks!
>
> Caron
>
> > > > >