Skip to content

Accessibility focus doesn't work as expected on landscape mode in Android (and iOS g3) #102725

Description

@Caffo17

Internal: b/317958179

I'm struggling with an accessibility issue on a project which i'm working on.
I can't show you the code because the project is under NDA, but fortunately (or not) the issue is replicable on the Flutter template project (the counter one).

Steps to Reproduce

  1. Execute flutter run on the counter project sample on an Android device
  2. Activate TalkBack
  3. Turn the device on the right in landscape mode (NavBar should be on the left)

Expected results:
Accessibility focus and TalkBack should work correctly.

Actual results:
When the app is in portrait mode, the TalkBack and the accessibility focus work as expected. (image 1 and 2)

Instead, on landscape mode, the TalkBack work as expected, but the accessibility focus has a sort of left padding. In this way, the green box doesn't wrap correctly the components and often the double tap gesture doesn't work on the FAB. (image 3, 4 and video).

17.mp4
Logs
No issues found! (ran in 2.3s)
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 2.10.0, on macOS 11.6.1 20G224 darwin-x64, locale en-IT)
    • Flutter version 2.10.0 at /Users/EFACCOMA1/fvm/versions/2.10.0
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision 5f105a6ca7 (3 months ago), 2022-02-01 14:15:42 -0800
    • Engine revision 776efd2034
    • Dart version 2.16.0
    • DevTools version 2.9.2

[✓] Android toolchain - develop for Android devices (Android SDK version 31.0.0)
    • Android SDK at /Users/EFACCOMA1/Library/Android/sdk
    • Platform android-31, build-tools 31.0.0
    • Java binary at: /Applications/Android Studio.app/Contents/jre/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 11.0.11+0-b60-7590822)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 13.1)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • CocoaPods version 1.11.2

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 2021.1)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 11.0.11+0-b60-7590822)

[✓] VS Code (version 1.66.0)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.38.1

[✓] Connected device (4 available)
    • SM G973F (mobile)  • RF8M32V5EFX                          • android-arm64  • Android 12 (API 31)
    • iPhone 13 (mobile) • 16F2ADD6-7EAC-4478-AD57-BABF5FF6C825 • ios            • com.apple.CoreSimulator.SimRuntime.iOS-15-0 (simulator)
    • macOS (desktop)    • macos                                • darwin-x64     • macOS 11.6.1 20G224 darwin-x64
    • Chrome (web)       • chrome                               • web-javascript • Google Chrome 100.0.4896.127

[✓] HTTP Host Availability
    • All required HTTP hosts are available

Metadata

Metadata

Assignees

Labels

P1High-priority issues at the top of the work lista: accessibilityAccessibility, e.g. VoiceOver or TalkBack. (aka a11y)a: layoutSystemChrome and Framework's Layout Issuescustomer: googleVarious Google teamsf: focusFocus traversal, gaining or losing focusfound in release: 3.16Found to occur in 3.16found in release: 3.19Found to occur in 3.19frameworkflutter/packages/flutter repository. See also f: labels.has reproducible stepsThe issue has been confirmed reproducible and is ready to work onplatform-androidAndroid applications specificallyr: fixedIssue is closed as already fixed in a newer versionteam-accessibilityOwned by Framework Accessibility team (i.e. responsible for accessibility code in flutter/flutter)triaged-accessibilityTriaged by Framework Accessibility team

Type

No type
No fields configured for issues without a type.

Projects

Status
Done

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions