Skip to content

Commit 7b28fbb

Browse files
deodorhunterclaude
andauthored
fix: bottom nav marker custom ::marker styling (#428)
* fix(bottom-nav): replace ::marker workaround with list-style: none The `li::marker { font-size: 0px }` Safari workaround hides the bullet visually but preserves the "disc/bulleted" semantic, causing screen readers to announce "Punto N di M" (VoiceOver) and "Puntato" (NVDA) before each navigation item. Because the `<ul>` always lives inside a `<nav>` element, Safari's `list-style: none` exemption applies and list semantics are preserved without the workaround. Replacing it with `li { list-style: none }` removes the spurious "bulleted" announcement while keeping correct list-item navigation semantics. Fixes: #62 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> * chore: changesets --------- Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
1 parent 23073ff commit 7b28fbb

2 files changed

Lines changed: 7 additions & 2 deletions

File tree

.changeset/thick-mirrors-matter.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'@italia/bottom-nav': minor
3+
---
4+
5+
Remove custom styling for li elements in nav

packages/bottom-nav/src/bottom-nav-item.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -33,6 +33,6 @@
3333
--#{$prefix}icon-default: var(--#{$prefix}icon-secondary);
3434
}
3535

36-
li::marker {
37-
font-size: 0px;
36+
li {
37+
list-style: none;
3838
}

0 commit comments

Comments
 (0)