[buddypress-trac] [BuddyPress Trac] #7348: Accessibility: Group related form elements within fieldsets in Profile > Edit screen

[buddypress-trac]

#7348: Accessibility: Group related form elements within fieldsets in Profile >
Edit screen
------------------------------+------------------
 Reporter:  mercime           |       Owner:
     Type:  enhancement       |      Status:  new
 Priority:  normal            |   Milestone:  2.8
Component:  Extended Profile  |     Version:
 Severity:  normal            |  Resolution:
 Keywords:  has-patch         |
------------------------------+------------------

Comment (by mercime):

 Thank you @dcavins :) In the new patch attached, I did not add
 indentations for new `legends` et. al. so the revisions will be clearer
 (can add them later).  Patch includes some improvements from the first
 patch and the following:

 1/ Added closing `</fieldset>` tags in the Register and Profile > Edit
 files. Thinking whether we should move the opening `<fieldset>` tags there
 as well.

 2/ Added `aria-expanded="false"` to <button> element for the default
 closed `div.field-visibility-settings` and when the panel is closed. The
 attribute value is changed to `aria-expanded="true"` when  `div.field-
 visibility-settings` is toggled open. Added `aria-label` attributes and
 values to the buttons as well.

 3/ When available, the description is placed before a group of form
 controls
 (checkboxes, radio buttons, dateboxes, and text area/wp_editor)

 [[Image(https://cldup.com/MdY3EQM68Z.jpg)]]

 4/ When available, the description is placed after a form control
 (select box, multi select box, text box, number and URL fields)

 [[Image(https://cldup.com/r848YmJL4d.jpg)]]

--
Ticket URL: <https://buddypress.trac.wordpress.org/ticket/7348#comment:10>
BuddyPress Trac <http://buddypress.org/>
BuddyPress Trac