Accessibility with Decision Forms, etc?

Accessibility with Decision Forms, etc?

Comments

  • Im trying to make different things accessible to those with disability and be compliant with the Americans with Disabilities Act (ADA). I cant seem to find any documentation on this matter. Is this possible with Decisions?

  • To be ADA compliant, you need to follow the Web Content Accessibility Guidelines (WCAG). Ive spoken a bit with one of our team members that has made accessible forms before, and essentially Decisions has the ability to accomplish most of the requirements for each of the three tiers, though it may be harder and a bit less intuitive for some of the features needed for the higher levels of accessibility. This team member knows for certain that he has been able to create a form that satisfied all of the requirements for Level A accessibility. Here are the WCAG guidelines filtered down to the first tier of accessibility, Level A: [url=https://www.w3.org/WAI/WCAG21/quickref/?currentsidebar=#col_customize&levels=aa,aaa]How to Meet WCAG (Quick Reference)[/url]. If you click on the Filters tab on the left-hand side, there is a section for Levels that you can toggle on for the compliance level you need to be able to meet.

    Here is a partial list of features to implement in your form creation process to help you get started in becoming Level A compliant with Forms:
    [ul][li]All forms need the "Title" filled out.[/li][li]On every label you create, click on the label and make sure the "Label for" drop down has the correct data associated with the label. [/li][li]Use plenty of watermarks as screen readers can read those.[/li][li]Every image needs to have an "Alt Text" description of what it is. [/li][li]Tab order is incredibly important to make sure that everything moves in a logical manner.[/li][li]Add in Key Triggers for things, like submitting the form, so the End User doesnt need to click on the button itself.[/li][li]The link text should be purposeful and explain where it will go. [/li][li]Images cannot flash more than 3 times. [/li][li]Ensure that the form has a certain level of contrast. The contrast level compliance can be tested with websites, like [url=https://webaim.org/resources/contrastchecker/]WebAim[/url], and implemented via the CSS Style Sheet for the form.[/li][/ul]
    There are ways to meet higher levels of compliances, like being able to reach the AA level compliance for:

    "1.3.4 Orientation Level AA (Added in 2.1)
    Content does not restrict its view and operation to a single display orientation, such as portrait or landscape, unless a specific display orientation is essential."

    This can be accomplished with responsive grid layouts which you can see being implemented within this webinar for [url=https://decisions.com/videos/mobile-forms-in-decisions-v7/]"Mobile Forms in V7"[/url] at around the 12:35 timestamp.

    This doesnt cover all of the requirements for ADA compliance, but I hope you can use these as helpful starting off points for your endeavour.

Sign In or Register to comment.