hope: Art of a woman writing from tour poster (toshiko sato is smarter than you)
puddingsmith ([personal profile] hope) wrote in [site community profile] dw_accessibility2010-08-10 12:32 pm

Advice on the use of fieldsets in the new Update page

Hi, [site community profile] dw_accessibility!

[personal profile] fu and I have been working on building the next version of the update page redesign, and making sure our markup is as accessible as possible.

With that in mind, we have a question with regards to the use of fieldsets that we hope you can help us with.


As you can see from the first mockup, the Update page is basically one big form, soon to have many more form elements added to it, grouped together in what [personal profile] fu and I have been calling "components".

For example, there is the grouping of the subject field and entry textarea, and the "Currents" component that comprises the select menu for mood, music text field, and location text field.

As far as [personal profile] fu and I can see, there are two options for the use of fieldsets on this page, detailed below:

A mockup with a single fieldset. See description below.
Mockup 1: the form uses a single fieldset. The legend is the title of the page, and all form items occur in a useful order within the fieldset. The title of each component uses heading markup, e.g. <h3>

A mockup with multiple fieldsets. See description below.
Mockup 2: the page contains multiple fieldsets. Each component has a fieldset of its own, and the title of each component is marked up as a legend.

So, our question is - which use of fieldsets is the most accessible to you, mockup 1 or 2? Or do you have a suggestion for a different use? Feedback is gladly welcomed :)

Thanks!

Update: This news post links to a live version of Mockup 1.

Post a comment in response:

If you don't have an account you can create one now.
HTML doesn't work in the subject.
More info about formatting

If you are unable to use this captcha for any reason, please contact us by email at support@dreamwidth.org