[wp-trac] [WordPress Trac] #47498: Revise checkbox/radio button css for better compatibility with text zoom

[WordPress Trac]

#47498: Revise checkbox/radio button css for better compatibility with text zoom
-------------------------------------------------+-------------------------
 Reporter:  kjellr                               |       Owner:  audrasjb
     Type:  defect (bug)                         |      Status:  reviewing
 Priority:  normal                               |   Milestone:  5.3
Component:  Administration                       |     Version:
 Severity:  normal                               |  Resolution:
 Keywords:  has-patch wpcampus-report form-      |     Focuses:  ui,
  controls color-contrast                        |  accessibility
-------------------------------------------------+-------------------------

Comment (by kjellr):

 > Looking at this after some time. While the current patch fixes the
 position of the checkmark, radio buttons and checkboxes still don't scale
 with text zoom (see screenshot attached below).
 >
 > Re-defining all the metrics using em (or rem) like in this technique
 from Adrian Roselli, would allow these controls to scale together with
 text when zooming only text (e.g. with Firefox) or when increasing the
 default font size from the operating system settings. Is there already a
 ticket for this?

 I don't think there's another ticket for it. Changing this is relatively
 trivial though. I've updated the patch to use `em` instead of `px`. Here's
 how that same screen looks with [attachment:"47498.2.diff"] applied:

 [[Image(https://cldup.com/muwThI6oEt.png)]]

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/47498#comment:15>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform