Closed jessegreenberg closed 2 years ago
I think it makes a lot of sense to do this in https://github.com/phetsims/molecules-and-light/issues/351 because it resolves the Safari bug found in that issue.
This will effectively remove all semantics for list items. So for example, the output (on NVDA) for
<style>
.hidden-list {
list-style: none;
}
</style>
<ul class="hidden-list" role="list">
<li>Pizza</li>
<li>Popcorn</li>
<li>Ice Cream</li>
</ul>
is "List with three items. Pizza. Popcorn. Icecream."
Note that the output for this example isn't so different
<ul class="hidden-list" role="list">
<li>Pizza. Popcorn.</li>
<li>Ice Cream.</li>
</ul>
"List with two items. Pizza. Popcorn. Icecream."
Admittedly this is a nefarious example, but I think it demonstrates the potential case. I just want to make sure we really want to remove "bullet" before working on a solution in common code.
We may need some follow-up discussion in this issue on how widely we would like to implement this code for lists.
For example,
I think for short lists, e.g. 5 or fewer items, a counting of the items may not be necessary as long as the learner knows there are 5 items.
Another question in my mind is do we want to use the no-bullet pattern for State Descriptions, alone, or is this pattern helpful for interactive items such as comboboxes.
We have lists in several sims that we can compare and contrast.
In https://github.com/phetsims/gravity-force-lab-basics/issues/289 we discovered that Apple has fixed the "bullet" issue in their latest OS Big Sur.
This fix would now only be relevant to older versions of MacOs.
Closing.
From https://github.com/phetsims/molecules-and-light/issues/351 @terracoda said
It was discovered that
with
stopped screen readers from saying "bullet" when reading about itemized lists. This issue is to discuss whether we should do this for all unordered lists.