WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Table cells with subheadings


From: glen walker
Date: May 26, 2023 11:58AM

That's an interesting idea. It might work. Just be careful if you use CSS
list-style:none. On iOS, Apple decided that if you turn off the bullet
points for a list, then that removes the list semantics of the list and
it's essentially seen as a div or span. You have to specifically add the
list semantics back in with role="list".

<ul style="list-style:none" role="list>

This is another case where CSS (unintentionally) affects accessibility, at
least on a certain platform.

If you have code like this, make sure you comment why you're adding list
role back in because someone unaware might think it's superfluous and
remove it.

On Fri, May 26, 2023 at 9:19 AM Philip Kiff < <EMAIL REMOVED> > wrote:

> in this case, it might be
> possible instead to use a nested list for the content in column 4. And
> you could style the list to remove bullets from the first two levels.