E-mail List Archives
Thread: can a figure be included within a listitem tag?
Number of posts in this thread: 6 (In chronological order)
From: David Farough
Date: Fri, Aug 25 2023 11:12AM
Subject: can a figure be included within a listitem tag?
No previous message | Next message →
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?
From: jp Jamous
Date: Fri, Aug 25 2023 1:17PM
Subject: Re: can a figure be included within a listitem tag?
← Previous message | Next message →
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 ADDRESS REMOVED = > On Behalf Of David Farough
Sent: Friday, August 25, 2023 12:12 PM
To: WebAIM Discussion List < = EMAIL ADDRESS 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?
From: David Farough
Date: Fri, Aug 25 2023 1:22PM
Subject: Re: can a figure be included within a listitem tag?
← Previous message | Next message →
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 ADDRESS REMOVED = > On Behalf Of jp Jamous
Sent: Friday, August 25, 2023 3:18 PM
To: WebAIM Discussion List < = EMAIL ADDRESS 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 ADDRESS REMOVED = > On Behalf Of David Farough
Sent: Friday, August 25, 2023 12:12 PM
To: WebAIM Discussion List < = EMAIL ADDRESS 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?
From: Dax Castro
Date: Fri, Aug 25 2023 2:27PM
Subject: Re: can a figure be included within a listitem tag?
← Previous message | Next message →
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 ADDRESS REMOVED = > on behalf of David Farough < = EMAIL ADDRESS REMOVED = >
Sent: Friday, August 25, 2023 12:22:37 PM
To: WebAIM Discussion List < = EMAIL ADDRESS 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 ADDRESS REMOVED = > On Behalf Of jp Jamous
Sent: Friday, August 25, 2023 3:18 PM
To: WebAIM Discussion List < = EMAIL ADDRESS 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 ADDRESS REMOVED = > On Behalf Of David Farough
Sent: Friday, August 25, 2023 12:12 PM
To: WebAIM Discussion List < = EMAIL ADDRESS 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?
From: L Snider
Date: Fri, Aug 25 2023 2:47PM
Subject: Re: can a figure be included within a listitem tag?
← Previous message | Next message →
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 ADDRESS 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 ADDRESS REMOVED = > On Behalf Of jp
> Jamous
> Sent: Friday, August 25, 2023 3:18 PM
> To: WebAIM Discussion List < = EMAIL ADDRESS 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 ADDRESS REMOVED = > On Behalf Of
> David Farough
> Sent: Friday, August 25, 2023 12:12 PM
> To: WebAIM Discussion List < = EMAIL ADDRESS 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
> > > > > > > > > >
From: Yeti
Date: Sat, Aug 26 2023 2:14AM
Subject: Re: can a figure be included within a listitem tag?
← Previous message | No next message
Hello Lisa and All,
> A list is expected to be text,
Yes and the Alt-Text ist Text.
Suppose there is a list of things that can be done fully, partially, or not at all. The individual states are represented by bars that are partly green and partly red.
Now an alt text could be like this: "Horizontal rectangle with an aspect ratio of 1 to 10. The left half is green, the right half is red.".
Such an alt-text would violate the rules for good alt-text in many ways (contextuality, parsimony, non-redundancy, ...). So the correct alt text should be something like: "Partially" or "50%"
So if the cheese for the next party was partially bought, the output of the SR for this item on the to-do list would be: "list entry graphic Partial cheese".
Advanced users would suppress the words "list item" and "graphic" in either their SR or brain settings, so that "Partial Cheese" would be left.
That would be perfectly understandable for (us) SR users.
Ad Astra
Yeti