[wp-trac] [WordPress Trac] #30108: Twenty Fifteen: Underline menu links & post links in the archive on hover so it is clear they are links

[WordPress Trac]

#30108: Twenty Fifteen: Underline menu links & post links in the archive on hover
so it is clear they are links
-------------------------------------+--------------------------------
 Reporter:  KatherineMancuso         |       Owner:
     Type:  enhancement              |      Status:  new
 Priority:  normal                   |   Milestone:  4.1
Component:  Bundled Theme            |     Version:  trunk
 Severity:  normal                   |  Resolution:
 Keywords:  has-patch needs-testing  |     Focuses:  ui, accessibility
-------------------------------------+--------------------------------

Comment (by afercia):

 Thanks very much takashi, super nice to have custom focus style for
 alternate color schemes :)

 Please check following screenshots for some details that need attention,
 especially checkboxes, radio buttons and selects, they need focus style.

 The other ones are very subtle details and, as I see it, totally up to
 your design choices.

 I'd recommend to consider a couple of things though:
 - posts navigation on focus: overflow hidden on the container cuts-off the
 outline style
 - disabled buttons maybe need a different style
 - maybe add the border bottom (just on hover) on the Recent Entries and
 Recent Comments widgets, especially the latter because each item has 2
 different links (comment and author URL), for example:
 {{{
 .widget_recent_comments a:hover,
 .widget_recent_entries a:hover {
         border-bottom: 1px solid currentColor;
 }
 }}}
 - consider the use of currentColor, browser support:
 https://developer.mozilla.org/en-
 US/docs/Web/CSS/color_value#Browser_Compatibility


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

 thanks to [https://github.com/avryl/ui Avryl's admin UI plugin] for the
 list of elements

 Example with alternate color scheme

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

 Post navigation focus

 [[Image(https://cldup.com/bhhi-HjY96.png)]]

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