vhad/wordpress-develop
1
0
Fork 0
mirror of https://github.com/gosticks/wordpress-develop.git synced 2026-06-28 22:30:04 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Upgrade/Install: Use ARIA button class on plugin and theme auto-updates action links

Browse Source 
According to the [accesability guidelines](https://developer.wordpress.org/coding-standards/wordpress-coding-standards/accessibility/#semantics-for-controls), the control should be a link when JavaScript is not available and a button the rest of the time.

In addition, handlers were added for spacebar usage, and some changes to the a11y speak verbiage.

Fixes #50516.
Props ryokuhi, audrasjb, afercia, whyisjake/




git-svn-id: https://develop.svn.wordpress.org/trunk@48418 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Jake Spurlock
2020-07-10 06:16:06 +00:00
parent bf93e9699f
commit 1b251feeec
6 changed files with 70 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/wp-admin/css/common.css
View File

@@ -1499,6 +1499,10 @@ div.error {
animation: rotation 2s infinite linear;
}
.theme-overlay .theme-autoupdate .dashicons-update.spin {
margin-right: 3px;
}
/* Updated icon (check mark). */
.updated-message p:before,
.installed p:before,

9
src/wp-admin/css/themes.css
View File

@@ -684,6 +684,15 @@ body.folded .theme-browser ~ .theme-overlay .theme-wrap {
text-decoration: none;
}
.theme-overlay .toggle-auto-update {
/* Better align spin icon and text. */
display: inline-flex;
align-items: center;
/* Prevents content after the auto-update toggler from jumping down and up. */
min-height: 20px; /* Same height as the spinning dashicon. */
vertical-align: top;
}
.theme-overlay .theme-description {
color: #555;
font-size: 15px;