WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: can a figure be included within a listitem tag?

for

From: L Snider
Date: Aug 25, 2023 2:47PM

I would personally advise against it. I had this situation a while back,
and my screen reader users commented on it, that it was confusing. A list
is expected to be text, if you can't see the page (and have been a screen
reader user for years). I personally would avoid putting images in lists.

Cheers

Lisa

On Fri, Aug 25, 2023 at 4:22 PM David Farough < <EMAIL REMOVED> >
wrote:

> Thanks for your response.
> I should have indicated that this was a PDF document.
> So I am wondering if the figure could be included within the list so that
> it would appear within the context of the listed items.
> Thanks
> -----Original Message-----
> From: WebAIM-Forum < <EMAIL REMOVED> > On Behalf Of jp
> Jamous
> Sent: Friday, August 25, 2023 3:18 PM
> To: WebAIM Discussion List < <EMAIL REMOVED> >
> Subject: Re: [WebAIM] can a figure be included within a listitem tag?
>
> As far as HTML is concerned, it is not a violation. We put spans as well
> as links in list items. That is fine to add an image.
>
> Where it might be an inconvenience to screen readers is if it is not
> silent. For example, having a role="presentation". Screen readers would
> want to announce it along with whatever else you want to add into that list
> item. Just be cautious of that part so the speech is not too verbose,
> because it would be considered as a decorative image.
>
> -----Original Message-----
> From: WebAIM-Forum < <EMAIL REMOVED> > On Behalf Of
> David Farough
> Sent: Friday, August 25, 2023 12:12 PM
> To: WebAIM Discussion List < <EMAIL REMOVED> >
> Subject: [WebAIM] can a figure be included within a listitem tag?
>
> I have seen a scenario where a process to pair a device is listed.
> There was also a figure that showed the Bluetooth setting dialogue from
> IOS. This might logically have been placed following the second list item.
>
> I was unsure whether it would be invalid to include the figure within the
> list at it's proper positionor whether to position it following the list
> tag.
>
> Any thoughts?
>
> > > at http://webaim.org/discussion/archives
> > > > > > > > > >