File tree Expand file tree Collapse file tree 1 file changed +17
-4
lines changed
Expand file tree Collapse file tree 1 file changed +17
-4
lines changed Original file line number Diff line number Diff line change @@ -34,9 +34,22 @@ approach this to the consuming app.
3434
3535### Accessibility
3636Angular Material uses native ` <button> ` and ` <a> ` elements to ensure an accessible experience by
37- default. The ` <button> ` element should be used for any interaction that _ performs an action on the
38- current page_ . The ` <a> ` element should be used for any interaction that _ navigates to another
39- view _ .
37+ default. A ` <button> ` element should be used for any interaction that _ performs an action on the
38+ current page_ . An ` <a> ` element should be used for any interaction that _ navigates to another
39+ URL _ . All standard accessibility best practices for buttons and anchors apply to ` MatButton ` .
4040
41+ #### Disabling anchors
42+ ` MatAnchor ` supports disabling an anchor in addition to the features provided by the native
43+ ` <a> ` element. When you disable an anchor, the component sets ` aria-disabled="true" ` and
44+ ` tabindex="-1" ` . Always test disabled anchors in your application to ensure compatibility
45+ with any assistive technology your application supports.
46+
47+ #### Buttons with icons
4148Buttons or links containing only icons (such as ` mat-fab ` , ` mat-mini-fab ` , and ` mat-icon-button ` )
42- should be given a meaningful label via ` aria-label ` or ` aria-labelledby ` .
49+ should be given a meaningful label via ` aria-label ` or ` aria-labelledby ` . [ See the documentation
50+ for ` MatIcon ` ] ( https://material.angular.io/components/icon ) for more
51+ information on using icons in buttons.
52+
53+ #### Toggle buttons
54+ [ See the documentation for ` MatButtonToggle ` ] ( https://material.angular.io/components/button-toggle )
55+ for information on stateful toggle buttons.
You can’t perform that action at this time.
0 commit comments