Blog
5 Things to Do Now to Ensure Your Website Forms Are Accessible
Panelists
No items found.
Blog
Connect with us to learn how Formstack can help you digitize what matters, automate workflows, and fix processes—all without code.
Differently-abled people are quite clever when it comes to work-arounds just to get through their everyday lives. There are times, though, when a work-around doesn’t work.
When it comes to technology (or anything else), a disability should not limit someone from having the same access to information as anyone else—and the U.S. Department of Education’s Office for Civil Rights agrees.
In the past few years, higher education has experienced a dramatic increase in legal action towards colleges and universities with non-ADA-compliant websites. Faced with stiff fines, schools have been working feverishly toward digital compliance, but in the process have discovered that eliminating accessibility barriers benefits all people who visit your website.
What’s more, 61 million adults in the U.S. have some type of disability, so when your website is fully compliant, the size of your audience increases. This is especially important if you use forms to gather information and feedback.
Related: Are your forms WCAG and Section 508 compliant?
Making website forms accessible requires implementing editorial and design standards that boost user experience for differently-abled people. WebAIM is a good resource for guiding you down the road to accessibility, and you can also download The Complete Guide to Digital Accessibility Compliance for Colleges and Universities for specific information on higher education compliance.
Following the lead of higher ed, the best place to start is with a form structured to improve conversions. With a solid foundation, you can then address accessibility issues.
To get a jump on form accessibility, start with these five tips:
accessibility scan to check pages for accessibility. As a bonus, it also checks for link, spelling, and SEO issues, too. Likewise, run the WAVE Web Accessibility Evaluation Tool to evaluate individual pages for accessibility issues. These scans will help you identify issues that both your website forms and general website pages have in relation to accessibility, giving you a starting point for your accessibility remediation.
The easier it is for your audience to understand why they should complete a form and how to complete it, the greater the chance of receiving a larger response. Keep in mind that instructions may be read aloud by screen readers, so be as thorough as possible.
Form instructions will tell the user how to complete a specific field. Best practices suggest providing additional instructions underneath form fields. For example, if your form field is “phone number,” you may want to include “Please include area code” as additional instruction. If you do this, make sure you format the instructions appropriately so that they will be read by a screen reader.
Placeholder text is the text that appears inside the actual form field to provide the user with examples of what to input into the form. It is usually in a lower contrast color and disappears once the user inputs information into the field. For example, in the email form field, you might include a sample email address.
Pro Tip: It’s important to note that placeholder text should not replace form field labels. Also note that while this is best practice, many older screen readers do not support placeholder text.
People with cognitive and dexterity issues may need more time to complete a form, so make sure you include an option that allows a user to turn off a time limit or extend it. This restriction doesn’t apply if the form is associated with a live event such as an auction or an online workshop.
These tips address immediate changes you can make regarding form accessibility, but your organization should also be considering a digital accessibility plan to ensure compliance for future forms and digital information. Like an editorial style guide, a digital accessibility plan provides content contributors with guidelines for posting accessible content. Even if you are not in higher education, a look through the schools’ accessibility plans below will give you ideas on how to structure one for your organization and what information should be included.
Remember, the ultimate goal for your website is accessible to all. Ensuring that your forms are accessible creates engagement and provides an interactive way for all users to communicate with your organization.
OmniUpdate is the definitive partner of choice among web content management system (CMS) providers in higher education. Backed by award-winning training and support, OmniUpdate’s OU Campus® CMS is the easiest to use with features and modules designed to meet higher ed’s unique needs.
Differently-abled people are quite clever when it comes to work-arounds just to get through their everyday lives. There are times, though, when a work-around doesn’t work.
When it comes to technology (or anything else), a disability should not limit someone from having the same access to information as anyone else—and the U.S. Department of Education’s Office for Civil Rights agrees.
In the past few years, higher education has experienced a dramatic increase in legal action towards colleges and universities with non-ADA-compliant websites. Faced with stiff fines, schools have been working feverishly toward digital compliance, but in the process have discovered that eliminating accessibility barriers benefits all people who visit your website.
What’s more, 61 million adults in the U.S. have some type of disability, so when your website is fully compliant, the size of your audience increases. This is especially important if you use forms to gather information and feedback.
Related: Are your forms WCAG and Section 508 compliant?
Making website forms accessible requires implementing editorial and design standards that boost user experience for differently-abled people. WebAIM is a good resource for guiding you down the road to accessibility, and you can also download The Complete Guide to Digital Accessibility Compliance for Colleges and Universities for specific information on higher education compliance.
Following the lead of higher ed, the best place to start is with a form structured to improve conversions. With a solid foundation, you can then address accessibility issues.
To get a jump on form accessibility, start with these five tips:
accessibility scan to check pages for accessibility. As a bonus, it also checks for link, spelling, and SEO issues, too. Likewise, run the WAVE Web Accessibility Evaluation Tool to evaluate individual pages for accessibility issues. These scans will help you identify issues that both your website forms and general website pages have in relation to accessibility, giving you a starting point for your accessibility remediation.
The easier it is for your audience to understand why they should complete a form and how to complete it, the greater the chance of receiving a larger response. Keep in mind that instructions may be read aloud by screen readers, so be as thorough as possible.
Form instructions will tell the user how to complete a specific field. Best practices suggest providing additional instructions underneath form fields. For example, if your form field is “phone number,” you may want to include “Please include area code” as additional instruction. If you do this, make sure you format the instructions appropriately so that they will be read by a screen reader.
Placeholder text is the text that appears inside the actual form field to provide the user with examples of what to input into the form. It is usually in a lower contrast color and disappears once the user inputs information into the field. For example, in the email form field, you might include a sample email address.
Pro Tip: It’s important to note that placeholder text should not replace form field labels. Also note that while this is best practice, many older screen readers do not support placeholder text.
People with cognitive and dexterity issues may need more time to complete a form, so make sure you include an option that allows a user to turn off a time limit or extend it. This restriction doesn’t apply if the form is associated with a live event such as an auction or an online workshop.
These tips address immediate changes you can make regarding form accessibility, but your organization should also be considering a digital accessibility plan to ensure compliance for future forms and digital information. Like an editorial style guide, a digital accessibility plan provides content contributors with guidelines for posting accessible content. Even if you are not in higher education, a look through the schools’ accessibility plans below will give you ideas on how to structure one for your organization and what information should be included.
Remember, the ultimate goal for your website is accessible to all. Ensuring that your forms are accessible creates engagement and provides an interactive way for all users to communicate with your organization.
OmniUpdate is the definitive partner of choice among web content management system (CMS) providers in higher education. Backed by award-winning training and support, OmniUpdate’s OU Campus® CMS is the easiest to use with features and modules designed to meet higher ed’s unique needs.
Differently-abled people are quite clever when it comes to work-arounds just to get through their everyday lives. There are times, though, when a work-around doesn’t work.
When it comes to technology (or anything else), a disability should not limit someone from having the same access to information as anyone else—and the U.S. Department of Education’s Office for Civil Rights agrees.
In the past few years, higher education has experienced a dramatic increase in legal action towards colleges and universities with non-ADA-compliant websites. Faced with stiff fines, schools have been working feverishly toward digital compliance, but in the process have discovered that eliminating accessibility barriers benefits all people who visit your website.
What’s more, 61 million adults in the U.S. have some type of disability, so when your website is fully compliant, the size of your audience increases. This is especially important if you use forms to gather information and feedback.
Related: Are your forms WCAG and Section 508 compliant?
Making website forms accessible requires implementing editorial and design standards that boost user experience for differently-abled people. WebAIM is a good resource for guiding you down the road to accessibility, and you can also download The Complete Guide to Digital Accessibility Compliance for Colleges and Universities for specific information on higher education compliance.
Following the lead of higher ed, the best place to start is with a form structured to improve conversions. With a solid foundation, you can then address accessibility issues.
To get a jump on form accessibility, start with these five tips:
accessibility scan to check pages for accessibility. As a bonus, it also checks for link, spelling, and SEO issues, too. Likewise, run the WAVE Web Accessibility Evaluation Tool to evaluate individual pages for accessibility issues. These scans will help you identify issues that both your website forms and general website pages have in relation to accessibility, giving you a starting point for your accessibility remediation.
The easier it is for your audience to understand why they should complete a form and how to complete it, the greater the chance of receiving a larger response. Keep in mind that instructions may be read aloud by screen readers, so be as thorough as possible.
Form instructions will tell the user how to complete a specific field. Best practices suggest providing additional instructions underneath form fields. For example, if your form field is “phone number,” you may want to include “Please include area code” as additional instruction. If you do this, make sure you format the instructions appropriately so that they will be read by a screen reader.
Placeholder text is the text that appears inside the actual form field to provide the user with examples of what to input into the form. It is usually in a lower contrast color and disappears once the user inputs information into the field. For example, in the email form field, you might include a sample email address.
Pro Tip: It’s important to note that placeholder text should not replace form field labels. Also note that while this is best practice, many older screen readers do not support placeholder text.
People with cognitive and dexterity issues may need more time to complete a form, so make sure you include an option that allows a user to turn off a time limit or extend it. This restriction doesn’t apply if the form is associated with a live event such as an auction or an online workshop.
These tips address immediate changes you can make regarding form accessibility, but your organization should also be considering a digital accessibility plan to ensure compliance for future forms and digital information. Like an editorial style guide, a digital accessibility plan provides content contributors with guidelines for posting accessible content. Even if you are not in higher education, a look through the schools’ accessibility plans below will give you ideas on how to structure one for your organization and what information should be included.
Remember, the ultimate goal for your website is accessible to all. Ensuring that your forms are accessible creates engagement and provides an interactive way for all users to communicate with your organization.
OmniUpdate is the definitive partner of choice among web content management system (CMS) providers in higher education. Backed by award-winning training and support, OmniUpdate’s OU Campus® CMS is the easiest to use with features and modules designed to meet higher ed’s unique needs.
Differently-abled people are quite clever when it comes to work-arounds just to get through their everyday lives. There are times, though, when a work-around doesn’t work.
When it comes to technology (or anything else), a disability should not limit someone from having the same access to information as anyone else—and the U.S. Department of Education’s Office for Civil Rights agrees.
In the past few years, higher education has experienced a dramatic increase in legal action towards colleges and universities with non-ADA-compliant websites. Faced with stiff fines, schools have been working feverishly toward digital compliance, but in the process have discovered that eliminating accessibility barriers benefits all people who visit your website.
What’s more, 61 million adults in the U.S. have some type of disability, so when your website is fully compliant, the size of your audience increases. This is especially important if you use forms to gather information and feedback.
Related: Are your forms WCAG and Section 508 compliant?
Making website forms accessible requires implementing editorial and design standards that boost user experience for differently-abled people. WebAIM is a good resource for guiding you down the road to accessibility, and you can also download The Complete Guide to Digital Accessibility Compliance for Colleges and Universities for specific information on higher education compliance.
Following the lead of higher ed, the best place to start is with a form structured to improve conversions. With a solid foundation, you can then address accessibility issues.
To get a jump on form accessibility, start with these five tips:
accessibility scan to check pages for accessibility. As a bonus, it also checks for link, spelling, and SEO issues, too. Likewise, run the WAVE Web Accessibility Evaluation Tool to evaluate individual pages for accessibility issues. These scans will help you identify issues that both your website forms and general website pages have in relation to accessibility, giving you a starting point for your accessibility remediation.
The easier it is for your audience to understand why they should complete a form and how to complete it, the greater the chance of receiving a larger response. Keep in mind that instructions may be read aloud by screen readers, so be as thorough as possible.
Form instructions will tell the user how to complete a specific field. Best practices suggest providing additional instructions underneath form fields. For example, if your form field is “phone number,” you may want to include “Please include area code” as additional instruction. If you do this, make sure you format the instructions appropriately so that they will be read by a screen reader.
Placeholder text is the text that appears inside the actual form field to provide the user with examples of what to input into the form. It is usually in a lower contrast color and disappears once the user inputs information into the field. For example, in the email form field, you might include a sample email address.
Pro Tip: It’s important to note that placeholder text should not replace form field labels. Also note that while this is best practice, many older screen readers do not support placeholder text.
People with cognitive and dexterity issues may need more time to complete a form, so make sure you include an option that allows a user to turn off a time limit or extend it. This restriction doesn’t apply if the form is associated with a live event such as an auction or an online workshop.
These tips address immediate changes you can make regarding form accessibility, but your organization should also be considering a digital accessibility plan to ensure compliance for future forms and digital information. Like an editorial style guide, a digital accessibility plan provides content contributors with guidelines for posting accessible content. Even if you are not in higher education, a look through the schools’ accessibility plans below will give you ideas on how to structure one for your organization and what information should be included.
Remember, the ultimate goal for your website is accessible to all. Ensuring that your forms are accessible creates engagement and provides an interactive way for all users to communicate with your organization.
OmniUpdate is the definitive partner of choice among web content management system (CMS) providers in higher education. Backed by award-winning training and support, OmniUpdate’s OU Campus® CMS is the easiest to use with features and modules designed to meet higher ed’s unique needs.
Collecting payments with online forms is easy, but first, you have to choose the right payment gateway. Browse the providers in our gateway credit card processing comparison chart to find the best option for your business. Then sign up for Formstack Forms, customize your payment forms, and start collecting profits in minutes.
NOTE: These amounts reflect the monthly subscription for the payment provider. Formstack does not charge a fee to integrate with any of our payment partners.
Differently-abled people are quite clever when it comes to work-arounds just to get through their everyday lives. There are times, though, when a work-around doesn’t work.
When it comes to technology (or anything else), a disability should not limit someone from having the same access to information as anyone else—and the U.S. Department of Education’s Office for Civil Rights agrees.
In the past few years, higher education has experienced a dramatic increase in legal action towards colleges and universities with non-ADA-compliant websites. Faced with stiff fines, schools have been working feverishly toward digital compliance, but in the process have discovered that eliminating accessibility barriers benefits all people who visit your website.
What’s more, 61 million adults in the U.S. have some type of disability, so when your website is fully compliant, the size of your audience increases. This is especially important if you use forms to gather information and feedback.
Related: Are your forms WCAG and Section 508 compliant?
Making website forms accessible requires implementing editorial and design standards that boost user experience for differently-abled people. WebAIM is a good resource for guiding you down the road to accessibility, and you can also download The Complete Guide to Digital Accessibility Compliance for Colleges and Universities for specific information on higher education compliance.
Following the lead of higher ed, the best place to start is with a form structured to improve conversions. With a solid foundation, you can then address accessibility issues.
To get a jump on form accessibility, start with these five tips:
accessibility scan to check pages for accessibility. As a bonus, it also checks for link, spelling, and SEO issues, too. Likewise, run the WAVE Web Accessibility Evaluation Tool to evaluate individual pages for accessibility issues. These scans will help you identify issues that both your website forms and general website pages have in relation to accessibility, giving you a starting point for your accessibility remediation.
The easier it is for your audience to understand why they should complete a form and how to complete it, the greater the chance of receiving a larger response. Keep in mind that instructions may be read aloud by screen readers, so be as thorough as possible.
Form instructions will tell the user how to complete a specific field. Best practices suggest providing additional instructions underneath form fields. For example, if your form field is “phone number,” you may want to include “Please include area code” as additional instruction. If you do this, make sure you format the instructions appropriately so that they will be read by a screen reader.
Placeholder text is the text that appears inside the actual form field to provide the user with examples of what to input into the form. It is usually in a lower contrast color and disappears once the user inputs information into the field. For example, in the email form field, you might include a sample email address.
Pro Tip: It’s important to note that placeholder text should not replace form field labels. Also note that while this is best practice, many older screen readers do not support placeholder text.
People with cognitive and dexterity issues may need more time to complete a form, so make sure you include an option that allows a user to turn off a time limit or extend it. This restriction doesn’t apply if the form is associated with a live event such as an auction or an online workshop.
These tips address immediate changes you can make regarding form accessibility, but your organization should also be considering a digital accessibility plan to ensure compliance for future forms and digital information. Like an editorial style guide, a digital accessibility plan provides content contributors with guidelines for posting accessible content. Even if you are not in higher education, a look through the schools’ accessibility plans below will give you ideas on how to structure one for your organization and what information should be included.
Remember, the ultimate goal for your website is accessible to all. Ensuring that your forms are accessible creates engagement and provides an interactive way for all users to communicate with your organization.
OmniUpdate is the definitive partner of choice among web content management system (CMS) providers in higher education. Backed by award-winning training and support, OmniUpdate’s OU Campus® CMS is the easiest to use with features and modules designed to meet higher ed’s unique needs.
Differently-abled people are quite clever when it comes to work-arounds just to get through their everyday lives. There are times, though, when a work-around doesn’t work.
When it comes to technology (or anything else), a disability should not limit someone from having the same access to information as anyone else—and the U.S. Department of Education’s Office for Civil Rights agrees.
In the past few years, higher education has experienced a dramatic increase in legal action towards colleges and universities with non-ADA-compliant websites. Faced with stiff fines, schools have been working feverishly toward digital compliance, but in the process have discovered that eliminating accessibility barriers benefits all people who visit your website.
What’s more, 61 million adults in the U.S. have some type of disability, so when your website is fully compliant, the size of your audience increases. This is especially important if you use forms to gather information and feedback.
Related: Are your forms WCAG and Section 508 compliant?
Making website forms accessible requires implementing editorial and design standards that boost user experience for differently-abled people. WebAIM is a good resource for guiding you down the road to accessibility, and you can also download The Complete Guide to Digital Accessibility Compliance for Colleges and Universities for specific information on higher education compliance.
Following the lead of higher ed, the best place to start is with a form structured to improve conversions. With a solid foundation, you can then address accessibility issues.
To get a jump on form accessibility, start with these five tips:
accessibility scan to check pages for accessibility. As a bonus, it also checks for link, spelling, and SEO issues, too. Likewise, run the WAVE Web Accessibility Evaluation Tool to evaluate individual pages for accessibility issues. These scans will help you identify issues that both your website forms and general website pages have in relation to accessibility, giving you a starting point for your accessibility remediation.
The easier it is for your audience to understand why they should complete a form and how to complete it, the greater the chance of receiving a larger response. Keep in mind that instructions may be read aloud by screen readers, so be as thorough as possible.
Form instructions will tell the user how to complete a specific field. Best practices suggest providing additional instructions underneath form fields. For example, if your form field is “phone number,” you may want to include “Please include area code” as additional instruction. If you do this, make sure you format the instructions appropriately so that they will be read by a screen reader.
Placeholder text is the text that appears inside the actual form field to provide the user with examples of what to input into the form. It is usually in a lower contrast color and disappears once the user inputs information into the field. For example, in the email form field, you might include a sample email address.
Pro Tip: It’s important to note that placeholder text should not replace form field labels. Also note that while this is best practice, many older screen readers do not support placeholder text.
People with cognitive and dexterity issues may need more time to complete a form, so make sure you include an option that allows a user to turn off a time limit or extend it. This restriction doesn’t apply if the form is associated with a live event such as an auction or an online workshop.
These tips address immediate changes you can make regarding form accessibility, but your organization should also be considering a digital accessibility plan to ensure compliance for future forms and digital information. Like an editorial style guide, a digital accessibility plan provides content contributors with guidelines for posting accessible content. Even if you are not in higher education, a look through the schools’ accessibility plans below will give you ideas on how to structure one for your organization and what information should be included.
Remember, the ultimate goal for your website is accessible to all. Ensuring that your forms are accessible creates engagement and provides an interactive way for all users to communicate with your organization.
OmniUpdate is the definitive partner of choice among web content management system (CMS) providers in higher education. Backed by award-winning training and support, OmniUpdate’s OU Campus® CMS is the easiest to use with features and modules designed to meet higher ed’s unique needs.
Differently-abled people are quite clever when it comes to work-arounds just to get through their everyday lives. There are times, though, when a work-around doesn’t work.
When it comes to technology (or anything else), a disability should not limit someone from having the same access to information as anyone else—and the U.S. Department of Education’s Office for Civil Rights agrees.
In the past few years, higher education has experienced a dramatic increase in legal action towards colleges and universities with non-ADA-compliant websites. Faced with stiff fines, schools have been working feverishly toward digital compliance, but in the process have discovered that eliminating accessibility barriers benefits all people who visit your website.
What’s more, 61 million adults in the U.S. have some type of disability, so when your website is fully compliant, the size of your audience increases. This is especially important if you use forms to gather information and feedback.
Related: Are your forms WCAG and Section 508 compliant?
Making website forms accessible requires implementing editorial and design standards that boost user experience for differently-abled people. WebAIM is a good resource for guiding you down the road to accessibility, and you can also download The Complete Guide to Digital Accessibility Compliance for Colleges and Universities for specific information on higher education compliance.
Following the lead of higher ed, the best place to start is with a form structured to improve conversions. With a solid foundation, you can then address accessibility issues.
To get a jump on form accessibility, start with these five tips:
accessibility scan to check pages for accessibility. As a bonus, it also checks for link, spelling, and SEO issues, too. Likewise, run the WAVE Web Accessibility Evaluation Tool to evaluate individual pages for accessibility issues. These scans will help you identify issues that both your website forms and general website pages have in relation to accessibility, giving you a starting point for your accessibility remediation.
The easier it is for your audience to understand why they should complete a form and how to complete it, the greater the chance of receiving a larger response. Keep in mind that instructions may be read aloud by screen readers, so be as thorough as possible.
Form instructions will tell the user how to complete a specific field. Best practices suggest providing additional instructions underneath form fields. For example, if your form field is “phone number,” you may want to include “Please include area code” as additional instruction. If you do this, make sure you format the instructions appropriately so that they will be read by a screen reader.
Placeholder text is the text that appears inside the actual form field to provide the user with examples of what to input into the form. It is usually in a lower contrast color and disappears once the user inputs information into the field. For example, in the email form field, you might include a sample email address.
Pro Tip: It’s important to note that placeholder text should not replace form field labels. Also note that while this is best practice, many older screen readers do not support placeholder text.
People with cognitive and dexterity issues may need more time to complete a form, so make sure you include an option that allows a user to turn off a time limit or extend it. This restriction doesn’t apply if the form is associated with a live event such as an auction or an online workshop.
These tips address immediate changes you can make regarding form accessibility, but your organization should also be considering a digital accessibility plan to ensure compliance for future forms and digital information. Like an editorial style guide, a digital accessibility plan provides content contributors with guidelines for posting accessible content. Even if you are not in higher education, a look through the schools’ accessibility plans below will give you ideas on how to structure one for your organization and what information should be included.
Remember, the ultimate goal for your website is accessible to all. Ensuring that your forms are accessible creates engagement and provides an interactive way for all users to communicate with your organization.
OmniUpdate is the definitive partner of choice among web content management system (CMS) providers in higher education. Backed by award-winning training and support, OmniUpdate’s OU Campus® CMS is the easiest to use with features and modules designed to meet higher ed’s unique needs.
Differently-abled people are quite clever when it comes to work-arounds just to get through their everyday lives. There are times, though, when a work-around doesn’t work.
When it comes to technology (or anything else), a disability should not limit someone from having the same access to information as anyone else—and the U.S. Department of Education’s Office for Civil Rights agrees.
In the past few years, higher education has experienced a dramatic increase in legal action towards colleges and universities with non-ADA-compliant websites. Faced with stiff fines, schools have been working feverishly toward digital compliance, but in the process have discovered that eliminating accessibility barriers benefits all people who visit your website.
What’s more, 61 million adults in the U.S. have some type of disability, so when your website is fully compliant, the size of your audience increases. This is especially important if you use forms to gather information and feedback.
Related: Are your forms WCAG and Section 508 compliant?
Making website forms accessible requires implementing editorial and design standards that boost user experience for differently-abled people. WebAIM is a good resource for guiding you down the road to accessibility, and you can also download The Complete Guide to Digital Accessibility Compliance for Colleges and Universities for specific information on higher education compliance.
Following the lead of higher ed, the best place to start is with a form structured to improve conversions. With a solid foundation, you can then address accessibility issues.
To get a jump on form accessibility, start with these five tips:
accessibility scan to check pages for accessibility. As a bonus, it also checks for link, spelling, and SEO issues, too. Likewise, run the WAVE Web Accessibility Evaluation Tool to evaluate individual pages for accessibility issues. These scans will help you identify issues that both your website forms and general website pages have in relation to accessibility, giving you a starting point for your accessibility remediation.
The easier it is for your audience to understand why they should complete a form and how to complete it, the greater the chance of receiving a larger response. Keep in mind that instructions may be read aloud by screen readers, so be as thorough as possible.
Form instructions will tell the user how to complete a specific field. Best practices suggest providing additional instructions underneath form fields. For example, if your form field is “phone number,” you may want to include “Please include area code” as additional instruction. If you do this, make sure you format the instructions appropriately so that they will be read by a screen reader.
Placeholder text is the text that appears inside the actual form field to provide the user with examples of what to input into the form. It is usually in a lower contrast color and disappears once the user inputs information into the field. For example, in the email form field, you might include a sample email address.
Pro Tip: It’s important to note that placeholder text should not replace form field labels. Also note that while this is best practice, many older screen readers do not support placeholder text.
People with cognitive and dexterity issues may need more time to complete a form, so make sure you include an option that allows a user to turn off a time limit or extend it. This restriction doesn’t apply if the form is associated with a live event such as an auction or an online workshop.
These tips address immediate changes you can make regarding form accessibility, but your organization should also be considering a digital accessibility plan to ensure compliance for future forms and digital information. Like an editorial style guide, a digital accessibility plan provides content contributors with guidelines for posting accessible content. Even if you are not in higher education, a look through the schools’ accessibility plans below will give you ideas on how to structure one for your organization and what information should be included.
Remember, the ultimate goal for your website is accessible to all. Ensuring that your forms are accessible creates engagement and provides an interactive way for all users to communicate with your organization.
OmniUpdate is the definitive partner of choice among web content management system (CMS) providers in higher education. Backed by award-winning training and support, OmniUpdate’s OU Campus® CMS is the easiest to use with features and modules designed to meet higher ed’s unique needs.
Differently-abled people are quite clever when it comes to work-arounds just to get through their everyday lives. There are times, though, when a work-around doesn’t work.
When it comes to technology (or anything else), a disability should not limit someone from having the same access to information as anyone else—and the U.S. Department of Education’s Office for Civil Rights agrees.
In the past few years, higher education has experienced a dramatic increase in legal action towards colleges and universities with non-ADA-compliant websites. Faced with stiff fines, schools have been working feverishly toward digital compliance, but in the process have discovered that eliminating accessibility barriers benefits all people who visit your website.
What’s more, 61 million adults in the U.S. have some type of disability, so when your website is fully compliant, the size of your audience increases. This is especially important if you use forms to gather information and feedback.
Related: Are your forms WCAG and Section 508 compliant?
Making website forms accessible requires implementing editorial and design standards that boost user experience for differently-abled people. WebAIM is a good resource for guiding you down the road to accessibility, and you can also download The Complete Guide to Digital Accessibility Compliance for Colleges and Universities for specific information on higher education compliance.
Following the lead of higher ed, the best place to start is with a form structured to improve conversions. With a solid foundation, you can then address accessibility issues.
To get a jump on form accessibility, start with these five tips:
accessibility scan to check pages for accessibility. As a bonus, it also checks for link, spelling, and SEO issues, too. Likewise, run the WAVE Web Accessibility Evaluation Tool to evaluate individual pages for accessibility issues. These scans will help you identify issues that both your website forms and general website pages have in relation to accessibility, giving you a starting point for your accessibility remediation.
The easier it is for your audience to understand why they should complete a form and how to complete it, the greater the chance of receiving a larger response. Keep in mind that instructions may be read aloud by screen readers, so be as thorough as possible.
Form instructions will tell the user how to complete a specific field. Best practices suggest providing additional instructions underneath form fields. For example, if your form field is “phone number,” you may want to include “Please include area code” as additional instruction. If you do this, make sure you format the instructions appropriately so that they will be read by a screen reader.
Placeholder text is the text that appears inside the actual form field to provide the user with examples of what to input into the form. It is usually in a lower contrast color and disappears once the user inputs information into the field. For example, in the email form field, you might include a sample email address.
Pro Tip: It’s important to note that placeholder text should not replace form field labels. Also note that while this is best practice, many older screen readers do not support placeholder text.
People with cognitive and dexterity issues may need more time to complete a form, so make sure you include an option that allows a user to turn off a time limit or extend it. This restriction doesn’t apply if the form is associated with a live event such as an auction or an online workshop.
These tips address immediate changes you can make regarding form accessibility, but your organization should also be considering a digital accessibility plan to ensure compliance for future forms and digital information. Like an editorial style guide, a digital accessibility plan provides content contributors with guidelines for posting accessible content. Even if you are not in higher education, a look through the schools’ accessibility plans below will give you ideas on how to structure one for your organization and what information should be included.
Remember, the ultimate goal for your website is accessible to all. Ensuring that your forms are accessible creates engagement and provides an interactive way for all users to communicate with your organization.
OmniUpdate is the definitive partner of choice among web content management system (CMS) providers in higher education. Backed by award-winning training and support, OmniUpdate’s OU Campus® CMS is the easiest to use with features and modules designed to meet higher ed’s unique needs.
