Accessibility: Theme Installer, make the "Upload Theme" button... a button.

UI controls that "do something" on a page shouldn't be links. This link behaves
like a toggle to expand the uploader panel and should be a `button` element with
an aria-expanded attribute. Also:

- improves consistency with the Plugin uploader
- keeps the themes list visible when the uploader is open
- displays a notice when JavaScript is off
- adds some `hide-if-no-js` CSS classes
- removes the `themes.router.navigate()` "upload" route: seems unnecessary and breaks history

Fixes #35457.

git-svn-id: https://develop.svn.wordpress.org/trunk@37742 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrea Fercia
2016-06-17 20:46:08 +00:00
parent faf7576562
commit 090ecc34f9
4 changed files with 20 additions and 33 deletions
+3
View File
@@ -601,6 +601,9 @@ code {
text-shadow: none;
font-weight: 600;
font-size: 13px;
line-height: normal; /* IE8-IE11 need this for buttons */
cursor: pointer;
outline: 0;
}
.wrap .add-new-h2:hover, /* deprecated */
+3 -11
View File
@@ -1039,7 +1039,7 @@ body.folded .theme-browser ~ .theme-overlay .theme-wrap {
box-sizing: border-box;
display: none;
margin: 0;
padding: 0;
padding: 50px 0;
width: 100%;
overflow: hidden;
position: relative;
@@ -1066,13 +1066,9 @@ body.folded .theme-browser ~ .theme-overlay .theme-wrap {
font-size: 18px;
font-style: normal;
margin: 0;
padding: 40px 0 0;
padding: 0;
text-align: center;
}
body.show-upload-theme .upload-theme + .wp-filter,
body.show-upload-theme .upload-theme + .wp-filter + .theme-browser {
display: none;
}
p.no-themes {
clear: both;
@@ -1085,14 +1081,10 @@ p.no-themes {
display: none;
}
body.no-results p.no-themes {
.no-results p.no-themes {
display: block;
}
body.show-upload-theme p.no-themes {
display: none !important;
}
.theme-install-php .add-new-theme {
display: none !important;
}