Description

Replacelist-style: none bylist-style-type: ""

This is a new PR after I mistakenly closed the previous one (#41651) sorry about that

Motivation & Context

In Safari, usinglist-style: none will remove its semantic role of list, therefore it will not be announced by screen readers as such. One solution is to addrole: list on each affected lists but that means relying on a good usage and adds unnecessary code. Another solution asexplained here is to uselist-style-type: "" instead, this will have the same visual effect but won't remove semantic role.

Type of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Refactoring (non-breaking change)
• Breaking change (fix or feature that would change existing functionality)

Checklist

• I have read thecontributing guidelines
• My code follows the code style of the project(usingnpm run lint)
• My change introduces changes to the documentation
• I have updated the documentation accordingly
• I have added tests to cover my changes
• All new and existing tests passed

Live previews

• https://deploy-preview-{your_pr_number}--twbs-bootstrap.netlify.app/

Related issues