Skip to content

[web] a11y support for tables #45205

@nturgut

Description

@nturgut

There are many a11y features for tables which includes:

  • Read column header
  • Read row
  • Read column
  • Move up or down in a column
  • Move across a row

We should add support for these use cases in Flutter for Web.

https://api.flutter.dev/flutter/widgets/Table-class.html
https://api.flutter.dev/flutter/material/DataTable-class.html
https://api.flutter.dev/flutter/material/PaginatedDataTable-class.html

OS role
web table
ios -
macos NSAccessibilityTableRole
windows ROLE_SYSTEM_TABLE
android android.widget.TableLayout

https://api.flutter.dev/flutter/widgets/TableRow/children.html
https://api.flutter.dev/flutter/material/DataCell-class.html

OS role
web cell
ios -
macos NSAccessibilityCellRole
windows ROLE_SYSTEM_CELL
android -

https://api.flutter.dev/flutter/widgets/TableRow-class.html
https://api.flutter.dev/flutter/material/DataRow-class.html

OS role
web row
ios -
macos NSAccessibilityGroupRole, NSAccessibilityTableRowSubrole
windows ROLE_SYSTEM_ROW
android android.widget.TableRow

https://api.flutter.dev/flutter/material/DataColumn/label.html

OS role
web columnheader
ios -
macos NSAccessibilityCellRole
windows ROLE_SYSTEM_COLUMNHEADER
android -

Metadata

Metadata

Assignees

Labels

P2Important issues not at the top of the work lista: accessibilityAccessibility, e.g. VoiceOver or TalkBack. (aka a11y)customer: castawayf: material designflutter/packages/flutter/material repository.frameworkflutter/packages/flutter repository. See also f: labels.team-designOwned by Design Languages teamtriaged-designTriaged by Design Languages team

Type

No type

Projects

Status

Done

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions