WebAIM - Web Accessibility In Mind

E-mail List Archives

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

for

From: Dax Castro
Date: Aug 25, 2023 2:27PM

When you have a list and want to include the figure in a list item it goes inside the LBody of the appropriate LI tag.

Thanks,
Dax
From: WebAIM-Forum < <EMAIL REMOVED> > on behalf of David Farough < <EMAIL REMOVED> >
Sent: Friday, August 25, 2023 12:22:37 PM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] can a figure be included within a listitem tag?

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?