DQ – Module 5: Visual Design and Colors Fee: Free Practice Tests (based on CPACC Guide https://www.accessibilityassociation.org/ ) Passing score: 95% Time limit: 20 minutes Number of questions: 29 Format: Multiple Choice, Multi Answer and True/False Difficulty: Advance 0 Created on December 29, 2022 DQ - Module 5: Visual Design and Colors DQ - Module 5: Visual Design and Colors 1 / 29 Which of the following CSS methods will effectively hide content such as inactive dialogs from both screen reader users and sighted users? (Select all that apply) screenreader:hidden All of the options None of options visibility:hidden display:none 2 / 29 When the order of content in a webpage's source code does not match the visual presentation of the content, the following users may find it hard to use the page: Keyboard-only users and blind users Deaf users and deafblind users Blind users and mouse users Source code does not have to match visual presentation. 3 / 29 Which of the following groups of people are affected when only color is used to communicate information on a web page? (Select all that apply) All of the above groups are affected People who are blind B and C People who have low vision People who are colorblind 4 / 29 For screen reader users, the reading order and focus order are always the same thing. False True 5 / 29 When high contrast is activated on an operating system, a user cannot choose to have the high contrast theme override the styling of a web page. True False 6 / 29 Why is using real HTML text instead of text in an image helpful? (Select all that apply) HTML text can reflow as the viewport changes, while text in images cannot People who need to customize text for readability can apply their own CSS sheets to HTML text. None of the options All the options People who have low vision can better zoom real text, while images lose crispness 7 / 29 The line spacing within a paragraph of text should be at least 2.0. False True 8 / 29 Which categories of fonts are acceptable general-purpose fonts in terms of readability? Specialty fonts such as Papyrus and serif fonts such as Times New Roman Bold fonts such as Impact, and sans-serif fonts such as Arial Sans-serif fonts such as Arial and serif fonts such as Times New Roman Fixed-width fonts such as Courier and sans-serif fonts such as Arial 9 / 29 What is the recommended maximum number of main focus areas on a web page? One Any number is acceptable as long as they are designed well Three Two 10 / 29 A text label for a form input should never be placed adjacent to that text input. True False 11 / 29 Which of the following can impact the reading order and focus order of page content? (Select all that apply) Turning on a screen reader B and D A and D CSS positioning techniques Magnification B and C JavaScript DOM manipulation 12 / 29 CSS-generated content is universally supported by screen readers, and is recommended for use. True False 13 / 29 Which of the following text formats allows user customizability of things like color, font, size, etc.? Text embedded in a JPG image Text embedded in a Flash object Text embedded in an SVG image Text written in an HTML paragraph 14 / 29 What is the purpose of "visual white space" in web design? To allow user CSS customization To ensure sufficient color contrast To visually separate different elements of the design 15 / 29 The contrast ratio for visual focus indicators must be at least: 3 to 1 4.5 to 1 3.5 to 1 4 to 1 16 / 29 Enhancing the visual focus indicator benefits which group of users? (Select all that apply) Users who are colorblind Sighted keyboard users Users who have low vision All of the above groups are affected 17 / 29 To help people who have trouble keeping their place and following the flow of text when columns of text are too wide, you can do which of the following? (Select all that apply) Ensure the text on your website reflows as the viewport is narrowed so users can determine the column width that works for them A and C Write in short, simple sentences Use CSS to set a maximum column width of approximately 80 characters. All of the options 18 / 29 Providing alternative text for an image that communicates information using color alone is sufficient in communicating that information to users. True False 19 / 29 The best way to fix focus order problems is to use tabindex values greater than 1. False True 20 / 29 The spacing between paragraphs should be at least 1.5 times the line spacing. False True 21 / 29 If the text label for an icon is placed visually too far away from its text label, which category of users with a disability will be most affected? Blind users Deaf users Users with colorblindness Users with low vision 22 / 29 The order that screen readers navigate through page content is determined by the: (Select all that apply) Visual order of the elements on the screen: left-to-right, top-to-bottom CSS Document Object Model (DOM) All the options 23 / 29 To aid people with low vision or color deficiencies, the contrast between text and its background must be at least: 3 to 1 for small text and 2 to 1 for large text 5 to 1 for small text and 6.5 to 1 for large text 12 to 1 for small text and 8 to 1 for large text 4.5 to 1 for small text and 3 to 1 for large text 24 / 29 An inactive dialog box that is not visible to sighted users must be hidden from blind users to give them an equivalent experience. True False 25 / 29 Using distinct colors only for hover and focus on links are enough to distinguish links from normal text. False True 26 / 29 The contrast ratio for UI component boundaries must be at least: 3 to 1 2.5 to 1 4.5 to 1 5 to 1 27 / 29 From an accessibility stance, why should standard (real) text and native UI components be used instead of images of text and UI components? The use of standard text and native components allows users to customize text and colors. As long as contrast ratio requirements are met, images of text and native components can and should be used. As long as alternative text is provided, images of text and native components can and should be used. Standard text and native components give web designers more options to style the look of a web page. 28 / 29 Paragraph text should be full justified because the neat edges are less distracting for people with reading disorders False True 29 / 29 What method can be used to distinguish UI components from surrounding content? Changing the background of the UI component Using a different color for the UI component that has high contrast against the surrounding content Providing an outline around the UI component Any of the above methods can be used Your score is The average score is 0% LinkedIn Facebook Twitter 0% Restart quiz