The Best Website Builder also provides
you the best ADA compliance!

We Take ADA Compliance Seriously


We are dedicated to ensuring that our platform and our websites are as accessible as possible for every administrators, general user and community member. While no one can guarantee 100% compliance at all times, we can say with confidence that every website function and application on your website will meet ADA compliance requirement to ensure you can deliver ALL content to ALL users.

How do we do it? At the top of all of our websites is a simple "ADA Button" that gives users the opportunity to instantly convert your entire fully-styled website into a format that is completely ADA and screen-reader compliant so that users with any type of disabilities may quickly and easily read your website through whatever means they require. Regardless of the type of content entered by the site administrator, this button will instantly remove all non-compliant code and styling, making your site immediately usable by users with special needs or requirements.

I WANT A WEBSITE has partnered with a leading ADA specialist, UserWay, to make the most of their advanced ADA compliance tools to ensure that all users have equal access and website usability, regardless of their needs or special requirements. UserWay is continually updating and maintaining their application, to change it as the rules and regulations regarding ADA requirements are updated. These updates are automatically pushed to all CampusContact websites so that you can rest assured that your website and it's compliance tools are always up to date.

Whether the user requires small fonts, large fonts, high contrast, or uses any type of screen-reader device, they will be able to do so without issue through the automatically converted form of your website with just a single click or key stroke. Users can also switch back to the fully-styled version of the website with just a single click.

The following five areas of focus don’t solve every accessibility issue,
but they can go a long way to make a website more usable for everyone.
1. Pay attention to your alt text.

Who we’re helping: users with little or no vision or who have turned off images to save data.

Your alt text should describe the image and should be as meaningful as possible. It should be descriptive and contextual as it concisely conveys the same information that sighted users can get at a glance.

Also, make sure your alt text ends with a period to help screen readers know when to stop.

Example: For the image below, the alt text should not repeat the text overlay or call it a "cow." Instead, it should describe the image as "a black cow being fed by hand outdoors."
a black cow being fed by hand outdoors

2. Make sure your text is readable.

Who we’re helping: users with little or no vision or who have cognitive disabilities.

Pay attention to text size, text color and background color. You'll need need high contrast between the text and its background, but in addition, it also needs sufficient font size.

Contrast is important for users who have color blindness, and developers can measure contrast for their color choices using a variety of online tools.
I WANT A WEBSITE ADA Image

3. Color should not convey meaning.

Who we’re helping: users who have little or no vision or who have cognitive disabilities.

Links should stand out without relying on color differences alone. You can also use text labels or icons or an underline to convey those meanings or differences.

The following example shows how links appear to users with different types of color blindness – and solutions to make the content more accessible.
I WANT A WEBSITE ADA Image

4. Make forms a little less painful.

Who we’re helping: users who have little or no vision, who have cognitive disabilities or who have limited dexterity.

Adding labels and placeholder text to fields in forms helps users who rely on screen readers. Also, adding icons to differentiate fields can help users who have trouble distinguishing colors.

It’s important to indicate where the user should be focused when using just a keyboard to navigate forms.

Also, websites should deliver good user feedback to confirm successful transactions or explain issues preventing actions from being completed.
I WANT A WEBSITE ADA Image

5. Help your users avoid keyboard traps.

Who we’re helping: users who have little or no vision, users who rely on screen readers and users who have limited dexterity.

A keyboard trap occurs when a person who uses a keyboard to navigate a web page is unable to move focus away from an interactive element without a mouse – for example, when a modal can’t be closed.

Establishing a focus order that follows the page sequentially and making focus states visually obvious (as shown below) can help keep users moving through their options.
I WANT A WEBSITE ADA Image

Small business websites from I Want A Website

The WCAG 2.0 Standards

The principles, guidelines and success criteria in WCAG stay fixed, but techniques are periodically updated, so the UserWay tools are continually updated to meet with current and future guideline changes and updates as they are made public. 

The four basic principles involved in WCAG compliance are that all websites must be perceivable, operable, understandable, and robust, or POUR. Within each principle are guidelines, and within each guideline are techniques and failure examples.

Here's a list directly from W3C and WAI:

Perceivable
  • Provide text alternatives for non-text content.
  • Provide captions and other alternatives for multimedia.
  • Create content that can be presented in different ways,
  • including by assistive technologies, without losing meaning.
  • Make it easier for users to see and hear content.
Operable
  • Make all functionality available from a keyboard.
  • Give users enough time to read and use content.
  • Do not use content that causes seizures.
  • Help users navigate and find content.
Understandable
  • Make text readable and understandable.
  • Make content appear and operate in predictable ways.
  • Help users avoid and correct mistakes.
Robust
  • Maximize compatibility with current and future user tools

Description Title

Level A conformity isn't difficult, but it also provides the least benefit to impaired users. The focus of this level is making it easier for browser readers to navigate and translate the site. While this is an improvement for many websites, it doesn't make a site as accessible as the DOJ would like it to be. 

Description Title

Level AA is a little more significant, and makes sites accessible to people with a wider range of disabilities, including the most common barriers to use. It won't impact the look and feel of the site as much as Level AAA compliance, though it does include guidance on color contrast anderror identification. Most businesses should be aiming for Level AA conformity, and it appears to reflect the level of accessibility the DOJ expects. 


WCAG 2.0 Level AA is roughly equivalent to the standards in Section 508, although WCAG documentation is more specific and more clearly defined than what's included in Section 508. 

Description Title

Level AAA is the most demanding level of accessibility compliance, and it will significantly affect the design of the site. However, it also makes a website accessible to the widest range of people with disabilities.


As mentioned above, under each WCAG 2.0 principle is a list of guidelines, and under each guideline are compliance standards, with techniques and failure examples at each level. Some guidelines include only Level A items; others include items for multiple levels of conformance, building from A to AAA. At each stage, you can easily see what more you would need to do to reach Level AA or AAA. In this way,many websites include elements at multiple levels of accessibility.

Sample small business website design from iwantawebsite custom website design for small business websites

We've got the best website builder so you can build the best website

The Best Website Builder So You Can Build Your Best Website
Contact us for a complete tour to see what I WANT A WEBSITE can do for your website.

Share by: