Usable and Accessible Web Forms

Sarah Bourne Chief Technology Strategist Usable and Accessible Web Forms

Stick to the standard HTML form tags ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Be sure to use the LABEL tag ,[object Object],[object Object],[object Object],[object Object]

Use normal text for labels ,[object Object]

Text field size should make sense ,[object Object],[object Object]

Use FIELDSET tags to make logical groupings ,[object Object],[object Object],[object Object]

Use the LEGEND tag with FIELDSET ,[object Object],[object Object],[object Object]

Put "required" as part of the LABEL text ,[object Object],[object Object],[object Object]

Put "optional" as part of the LABEL text ,[object Object],[object Object],[object Object]

Use a checkbox if only two choices ,[object Object],[object Object],[object Object]

Use a vertical layout ,[object Object],[object Object],[object Object],[object Object],[object Object]

Use a vertical layout (cont.) ,[object Object],[object Object]

Applications may need horizontal layouts ,[object Object],[object Object]

Primary resources ,[object Object],[object Object],[object Object]

Usable and Accessible Web Forms

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (7)

Similar to Usable and Accessible Web Forms

Similar to Usable and Accessible Web Forms (20)

Recently uploaded

Recently uploaded (20)

Usable and Accessible Web Forms