Comments on: Clean And Accessible Form Foundation http://www.mattvarone.com/web-design/clean-accesible-form-foundation/ Creative Developer Tue, 20 Jul 2010 05:52:54 +0000 hourly 1 http://wordpress.org/?v=3.0.1 By: Tubcat http://www.mattvarone.com/web-design/clean-accesible-form-foundation/#comment-2471 Tubcat Wed, 14 Apr 2010 15:02:54 +0000 http://www.mattvarone.com/?p=215#comment-2471 Thanks for the work on this as it has really helped me out. One question in regards to making the form accessible, how do you provide accessible error messages to a user who doesn't fill in required fields? Thanks for the work on this as it has really helped me out.

One question in regards to making the form accessible, how do you provide accessible error messages to a user who doesn’t fill in required fields?

]]> By: Tsalagi http://www.mattvarone.com/web-design/clean-accesible-form-foundation/#comment-2099 Tsalagi Mon, 15 Mar 2010 04:21:45 +0000 http://www.mattvarone.com/?p=215#comment-2099 Matt, Great tut for styling those tedious forms! Just a note. A few comments at the begging noted the accessibility issue of not wrapping the input in the label. I come from the school where elements should not be nested like that, because the input is not a label. For clean markup and accessibility, you can use the and then give your input an id of phone. This will tie both together so when someone focuses on the label the input gets the focus. Thanks again for the hard work and for sharing! Matt, Great tut for styling those tedious forms! Just a note. A few comments at the begging noted the accessibility issue of not wrapping the input in the label. I come from the school where elements should not be nested like that, because the input is not a label. For clean markup and accessibility, you can use the and then give your input an id of phone. This will tie both together so when someone focuses on the label the input gets the focus.
Thanks again for the hard work and for sharing!

]]> By: jose http://www.mattvarone.com/web-design/clean-accesible-form-foundation/#comment-1991 jose Tue, 09 Mar 2010 00:59:45 +0000 http://www.mattvarone.com/?p=215#comment-1991 Matt I will upload my problem into a website for you to see. I have another question. What will be the cleanest way to create the view representation of a form. Many sites just use a table. Description Value Description Value without using tables. Matt I will upload my problem into a website for you to see. I have another question. What will be the cleanest way to create the view representation of a form. Many sites just use a table.

Description Value
Description Value
without using tables.

]]> By: Matt http://www.mattvarone.com/web-design/clean-accesible-form-foundation/#comment-1969 Matt Sun, 07 Mar 2010 19:28:54 +0000 http://www.mattvarone.com/?p=215#comment-1969 @jose if you are using the button element ( as in this example ) instead of an input with the type submit, then commenting the button css section should return your element to it's default style. Now, in both the online demo and the download I applied a quick reset to all elements <em> * { margin:0; padding: 0 } </em>, This is probably causing you to see the button look "flat". Try removing or commenting that part of the code to see if it helps. Thanks for the comments! @jose if you are using the button element ( as in this example ) instead of an input with the type submit, then commenting the button css section should return your element to it’s default style. Now, in both the online demo and the download I applied a quick reset to all elements * { margin:0; padding: 0 } , This is probably causing you to see the button look “flat”. Try removing or commenting that part of the code to see if it helps. Thanks for the comments!

]]> By: jose http://www.mattvarone.com/web-design/clean-accesible-form-foundation/#comment-1964 jose Sun, 07 Mar 2010 14:30:36 +0000 http://www.mattvarone.com/?p=215#comment-1964 Thank you. That works. Now for a question. Many form css templates change the way the submit button looks. BUT, what if I want the standard way? I commented all the button section on the css, but still the button looks flat(not the normal way). I think, correct me if I am wrong, that is taking the properties of other element because of lines like this .cleanform input, Can the css be made in such a way that the properties of the element in the form does not affect the look of the submit button? Thank you Thank you. That works. Now for a question. Many form css templates change the way the submit button looks. BUT, what if I want the standard way? I commented all the button section on the css, but still the button looks flat(not the normal way). I think, correct me if I am wrong, that is taking the properties of other element because of lines like this
.cleanform input,

Can the css be made in such a way that the properties of the element in the form does not affect the look of the submit button?

Thank you

]]> By: Matt http://www.mattvarone.com/web-design/clean-accesible-form-foundation/#comment-1962 Matt Sun, 07 Mar 2010 12:49:02 +0000 http://www.mattvarone.com/?p=215#comment-1962 @Jose post updated, now radio buttons and checkboxes can be column aligned with the <em>.multiple</em> class. @Jose post updated, now radio buttons and checkboxes can be column aligned with the .multiple class.

]]>