Skip to content

[VPAT] Material Widgets for VPAT #184841

Description

@chunhtai

This is a categorized list of Material widgets identified for VPAT assessment, we should add them to the a11y_assessment app. (checked one is already in a11y_assessment https://github.com/flutter/flutter/tree/master/dev/a11y_assessments/lib/use_cases)

Buttons and interaction

These widgets are primary targets for accessibility as they must handle focus, keyboard navigation, and screen reader announcements correctly.

  • ElevatedButton
  • FilledButton
  • OutlinedButton
  • TextButton
  • IconButton
  • FloatingActionButton
  • PopupMenuButton
  • SegmentedButton
  • ToggleButtons
  • BackButton
  • CloseButton
  • AboutListTile

Selection controls

These widgets change state and need to communicate that state clearly to accessibility services.

  • Checkbox
  • Radio
  • Switch
  • CheckboxListTile
  • RadioListTile
  • SwitchListTile

Text inputs

Text fields are among the most complex widgets for accessibility, handling focus, text selection, and error states.

  • TextField
  • TextFormField
  • Autocomplete
  • SearchBar
  • SearchAnchor
  • DropdownMenu
  • DropdownButton

Menus

Material 3 introduced new menu widgets that are important for accessibility.

  • MenuAnchor
  • MenuBar
  • MenuItemButton
  • SubmenuButton

Navigation components

These widgets help users find their way around an app and need to support efficient keyboard traversal and semantic structure.

  • AppBar
  • BottomAppBar
  • NavigationBar
  • BottomNavigationBar
  • NavigationRail
  • Drawer
  • NavigationDrawer
  • TabBar
  • TabBarView

Dialogs and overlays

These widgets interrupt the user flow or provide contextual information, requiring careful focus management.

  • AlertDialog
  • SimpleDialog
  • AboutDialog
  • BottomSheet
  • SnackBar
  • MaterialBanner
  • Tooltip

Layout and content containers

These provide structure and should convey semantic meaning to screen readers.

  • Card
  • ListTile
  • ExpansionTile
  • ExpansionPanelList
  • ExpansionPanel
  • DataTable
  • PaginatedDataTable
  • GridTile
  • GridTileBar
  • UserAccountsDrawerHeader
  • ReorderableListView

Sliders and pickers

These involve complex gestures or multiple interactive elements.

  • Slider
  • RangeSlider
  • DatePicker
  • TimePicker

Indicators and informative widgets

These display status and should be announced or readable by screen readers.

  • CircularProgressIndicator
  • LinearProgressIndicator
  • RefreshIndicator
  • Stepper
  • ActionChip
  • FilterChip
  • ChoiceChip
  • InputChip
  • Badge
  • CarouselView

Metadata

Metadata

Assignees

Labels

P2Important issues not at the top of the work lista: accessibilityAccessibility, e.g. VoiceOver or TalkBack. (aka a11y)team-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

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions