#31459: Update WP-admin Buttons
--------------------------+------------------------------------------------
Reporter: hugobaeta | Owner: hugobaeta
Type: enhancement | Status: assigned
Priority: normal | Milestone: Future Release
Component: | Version: 4.2
Administration | Resolution:
Severity: normal | Focuses: ui, accessibility, administration
Keywords: |
--------------------------+------------------------------------------------
Comment (by hugobaeta):
Following up on the accessibility concerns, I did a lot of work on color
contrasts and also pleasant aesthetics for the buttons refresh. I just
uploaded a new patch that focuses on the primary buttons (didn't do major
changes to secondary buttons, aside from the generic removal of the 1px
highlight on them - I'd still like the shadows to be more solid).
[[Image(https://cldup.com/zFXgjfjux1.png)]]
In my proposal, the button background color doesn't reach a 4.5:1 ratio
for WCAG AA compliance, but it's close (discussed this with @helen, and we
both agreed that the compliant background blue was too dark and
unpleasant). To solve this, I added a text-shadow to the white text, that
bumps this up to a WCAG AA compliance. @afercia, can you please audit this
too to be sure?
As discussed before, the revised states for the button make more sense
now: Hover is slightly lighter.
The screenshot is just a quick representation, but this is a patch worth
seeing live on the admin, so apply it and test it, please!
I ended up adding some more shades of blue to the Accent Colors section in
my [http://codepen.io/hugobaeta/details/RNOzoV/ CodePen for all things
color in core]. I'll update the Design Handbook when I have a chance, but
for now this serves us well for reference. Also, I might need to add
darker variations to the Accent blues, let me know @afercia if the borders
need to be darker :)
@michael-arestad, What do you think of the style update? Should we also
add a subtle transition to them?
--
Ticket URL: <https://core.trac.wordpress.org/ticket/31459#comment:25>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform