WordPress/wp-includes/css
Sergey Biryukov 5bb75cf4fd Accessibility: Make the Media modal an ARIA modal dialog.
For a number of years, the Media modal missed an explicit ARIA role and the required attributes for modal dialogs.

This was confusing for assistive technology users, since they may not realize they're inside a dialog, and that consequently the keyboard interactions may be different from the rest of the page. Lack of an explicit label for the dialog was confusing as well, since assistive technology users didn't have an immediate sense of what the dialog is for.

This change makes the Media modal meet the ARIA Authoring Practices recommendations, helping users better understand the purpose and interactions with the modal. Also, it makes sure to hide the rest of the page content from assistive technologies, until support for `aria-modal="true"` improves.

Additionally:
- moves the modal H1 heading to the beginning of the modal content 
- changes the modal left menu position to make visual and DOM order match 
- improves the `wp.media.view.FocusManager` documentation

Props afercia.
Merges [45572] to the 5.2 branch.
Fixes #47145.
Built from https://develop.svn.wordpress.org/branches/5.2@45866


git-svn-id: http://core.svn.wordpress.org/branches/5.2@45677 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2019-08-20 22:42:51 +00:00
..
dist Editor: Update packages to apply bugfixes from Gutenberg 5.5. 2019-04-22 12:40:04 +00:00
admin-bar-rtl.css Accessibility: Toolbar: Make the min-width value for #wpadminbar at 782px breakpoint consistent with that of <body>. 2019-08-19 04:37:52 +00:00
admin-bar-rtl.min.css Accessibility: Toolbar: Make the min-width value for #wpadminbar at 782px breakpoint consistent with that of <body>. 2019-08-19 04:37:52 +00:00
admin-bar.css Accessibility: Toolbar: Make the min-width value for #wpadminbar at 782px breakpoint consistent with that of <body>. 2019-08-19 04:37:52 +00:00
admin-bar.min.css Accessibility: Toolbar: Make the min-width value for #wpadminbar at 782px breakpoint consistent with that of <body>. 2019-08-19 04:37:52 +00:00
buttons-rtl.css Media: Reduces the bulk media options to have one primary button. 2019-08-19 04:34:52 +00:00
buttons-rtl.min.css Media: Reduces the bulk media options to have one primary button. 2019-08-19 04:34:52 +00:00
buttons.css Media: Reduces the bulk media options to have one primary button. 2019-08-19 04:34:52 +00:00
buttons.min.css Media: Reduces the bulk media options to have one primary button. 2019-08-19 04:34:52 +00:00
customize-preview-rtl.css Coding standards: Fix incorrect CSS rgba() values. 2019-03-04 22:02:52 +00:00
customize-preview-rtl.min.css Once upon a midnight dreary, while I coded, weak and weary, 2018-05-23 10:05:31 +00:00
customize-preview.css Coding standards: Fix incorrect CSS rgba() values. 2019-03-04 22:02:52 +00:00
customize-preview.min.css Once upon a midnight dreary, while I coded, weak and weary, 2018-05-23 10:05:31 +00:00
dashicons.css Administration: Remove duplicate font-face declaration in Dashicons CSS. 2019-05-15 19:47:55 +00:00
dashicons.min.css Administration: Remove duplicate font-face declaration in Dashicons CSS. 2019-05-15 19:47:55 +00:00
editor-rtl.css TinyMCE: Fix keyboard navigation when the dfw button is present but hidden. Ensure that button is added last in the DOM to match where it appears visually. 2019-04-12 18:08:53 +00:00
editor-rtl.min.css TinyMCE: Fix keyboard navigation when the dfw button is present but hidden. Ensure that button is added last in the DOM to match where it appears visually. 2019-04-12 18:08:53 +00:00
editor.css TinyMCE: Fix keyboard navigation when the dfw button is present but hidden. Ensure that button is added last in the DOM to match where it appears visually. 2019-04-12 18:08:53 +00:00
editor.min.css TinyMCE: Fix keyboard navigation when the dfw button is present but hidden. Ensure that button is added last in the DOM to match where it appears visually. 2019-04-12 18:08:53 +00:00
jquery-ui-dialog-rtl.css Coding standards: Fix incorrect CSS rgba() values. 2019-03-04 22:02:52 +00:00
jquery-ui-dialog-rtl.min.css Administration: CSS coding standards 2019-01-17 07:41:52 +00:00
jquery-ui-dialog.css Coding standards: Fix incorrect CSS rgba() values. 2019-03-04 22:02:52 +00:00
jquery-ui-dialog.min.css Administration: CSS coding standards 2019-01-17 07:41:52 +00:00
media-views-rtl.css Accessibility: Make the Media modal an ARIA modal dialog. 2019-08-20 22:42:51 +00:00
media-views-rtl.min.css Accessibility: Make the Media modal an ARIA modal dialog. 2019-08-20 22:42:51 +00:00
media-views.css Accessibility: Make the Media modal an ARIA modal dialog. 2019-08-20 22:42:51 +00:00
media-views.min.css Accessibility: Make the Media modal an ARIA modal dialog. 2019-08-20 22:42:51 +00:00
wp-auth-check-rtl.css Coding standards: Fix incorrect CSS rgba() values. 2019-03-04 22:02:52 +00:00
wp-auth-check-rtl.min.css Build/Test: Update dependencies for 5.0 2018-12-11 16:13:26 +00:00
wp-auth-check.css Coding standards: Fix incorrect CSS rgba() values. 2019-03-04 22:02:52 +00:00
wp-auth-check.min.css Build/Test: Update dependencies for 5.0 2018-12-11 16:13:26 +00:00
wp-embed-template-ie.css Embeds: Add fallbacks for IE7-9. 2015-10-31 04:38:25 +00:00
wp-embed-template-ie.min.css Build/Test Tools: Add banner to minified CSS files 2017-08-19 20:10:47 +00:00
wp-embed-template.css Coding standards: Fix incorrect CSS rgba() values. 2019-03-04 22:02:52 +00:00
wp-embed-template.min.css Build/Test: Update dependencies for 5.0 2018-12-11 16:13:26 +00:00
wp-pointer-rtl.css Coding standards: Fix incorrect CSS rgba() values. 2019-03-04 22:02:52 +00:00
wp-pointer-rtl.min.css Build/Test: Update dependencies for 5.0 2018-12-11 16:13:26 +00:00
wp-pointer.css Coding standards: Fix incorrect CSS rgba() values. 2019-03-04 22:02:52 +00:00
wp-pointer.min.css Build/Test: Update dependencies for 5.0 2018-12-11 16:13:26 +00:00