You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
docs: updates buttons with icons a11y recommendations (#30400)
Updates Buttons with icons documentation to recommend that any icon
button be a minimum of 48x48 to be fully accessible and easily
clickable on smaller screens.
(cherry picked from commit d84a4c3)
Copy file name to clipboardExpand all lines: src/material/button/button.md
+1-1Lines changed: 1 addition & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -68,7 +68,7 @@ with any assistive technology your application supports.
68
68
Buttons or links containing only icons (such as `mat-fab`, `mat-mini-fab`, and `mat-icon-button`)
69
69
should be given a meaningful label via `aria-label` or `aria-labelledby`. [See the documentation
70
70
for `MatIcon`](https://material.angular.io/components/icon) for more
71
-
information on using icons in buttons.
71
+
information on using icons in buttons. Additionally, to be fully accessible the icon should have a minimum touch-target of 48x48 to ensure that the icon is easily clickable particularly on mobile devices and small screens.
72
72
73
73
#### Toggle buttons
74
74
[See the documentation for `MatButtonToggle`](https://material.angular.io/components/button-toggle)
0 commit comments