Skip to content

bug(mat-grid-list): Remove <figure> element from inside mat-grid-tile #21775

@gogitter7

Description

@gogitter7

Reproduction

When using the mat-grid-tile element, Angular inserts a "figure" tag on page render. This can cause confusion for screen readers reading aloud the "figure" tag before reading the content inside the tile.

Expected Behavior

Content inside the mat-grid-tile should render as the programmer enters it, rather than inserting a "figure" tag. (If the programmer wishes to surround the content in a figure, they can enter that themselves).

Actual Behavior

The mat-grid-tile component renders a "figure" tag around the ng-content inserted by the programmer, causing unwanted behavior with screen readers.

Environment

  • Angular: 9
  • CDK/Material: 9.2.4
  • Browser(s): Chrome
  • Operating System (e.g. Windows, macOS, Ubuntu): Windows

Metadata

Metadata

Assignees

Labels

AccessibilityThis issue is related to accessibility (a11y)P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentarea: material/grid-listhelp wantedLabel noting an issue which the team is looking for contribution from the community to fix

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions