WebAIM - Web Accessibility In Mind

E-mail List Archives

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

for

From: caron.darbyson@gmail.com
Date: May 8, 2020 10:11AM

Greetings!

Glen, thanks so much for the fast response on this... and for the good news on both ends! All good about the icon, too.

I love this community.

Happy weekend!
Caron Darbyson

-----Original Message-----
From: glen walker < <EMAIL REMOVED> >
Sent: May 7, 2020 6:42 PM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] Combining headers and images: is this a "no no"?

"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
>
> > > archives at http://webaim.org/discussion/archives
> >