Skip to content

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

Closed
livepoll/live-poll
#189
@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 wantedThe team would appreciate a PR from the community to address this issue

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions