"Fossies" - the Fresh Open Source Software Archive  

Source code changes of the file "src/lib/dialog/dialog.md" between
material2-7.3.6.tar.gz and material2-7.3.7.tar.gz

About: material2 offers Material Design components for Angular.

dialog.md  (material2-7.3.6):dialog.md  (material2-7.3.7)
skipping to change at line 157 skipping to change at line 157
The `aria-label`, `aria-labelledby`, and `aria-describedby` attributes can all b e set to the The `aria-label`, `aria-labelledby`, and `aria-describedby` attributes can all b e set to the
dialog element via the `MatDialogConfig` as well. Each dialog should typically h ave a label dialog element via the `MatDialogConfig` as well. Each dialog should typically h ave a label
set via `aria-label` or `aria-labelledby`. set via `aria-label` or `aria-labelledby`.
When a dialog is opened, it will move focus to the first focusable element that it can find. In When a dialog is opened, it will move focus to the first focusable element that it can find. In
order to prevent users from tabbing into elements in the background, the Materia l dialog uses order to prevent users from tabbing into elements in the background, the Materia l dialog uses
a [focus trap](https://material.angular.io/cdk/a11y/overview#focustrap) to conta in focus a [focus trap](https://material.angular.io/cdk/a11y/overview#focustrap) to conta in focus
within itself. Once a dialog is closed, it will return focus to the element that was focused within itself. Once a dialog is closed, it will return focus to the element that was focused
before the dialog was opened. before the dialog was opened.
If you're adding a close button that doesn't have text (e.g. a purely icon-based
button), make sure
that it has a meaningful `aria-label` so that users with assistive technology kn
ow what it is used
for.
#### Focus management #### Focus management
By default, the first tabbable element within the dialog will receive focus upon open. This can By default, the first tabbable element within the dialog will receive focus upon open. This can
be configured by setting the `cdkFocusInitial` attribute on another focusable el ement. be configured by setting the `cdkFocusInitial` attribute on another focusable el ement.
Tabbing through the elements of the dialog will keep focus inside of the dialog element, Tabbing through the elements of the dialog will keep focus inside of the dialog element,
wrapping back to the first tabbable element when reaching the end of the tab seq uence. wrapping back to the first tabbable element when reaching the end of the tab seq uence.
#### Keyboard interaction #### Keyboard interaction
By default pressing the escape key will close the dialog. While this behavior ca n By default pressing the escape key will close the dialog. While this behavior ca n
be turned off via the `disableClose` option, users should generally avoid doing so be turned off via the `disableClose` option, users should generally avoid doing so
 End of changes. 1 change blocks. 
0 lines changed or deleted 6 lines changed or added

Home  |  About  |  Features  |  All  |  Newest  |  Dox  |  Diffs  |  RSS Feeds  |  Screenshots  |  Comments  |  Imprint  |  Privacy  |  HTTP(S)