--- title: Accessibility widgets in Flutter | daily.dev description: Flutter builds multiple trees including a Semantics Tree that communicates UI meaning to screen readers like TalkBack and VoiceOver. Three key accessibility... canonical: https://daily.dev/posts/accessibility-widgets-in-flutter-0f50znonw twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Accessibility widgets in Flutter | daily.dev og:description: Flutter builds multiple trees including a Semantics Tree that communicates UI meaning to screen readers like TalkBack and VoiceOver. Three key accessibility... og:url: https://daily.dev/posts/accessibility-widgets-in-flutter-0f50znonw og:image: https://api.daily.dev/og/posts/0F50ZNONw.png og:image:alt: Accessibility widgets in Flutter og:image:width: 1200 og:image:height: 630 og:locale: 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. # Accessibility widgets in Flutter **[Medium](https://daily.dev/sources/medium_js)** · 4 min read · 0 upvotes · 0 comments ## Summary Flutter builds multiple trees including a Semantics Tree that communicates UI meaning to screen readers like TalkBack and VoiceOver. Three key accessibility widgets are covered: Semantics (adds labels, hints, values, and roles like button to widgets), MergeSemantics (combines multiple child widgets into a single accessible element to reduce screen reader stops), and ExcludeSemantics (hides redundant elements from the accessibility tree). Practical code examples show how to annotate icons, sliders, custom buttons, and product cards, plus a combined example showing all three widgets working together on a settings tile. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Similar posts on daily.dev - [A Practical Guide to Flutter Accessibility — Part 1: The Basics](https://daily.dev/posts/a-practical-guide-to-flutter-accessibility-part-1-the-basics-ciuqrpxcj) · ITNEXT · 0 upvotes · 0 comments - [A Practical Guide to Flutter Accessibility Part 2: Hiding Noise, Exposing Actions](https://daily.dev/posts/a-practical-guide-to-flutter-accessibility-part-2-hiding-noise-exposing-actions-lo9u14p3n) · ITNEXT · 0 upvotes · 0 comments - [Accessibility Semantics: The UI Tree You Cannot See](https://daily.dev/posts/accessibility-semantics-the-ui-tree-you-cannot-see-ag1eahrwx) · Awesome Java Newsletter · 0 upvotes · 0 comments - [Implementing Keyboard Navigation and Accessibility in Flutter WebView for WCAG Compliance](https://daily.dev/posts/implementing-keyboard-navigation-and-accessibility-in-flutter-webview-for-wcag-compliance-znoet5q82) · Medium · 0 upvotes · 0 comments - [How to Build Accessible Android Apps with Jetpack Compose: A Comprehensive Guide](https://daily.dev/posts/how-to-build-accessible-android-apps-with-jetpack-compose-a-comprehensive-guide-qgsyi1zxt) · freeCodeCamp · 1 upvotes · 0 comments --- Tags: [#mobile](https://daily.dev/tags/mobile), [#flutter](https://daily.dev/tags/flutter), [#accessibility](https://daily.dev/tags/accessibility), [#dart](https://daily.dev/tags/dart) [View this post on daily.dev](https://daily.dev/posts/accessibility-widgets-in-flutter-0f50znonw) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Accessibility widgets in Flutter","url":"https://daily.dev/posts/accessibility-widgets-in-flutter-0f50znonw","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/accessibility-widgets-in-flutter-0f50znonw"},"datePublished":"2026-07-23T10:11:31.012Z","dateModified":"2026-07-23T10:12:09.959Z","description":"Flutter builds multiple trees including a Semantics Tree that communicates UI meaning to screen readers like TalkBack and VoiceOver. Three key accessibility...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/3bf1b448bb1a954cd997a8f1c05b4e29?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/3bf1b448bb1a954cd997a8f1c05b4e29?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Medium","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Medium","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/medium","url":"https://daily.dev/sources/medium_js"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/accessibility-widgets-in-flutter-0f50znonw","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"mobile,flutter,accessibility,dart","timeRequired":"PT4M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Medium","item":"https://daily.dev/sources/medium_js"},{"@type":"ListItem","position":3,"name":"Accessibility widgets in Flutter"}]} ```