Support

SeamlessDocs support offers articles, videos and webinars to help make sure you get the best of the SeamlessDocs platform.

Search Support

Best Practices for Creating WCAG 2.1, ADA, and 508-Accessible Forms

As of June 2018, Web Content Accessibility Guidelines (WCAG) 2.1 are in effect, representing the most up-to-date standards for developing accessible online content. Compliance is measured on the basis of whether a website is Perceivable, Operable, Understandable, and Robust.

Based on WCAG 2.1, we've compiled 10 must-haves to help you set up accessible online forms and applications.

10 Must-Haves to Set Up Accessible Online Services

  1. Allow end users to modify the form’s content to accommodate their needs, including large print, speech, simpler language, etc.
  2. Allow content to be presented in different ways, such as a simpler layout, without losing information.
  3. Make it easier for users to see content, such as separating foreground from background.
  4. Make all functionality available from a keyboard, including form submission and form management post-submission.
  5. Provide ways to help users navigate the forms.
  6. Make content readable and understandable.
  7. Make forms appear and operate in predictable ways.
  8. Help users avoid and correct mistakes when they fill out forms.
  9. Do not design form content in a way that is known to cause seizures.
  10. Maximize compatibility with current and future user agents, including assistive technologies.


In addition to the above, we've assembled a list of elements from our Web Forms that are compliant with WCAG 2.1 standards:

WCAG 2.1 Compliant Web Form ElementsHeadingSub HeadingRich Text*Email Address
Phone NumberSingle Line Input
Multi-Line InputDrop Down SelectCheckbox/Radio GroupTranslateUpload File(s)Address AutocompleteFull NameFull AddressFull DateAdd Image**Star RatingNumberEmoticonsSurvey MatrixToggleAdd to CalendarHTML Box*Upload File to BoxReceiptSignatureCheck and TextUser Session InformationSpacerSection BreakCurrency FormatDouble EntryInternational Address
Triple Entry* Due to the flexibility of certain elements, you must not add non-compliant elements via these plug-ins.
** When adding an Image, you must add an appropriate Alt Tag via the Inspector.


Not Currently WCAG 2.1 Compliant
CalculationsSeamlessPayGoogleMapsAutoCompleteDynamic ListCanvas SketchQuery Google SheetsAdd Image GalleryGoogle reCAPTCHADate PickerEmbed a Vimeo VideoAddThisEvent
Embed a YouTube VideoAddThisAcuity Scheduling


79080
|accessible online|accessible|accessibility|WCAG|WCAG 2.1|ADA|508|