Example Form

Success - Example Form

X Error(s) -Example Form

Note: when the form is submitted, list the amount of errors ("X Error(s) - ") or "Success - " in the h1

Example of an accessible form.

Introductory and instructional copy goes here.

Starred (*) fields are required.

On Success the display the success-box:

Thank you for your message!

Your message has been forwarded to CEFCU Investment Services. If you've requested information or a reply, it will be processed within one business day.

If there are errors display them in the error-box:

Put the number of errors again
List each error
link each error to the id of the input the error is on.

You have 8 Error(s)

We apologize, but your form could not be submitted for the following reason(s):

Full Name: Please enter your name.jumps to error

Street Address: Please enter your full street address.jumps to error

City: Please enter your city.jumps to error

State: Please enter your state.jumps to error

ZIP/Postal Code: Please enter a valid ZIP or Postal Code.jumps to error

Country: Please enter your country.jumps to error

Email Address: Please enter a valid email address.jumps to error

Home Phone: Please enter your Home Phone number. jumps to errorjumps to error

General Notes:

Separate common sections in fieldsets
Any instructional copy within the form needs to be associated with an input using aria (aria-describedby or aria-labelledby), or it will not be read by a screen reader.
Radio buttons and Inputs should be within a fieldset.

Your Information

type="text" example:

* indicates required but not read by screen readers, to fix this also add aria-required="true"

Helper "Example" text shown for example

Error message shown for example

Full Name* Example: John Smith Please enter your name.

textarea example:

Street Address*

Select example:

State*

Separate common sections in fieldsets

Your Interests

type="checkbox" example

Products and Services I am interested in:

Investment Planning

Education Funding and Planning

Retirement Planning

Additional Information

type="radio" example

How would you like the Investment Representative to contact you?

Primary Phone

Mail

Messages sent over the Internet may not be secure. By using this form you acknowledge that CEFCU Investment Services is not responsible for any information contained in this form which may be read or intercepted by unintended third parties.

Free Checking

Dining. Travel. Fuel. Fun.

Protect Your Assets

Example Form

Success - Example Form

X Error(s) -Example Form