Movatterモバイル変換


[0]ホーム

URL:


Skip to main content

docs.flutter.dev uses cookies from Google to deliver and enhance the quality of its services and to analyze traffic.

Learn more

Flutter 3.41 is live! Check out theFlutter 3.41 blog post!

Accessibility technologies

Information about accessibility technologies for Flutter developers.

Summary

#

Assistive technologies are essential for making digital content accessible to individuals with disabilities. This document provides an overview of two key categories of assistive technologies relevant to Flutter development: screen readers for users with visual impairments and mobility support tools for those with motor limitations. By understanding and testing with these technologies, you can ensure your Flutter application provides a more inclusive and user-friendly experience for everyone.

Screen readers

#

For mobile, screen readers (TalkBack,VoiceOver) enable visually impaired users to get spoken feedback about the contents of the screen and interact with the UI by using gestures on mobile and keyboard shortcuts on desktop. Turn on VoiceOver or TalkBack on your mobile device and navigate around your app.

To turn on the screen reader on your device, complete the following steps:

  1. On your device, openSettings.
  2. SelectAccessibility and thenTalkBack.
  3. Turn 'Use TalkBack' on or off.
  4. Select Ok.

To learn how to find and customize Android's accessibility features, view the following video.

Watch on YouTube in a new tab: "Customize Pixel and Android accessibility features"
  1. On your device, openSettings > Accessibility > VoiceOver
  2. Turn the VoiceOver setting on or off

To learn how to find and customize iOS accessibility features, view the following video.

Watch on YouTube in a new tab: "How to navigate your iPhone or iPad with VoiceOver"

For web, the following screen readers are currently supported:

Mobile browsers:

  • iOS - VoiceOver
  • Android - TalkBack

Desktop browsers:

  • macOS - VoiceOver
  • Windows - JAWs & NVDA

Screen readers users on web must toggle the "Enable accessibility" button to build the semantics tree. Users can skip this step if you programmatically auto-enable accessibility for your app using this API:

dart
import'package:flutter/material.dart';import'package:flutter/semantics.dart';voidmain(){runApp(constMyApp());SemanticsBinding.instance.ensureSemantics();}

Windows comes with a screen reader called Narrator but some developers recommend using the more popular NVDA screen reader. To learn about using NVDA to test Windows apps, check outScreen Readers 101 For Front-End Developers (Windows).

On a Mac, you can use the desktop version of VoiceOver, which is included in macOS.

Watch on YouTube in a new tab: "Screen reader basics: VoiceOver"

On Linux, a popular screen reader is called Orca. It comes pre-installed with some distributions and is available on package repositories such asapt. To learn about using Orca, check outGetting started with Orca screen reader on Gnome desktop.


Check out the followingvideo demo to see how to use VoiceOver with the now-archivedFlutter Gallery web app.

Flutter's standard widgets generate an accessibility tree automatically. However, if your app needs something different, it can be customized using theSemantics widget.

When there is text in your app that should be voiced with a specific voice, inform the screen reader which voice to use by callingTextSpan.locale.MaterialApp.locale andLocalizations.override will affect screen reader voices starting from flutter 3.38 release. Usually, the screen reader uses the system voice except where you explicitly set it withTextSpan.locale.

Mobility support

#

For users with limited dexterity or hand strength, mobility support features can be helpful. Both Android and iOS offer a range of tools designed to make navigation and control easier. These features allow users to operate their devices through external switches, voice commands, or simplified on-screen menus.

Android provides Switch Access, Voice Access and Accessibility Menu, while iOS offers Switch Control, Voice Control, and AssistiveTouch. Understanding these tools helps in creating apps that are usable by people with diverse physical abilities.

OSFeaturesFunctions
AndroidSwitch AccessAs an alternate input method, you can use Switch Access and Camera Switches
AndroidVoice AccessControl your device with your voice
AndroidAccessibility MenuA floating, on-screen menu that provides simplified buttons to control essential phone functions.
iOSSwitch ControlUse switches as an alternate input methods
iOSVoice ControlControl your device with your voice
iOSAssistiveTouchUse AssistiveTouch to replace multi-finger gestures or hardware button actions
Was this page's content helpful?

Unless stated otherwise, the documentation on this site reflects Flutter 3.38.6. Page last updated on 2025-11-20.View source orreport an issue.


[8]ページ先頭

©2009-2026 Movatter.jp