[wp-trac] [WordPress Trac] #42778: Widgets page: consider to make the Enable accessibility mode link more discoverable

[WordPress Trac]

#42778: Widgets page: consider to make the Enable accessibility mode link more
discoverable
-------------------------------------------------+-------------------------
 Reporter:  afercia                              |       Owner:  afercia
     Type:  defect (bug)                         |      Status:  assigned
 Priority:  normal                               |   Milestone:  5.0
Component:  Widgets                              |     Version:
 Severity:  normal                               |  Resolution:
 Keywords:  has-patch ux-feedback has-           |     Focuses:  ui,
  screenshots                                    |  accessibility
-------------------------------------------------+-------------------------
Changes (by afercia):

 * keywords:  has-patch ux-feedback => has-patch ux-feedback has-screenshots
 * focuses:  accessibility => ui, accessibility
 * milestone:  Awaiting Review => 5.0


Comment:

 > What about handle it as the "Manage with Live Preview" button?

 Yes, that's an option. Personally, i don't have a strong preference about
 the visual part, that needs some design feedback /cc @karmatosed
 @melchoyce. Trying to recap what's important from an accessibility
 perspective:
 - this link should always be visible: many users don't even know there's
 an "accessibility mode"
 - it doesn't make much sense to have a "Screen Options" section that
 contains just one link anyways
 - the link should be placed in the source after the main H1
 - it should never be hidden, not even in the responsive view

 For the visual part, one more option could be placing the link in the
 source after the H1 and then moving it with CSS to the top right, close to
 the Help button (with float right and some margin adjustments):

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

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

 It could also look like the Help tab, but maybe a simple link look would
 be best:

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

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