PF Web Design’s Approch to ADA (Accessible Websites)
Modified on: Thu, 3 Sep, 2018 at 12:22 AM
Web accessibility is the practice of removing barriers that prevent interaction with, or access to websites, for all people. When sites are correctly designed, developed and edited, all users have equal access to information and functionality.
At PF Web Design we have over 20 years of software testing experience. That experience is now helping companies like yours that need to be W3C Compliant reach your goals.
All WCAG 2.0 Success Criteria are written as testable criteria for objectively determining if content satisfies them. Testing the Success Criteria would involve a combination of automated testing and human evaluation. The content should be tested by those who understand how people with different types of disabilities use the Web.
Testing and testable in the context refer to functional testing, that is verifying that the content functions as expected, or in this case, that it satisfies the Success Criteria. Although content may satisfy all Success Criteria, the content may not always be usable by people with a wide variety of disabilities.
Below is a very brief guide to the new changes to
ADA Compliant Standards Summary
Provide text alternatives for any non-text content
|Relates to any images or other documents added to the website.
· ALT tags for images
· No graphical buttons
· Form buttons have descriptive value
· Form inputs have labels
Provide alternatives for time-based media
|Any videos or audio files added to website will require transcripts and captions.
· Transcript for video
· Transcripts for audio
Create content that can be presented in different ways (for example simpler layout) without losing information or structure
|· Semantic markup (HTML)
· Tables have TH tags
· Reading order of the page
Make it easier for users to see and hear content including separating foreground from background
|· Contrast in links, have to be obvious
· No automatic audio play
· If text is increase (double) the page adjust and is readable
· Good contrast
· Alternative text only view
Make all functionality available from a keyboard
|· Must be able to function with a keyboard only
· Navigate with keys
· All page functionality is available using the keyboard.
Provide users enough time to read and use content
|· No auto weird stuff like a page redirecting on a timer
· We need the ability to pause any type of rotating panels
· No automatic pop-ups
Do not design content in a way that is known to cause seizures
|· No flashing stuff|
Provide ways to help users navigate, find content, and determine where they are
|· A link is provided to skip navigation and other page elements that are repeated across web pages.
· Descriptive page title (sitebuilder)
· Descriptive links and buttons
· Multiple ways are available to find other web pages on the site: Site map and search
· Descriptive links (The purpose of each link)
Make text content readable and understandable
|· Indicate language of page <html lang=”en”>
· Expansions for abbreviations are provided by expanding or explaining the definition the first time it is used
Make Web pages appear and operate in predictable ways
|· No pop-up windows
· Standard, common navigation
Help users avoid and correct mistakes
|· Form labels
· Verify a form submission