[wp-trac] [WordPress Trac] #39441: Improve the Settings API for accessibility and ease of use.

[WordPress Trac]

#39441: Improve the Settings API for accessibility and ease of use.
-------------------------------------+-------------------------------------
 Reporter:  flixos90                 |       Owner:
     Type:  enhancement              |      Status:  new
 Priority:  normal                   |   Milestone:  Future Release
Component:  Plugins                  |     Version:
 Severity:  normal                   |  Resolution:
 Keywords:  settings-api has-patch   |     Focuses:  accessibility,
  2nd-opinion                        |  administration
-------------------------------------+-------------------------------------

Comment (by rianrietveld):

 During the contributors day at WordCamp London we discussed how to proceed
 with the Settings API changes together with
 @afercia @karmatosed @flixos90 @samikeijonen @samikeijonen @rianrietveld
 and Tim Hengeveld.

 '''Result discussion'''
 We are going for the one column approach, so the labels will be above the
 input fields.
 Advantages:
 - more fresh and modern look
 - easier to design responsive
 - we can implement proper fieldsets and have better controle over the HTML
 to make it WCAG 2 AA accessible
 - people who only see a small part of the screen or magnify the screen
 still have a better understanding of the form content

 '''Design ideas'''
 - ask @michael-arestad for help, Tammie can join in if Michael has no time
 - use space/padding between the fieldsets to make them stand out
 - don't be afraid to use rules for a cleared layout
 - look at the settings page at WordPres.com with Calypso for design
 inspiration (but stick to WCAG rules for colours and HTML)
 - maybe style fieldsets
 - maybe bigger font

 '''Plan of action'''
 - start with the settings page, in a mock up page, first get the HTML/CSS
 sorted out.
 - start with a featured plugin on GitHub and ask for feedback and design
 help. @flixos90 will start with that and will get help from the design
 team
 - when approved and optimised we will also redesign the other pages that
 include tables, (e.g. all cases that use the class form-table).

 '''Time'''
 Get the settings page plus design plugin ready for WordCamp Europe, for
 review.

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