WordPress.org

Make WordPress Core

Changes between Initial Version and Version 1 of Ticket #41286, comment 4


Ignore:
Timestamp:
07/11/2017 01:13:29 PM (3 years ago)
Author:
svinkle
Comment:

Legend:

Unmodified
Added
Removed
Modified
  • Ticket #41286, comment 4

    initial v1  
    10103. Using a `border` for the focus state also work and has more styling options available. The downside is `border` adds extra width to the element on `:focus`, creating a “bump” effect. This is not likely ideal.
    1111
    12 4. It is possible to get around this “bump” effect by applying transparent `border` to the element by default. The downside here is this default border will _always_ be displayed in a high contrast theme, defeating the purpose really.
     124. It is possible to get around this “bump” effect by applying transparent `border` to the element by default. The downside here is this default border will ''always'' be displayed in a high contrast theme, defeating the purpose really.
    1313
    14145. Using a `background` color for a focus state is not really an option as older versions of Windows/IE remove `background` styles in high contrast themes (Edge browser does not remove these styles.)
     
    2323== GIF demonstration
    2424=== Non high contrast theme
    25 [[Image(https://user-images.githubusercontent.com/1392632/28068763-e7429938-6614-11e7-9d86-0565e19ec775.gif, alt=Animated GIF of a user tabbing through list of links as described above in non high contrast theme.)]]
     25[[Image(https://user-images.githubusercontent.com/1392632/28069878-05efae1c-6619-11e7-89b0-7c474bac654a.gif, alt=Animated GIF of a user tabbing through list of links as described above in non high contrast theme.)]]
    2626
    2727=== High contrast theme
    28 [[Image(https://user-images.githubusercontent.com/1392632/28068942-952cd70c-6615-11e7-8074-0895e9de22f2.gif, alt=Animated GIF of a user tabbing through list of links as described above in Windows high contrast theme.)]]
     28[[Image(https://user-images.githubusercontent.com/1392632/28069880-07362d64-6619-11e7-8211-d0b302a314ac.gif, alt=Animated GIF of a user tabbing through list of links as described above in Windows high contrast theme.)]]