--- title: "details/summary inconsistencies" url: https://daily.dev/posts/details-summary-inconsistencies-yr5os0jei source_url: https://www.matuzo.at/blog/2023/details-summary type: article source: "Manuel Matuzović" published: 2026-06-22T14:41:56.511Z updated: 2026-06-22T14:42:23.929Z tags: ["css", "html", "accessibility"] reading_time: 4 upvotes: 0 comments: 0 language: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # details/summary inconsistencies **[Manuel Matuzović](https://daily.dev/sources/matuzo)** · 4 min read · 0 upvotes · 0 comments ## Summary A detailed cross-browser and cross-screen-reader compatibility study of the HTML `
`/`` elements. Testing across VoiceOver (macOS/iOS), TalkBack, NVDA, and JAWS reveals significant inconsistencies in how these elements are announced — ranging from minimal info on VoiceOver iOS to verbose announcements in Firefox. Key findings include: marker/triangle removal only affects Firefox screen reader pairings, Safari requires the proprietary `::-webkit-details-marker` pseudo-element to hide the triangle, and find-in-page auto-expansion only works in Chromium browsers. The recommendation is to either test with real users or build a custom disclosure widget with JavaScript and ARIA if consistent behavior is required. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Similar posts on daily.dev - [::details-content: style expandable content without wrapp...](https://daily.dev/posts/details-content-style-expandable-content-without-wrapp--sgkq45fvt) · Trevor Lasn · 0 upvotes · 0 comments --- Tags: [#css](https://daily.dev/tags/css), [#html](https://daily.dev/tags/html), [#accessibility](https://daily.dev/tags/accessibility) [View this post on daily.dev](https://daily.dev/posts/details-summary-inconsistencies-yr5os0jei)