WordPress/wp-includes/css
Andrea Fercia 00704114e0 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

Fixes #47145.

Built from https://develop.svn.wordpress.org/trunk@45572


git-svn-id: http://core.svn.wordpress.org/trunk@45383 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2019-06-27 12:33:56 +00:00
..
dist Build/Test Tools: Add the e2e tests setup. 2019-06-27 11:28:19 +00:00
admin-bar-rtl.css CSS Coding Standards: Use unitless values for `line-height` in `wp-includes/css/admin-bar.css`. 2019-05-30 12:32:51 +00:00
admin-bar-rtl.min.css CSS Coding Standards: Use unitless values for `line-height` in `wp-includes/css/admin-bar.css`. 2019-05-30 12:32:51 +00:00
admin-bar.css CSS Coding Standards: Use unitless values for `line-height` in `wp-includes/css/admin-bar.css`. 2019-05-30 12:32:51 +00:00
admin-bar.min.css CSS Coding Standards: Use unitless values for `line-height` in `wp-includes/css/admin-bar.css`. 2019-05-30 12:32:51 +00:00
buttons-rtl.css Accessibility: Improve the Screen Options and Help buttons order. 2019-06-08 16:31:53 +00:00
buttons-rtl.min.css Accessibility: Improve the Screen Options and Help buttons order. 2019-06-08 16:31:53 +00:00
buttons.css Accessibility: Improve the Screen Options and Help buttons order. 2019-06-08 16:31:53 +00:00
buttons.min.css Accessibility: Improve the Screen Options and Help buttons order. 2019-06-08 16:31:53 +00:00
customize-preview-rtl.css CSS Coding Standards: Use unitless values for `line-height` in `wp-includes/css/customize-preview.css`. 2019-05-30 12:34:52 +00:00
customize-preview-rtl.min.css CSS Coding Standards: Use unitless values for `line-height` in `wp-includes/css/customize-preview.css`. 2019-05-30 12:34:52 +00:00
customize-preview.css CSS Coding Standards: Use unitless values for `line-height` in `wp-includes/css/customize-preview.css`. 2019-05-30 12:34:52 +00:00
customize-preview.min.css CSS Coding Standards: Use unitless values for `line-height` in `wp-includes/css/customize-preview.css`. 2019-05-30 12:34:52 +00:00
dashicons.css Administration: Remove duplicate `font-face` declaration in Dashicons CSS. 2019-05-15 16:08:57 +00:00
dashicons.min.css Administration: Remove duplicate `font-face` declaration in Dashicons CSS. 2019-05-15 16:08:57 +00:00
editor-rtl.css CSS Coding Standards: Use unitless values for `line-height` in `wp-includes/css/editor.css`. 2019-05-30 12:45:53 +00:00
editor-rtl.min.css CSS Coding Standards: Use unitless values for `line-height` in `wp-includes/css/editor.css`. 2019-05-30 12:45:53 +00:00
editor.css CSS Coding Standards: Use unitless values for `line-height` in `wp-includes/css/editor.css`. 2019-05-30 12:45:53 +00:00
editor.min.css CSS Coding Standards: Use unitless values for `line-height` in `wp-includes/css/editor.css`. 2019-05-30 12:45:53 +00:00
jquery-ui-dialog-rtl.css CSS Coding Standards: Use unitless values for `line-height` in `wp-includes/css/jquery-ui-dialog.css`. 2019-05-30 12:36:52 +00:00
jquery-ui-dialog-rtl.min.css CSS Coding Standards: Use unitless values for `line-height` in `wp-includes/css/jquery-ui-dialog.css`. 2019-05-30 12:36:52 +00:00
jquery-ui-dialog.css CSS Coding Standards: Use unitless values for `line-height` in `wp-includes/css/jquery-ui-dialog.css`. 2019-05-30 12:36:52 +00:00
jquery-ui-dialog.min.css CSS Coding Standards: Use unitless values for `line-height` in `wp-includes/css/jquery-ui-dialog.css`. 2019-05-30 12:36:52 +00:00
media-views-rtl.css Accessibility: Make the Media modal an ARIA modal dialog. 2019-06-27 12:33:56 +00:00
media-views-rtl.min.css Accessibility: Make the Media modal an ARIA modal dialog. 2019-06-27 12:33:56 +00:00
media-views.css Accessibility: Make the Media modal an ARIA modal dialog. 2019-06-27 12:33:56 +00:00
media-views.min.css Accessibility: Make the Media modal an ARIA modal dialog. 2019-06-27 12:33:56 +00:00
wp-auth-check-rtl.css CSS Coding Standards: Use unitless values for `line-height` in `wp-includes/css/wp-auth-check.css`. 2019-05-30 12:37:52 +00:00
wp-auth-check-rtl.min.css CSS Coding Standards: Use unitless values for `line-height` in `wp-includes/css/wp-auth-check.css`. 2019-05-30 12:37:52 +00:00
wp-auth-check.css CSS Coding Standards: Use unitless values for `line-height` in `wp-includes/css/wp-auth-check.css`. 2019-05-30 12:37:52 +00:00
wp-auth-check.min.css CSS Coding Standards: Use unitless values for `line-height` in `wp-includes/css/wp-auth-check.css`. 2019-05-30 12:37:52 +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 CSS Coding Standards: Use unitless values for `line-height` in `wp-includes/css/wp-embed-template.css`. 2019-05-30 12:40:52 +00:00
wp-embed-template.min.css CSS Coding Standards: Use unitless values for `line-height` in `wp-includes/css/wp-embed-template.css`. 2019-05-30 12:40:52 +00:00
wp-pointer-rtl.css CSS Coding Standards: Use unitless values for `line-height` in `wp-includes/css/wp-pointer.css`. 2019-05-30 12:41:51 +00:00
wp-pointer-rtl.min.css CSS Coding Standards: Use unitless values for `line-height` in `wp-includes/css/wp-pointer.css`. 2019-05-30 12:41:51 +00:00
wp-pointer.css CSS Coding Standards: Use unitless values for `line-height` in `wp-includes/css/wp-pointer.css`. 2019-05-30 12:41:51 +00:00
wp-pointer.min.css CSS Coding Standards: Use unitless values for `line-height` in `wp-includes/css/wp-pointer.css`. 2019-05-30 12:41:51 +00:00