Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


Section


Column

What is ADA

compliance

Compliance?

Title III of the Americans with Disabilities Act (ADA) regulates businesses to provide a website experience that works well for citizens with disabilities by meeting Web Content Accessibility Guidelines (WCAG). An ADA compliant website provides an online experience accessible to everyone, including people with disabilities. This means having a site that accommodates visually impaired users , by creating content suitable for screen-readers, using descriptive links, accessible forms, link titles, alt text on graphics and making website actions easily accessible via a keyboard.

alt text on graphics: Alternative text (Alt Text) is the metadata assigned to each image on your website explaining what the image is. It should be implemented using your website content management system or, if you don’t use one, directly in the website’s html code. So for example, the alt-text field will be available on load as shown below.Every image on your site should have descriptive alt text. This assists screen readers in deciphering content for those who are visually impaired. A screen reader isn’t able to figure out what an image is on its own, it relies on the alt text provided in the website code to read what an image contains to the user.

How Can You Test Your Booking Engine for ADA and WCAG Compliance?

To ensure that your website complies with ADA and WCAG standards, a combination of automated and manual testing is best. While many companies that specialize in building websites offer accessibility audits, it can be expensive, so I recommend that most companies opt for automated testing in addition to conducting their own manual testing.One thing to check is that your website includes alternative text (aka alt text) for each image. Alt text is a word or phrase that describes an

, etc.

BookingCenter Booking Engines and ADA Compliance

All BookingCenter Booking Engine Templates are designed with the necessary elements to meet WCAG Guidelines and have been evaluated and tested for ADA Compliance. The necessary WCAG requirements have been implemented as part of the overall design of the Booking Engine Templates and can only be seen by screen reading software and in ADA evaluation tools.

One of the most important requirements is the "Alternative Text" function is also known as the "ALT Tag" for Images. "Alternative Text"  is the meta data attached to your image and describes the image for those with a visual impairment. Having accurate

alt text

"Alt Tag" is important not only because it enables screen reading software, such as NVDA or JAWS, to describe images to visually impaired users, but also because it enables search engines to display images based on written descriptions and to display search results more accurately.

This type of testing can be tedious to do manually, so consider using an automated system to find potential violations and issues faster. The W3C has a list of web accessibility evaluation tools.Manually auditing your website for ADA and WCAG compliance involves reviewing many aspects of your site’s design. You can start by testing the frequently used colors on your website using a tool that assesses the color contrast ratio of text on top of backgrounds.
ADA compliance website

GraphicsAlternative text (Alt Text) is the metadata assigned to each image on your website explaining what the image is. It should be implemented using your website content management system or, if you don’t use one, directly in the website’s html code. So for example, if you use WordPress, the alt-text field will be available on load as shown below.Every image on your site should have descriptive alt text. This assists screen readers in deciphering content for those who are visually impaired. A screen reader isn’t able to figure out what an image is on its own, it relies on the alt text provided in the website code to read what an image contains to the user.

 

We have provided an "ALT Tag "field for each Room Type Image in MyPMS, but the descriptive text must be entered by you  "ALT Tag" field for each Room Type Image. For  step-by-step instructions on how to enter the descriptive text in the "ALT Tag" field for each Room Type Image, go to Add/Edit Room Type Images

IMPORTANT: This means that every Room Type image on your Booking Engine should have descriptive "Alt Text" entered in MyPMS to ensure that your Booking Engine complies with ADA and WCAG standards.

How Can You Test Your Booking Engine for ADA and WCAG Compliance?

After you enter the "ALT Tag" for all images, you can test your Booking Engine to ensure that it complies with ADA and WCAG standards. There a a variety of free validation tools available. We have listed several of the most popular tools to get you started.


Column
width30%
Column
width35%


Panel
titleBooking Engine

Children Display
alltrue
pageBooking Engine





Section


Column
width10%



Column
width80%



Column
width10%