1.4 Accessibility Techniques Flashcards
Why is it important to code to standards, rather than to the quirks or features of only one set of technologies?
Because technologies continually change while standards do not.
Explain the concept of progressive enhancement
It is a web design technique that progresses the user experience from basic (on older browsers) up to a more-compelling, fully-featured experience for users of newer browsers and devices with richer capabilities.
How is progressive enhancement implemented?
What is the best tool for feature detection?
The basic content is served immediately
Then, feature detection (not browser sniffing) determines what else is loaded.
Modernizer is a feature detection tool that works for both CSS and JavaScript.
Why is progressive enhancement important?
browsers that don’t support the features you are using in your code won’t display your sites properly and will just fail, creating a bad user experience.
What is the importance of testing web designs for accessibility across a variety of platforms, browsers, and assistive technologies?
To go beyond just conformance and ensure the site works for everyone.
Developers need to be aware of the limitations of specific technologies and provide content in a way that is accessible to people with disabilities.
What are the best browser/SR combos for these platforms: Window, MAC, iOS, Adroid?
Windows = Chrome/NVDA MAC = Safari/VO iPhone/iOS = Safari/VO Adroid = Chrome/TalkBack
How to tell if elements or features are inaccessible because of the site design or because of bad technology support?
Try coding it to be accessible. *** answer this again once finished with the testing courses at deque.
how to tell the difference between inaccessible content and incomplete or
faulty accessibility testing techniques.
*** answer after studying testing with deque
When is it appropriate to write code that overrides, supplements, or fixes bugs in browsers or assistive technologies? (do this only with great
caution!).
*** need the answer
What two types of checklists are needed to develop accessible sites?
Content Designer Checklist
Content Developer Checklist
What things should designers keep in mind about the page title? (2)
It should describe the topic or purpose of the page
It should be an H1
What things should designers keep in mind about Headings? (2)
The headings should look and act like such and be in proper hierarchal order
Do not style headings with html
What things should designers keep in mind about Navigation? (3)
Provide a Skip to Link
Make use of landmarks and regions
Make the content’s reading and focus order logical and intuitive.
What things should designers keep in mind about Links?
The text should describe the purpose and destination
What things should designers keep in mind about Color and Contrast? (4)
Information cannot be conveyed by color alone.
Contrast should be at least 4.5 to 1 (3 to 1 for large text)
Links should be distinguished by more than just color.
Interactive elements must show clear focus indicator
Non-text elements important for accessing and understanding content have color contrast of at least 3 to 1