Responsive Design and Zoom Flashcards
Responsive design only benefits users with normal vision?
A. True
B. False
B. False
Creating a good responsive design with functional breakpoints on all devices (mobile AND desktop) is one of the single most effective things you can do to help people with low vision. In fact, you could kind of say that everyone has low vision, when it comes to mobile devices. The screens are so small, that if you try to fit a normal design on them, the text becomes extremely difficult or impossible to read.
Screen magnifiers are only useful to desktop users?
A. True
B. False
B. False
People with low vision need to use screen magnifiers because they can’t see things well enough otherwise. They might use the browser’s built-in zoom, but they probably need a more complete solution that can magnify the operating system too, and not just the browser. Windows, Macs, iPhones, and Android devices come with built-in zoom tools for people with low vision. There are also third-party zoom tools for desktop computers, such as ZoomText and Magic.
What is wrong with this line of code?
<meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no”>
The code disables the built in ability to pinch and zoom the site’s content. Zooming text may be required by some users. Especially those with low vision.
Which of the following is NOT true about forms
A. Form fields should not overflow the viewport.
B. Forms should be as sort as possible
C. Form labels should be close to the field
B. Forms should be as sort as possible
While there are advantages to haveing short forms there is no requirement for it.
Images are required to have their height and width assigned programatically.
A. True
B. False
B. False
Images SHOULD reflow to fill most of the width of the viewport, without causing any horizontal viewport overflow.
The following are concidred acceptable approaches for controling overflow of objects/plugins. (Check all that apply)
A. Set CSS max-width:100% on the container
B. Use the width attribute on the object/plugin
C. Use overflow:none to hide the element from screen readers.
A. Set CSS max-width:100% on the container
Objects/plugins SHOULD reflow to fill most of the width of the viewport, without causing any horizontal viewport overflow.
The page SHOULD be readable when only the text is magnified to what percentage of its initial size?
A. 100%
B. 200%
C. 300%
D. 400%
B. 200%
Which of these methods allow a mobile screen to be zoomed to 200%?
A. <meta name=”viewport” content=”user-scalable=YES” >
B. <meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=2.0; user-scalable=1” >
C. <meta name=”viewport” content=”user-scalable=no” >
D. <meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=1.0” >
B. <meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=2.0; user-scalable=1” >
The code above allows users to use pinch-to-zoom to magnify the screen to a maximum level of 200% by setting maximum-scale to 2.0. 200% is the minimum acceptable zoom level.
