[wp-trac] [WordPress Trac] #52347: WordPress 5.7 about page
WordPress Trac
noreply at wordpress.org
Tue Feb 16 23:39:39 UTC 2021
#52347: WordPress 5.7 about page
-------------------------------------------------+-------------------------
Reporter: audrasjb | Owner: francina
Type: task (blessed) | Status: assigned
Priority: normal | Milestone: 5.7
Component: Help/About | Version:
Severity: normal | Resolution:
Keywords: needs-patch needs-design needs- | Focuses:
copy-review needs-screenshots |
-------------------------------------------------+-------------------------
Comment (by ryelle):
> For the admin colors, I'd love to do some sort of before/after
comparison like @ryelle [https://ryelle.codes/core/colors/index.html has
on her doc]. We'd need to figure out a lightweight and accessible
approach. If there isn't one, worse comes to worse, I can make a
before/after video.
This uses a library called Juxtapose, and it's accessible according to my
limited testing (I think I only tested keyboard use, not sure how a screen
reader would handle it). So I think our options are:
- Use Juxtapose via [https://juxtapose.knightlab.com/#make an iframe
embed], they generate a URL iframe using images we upload. But that's a
3rd-party embed, and might be unreliable/untrusted.
- Use Juxtapose via a CDN, which is what I'm doing in the demo linked
above. Again, possibly unreliable/untrusted code loading in wp-admin.
- Use a CSS-only solution [https://codepen.io/ryelle/pen/OJbmbOL like
this], but this requires a mouse to drag the resize bar. This is fairly
"decorative" and the point would be clear from the default state, so
perhaps this is OK?
- No comparison slider, but use a button to toggle between two images.
Much less interesting, and doesn't show the difference by default.
If anyone has any other suggestions for something that can easily do this
kind of comparison, please share - we don't want to introduce any new
libraries into core just for the about page, but we can write some JS to
the about page itself for the demo.
--
Ticket URL: <https://core.trac.wordpress.org/ticket/52347#comment:21>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform
More information about the wp-trac
mailing list