{"id":788,"date":"2019-01-10T21:09:47","date_gmt":"2019-01-10T21:09:47","guid":{"rendered":"https:\/\/pressbooks.library.ryerson.ca\/wafd\/?post_type=back-matter&#038;p=788"},"modified":"2022-12-16T17:23:51","modified_gmt":"2022-12-16T17:23:51","slug":"answer-key-self-tests","status":"publish","type":"back-matter","link":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/back-matter\/answer-key-self-tests\/","title":{"raw":"Answer Key: Self-Tests","rendered":"Answer Key: Self-Tests"},"content":{"raw":"<h2><a id=\"test1\"><\/a>Self-Test 1<\/h2>\r\n<strong>1.<\/strong> What options are there for submitting assignments? Choose all that apply.\r\n<p style=\"padding-left: 30px;\">[Incorrect] a. Upload files to the assignment dropbox in Pressbooks.\r\n<span style=\"background-color: #ccffcc;\">[Correct] b. Submit a URL to your files on GitHub.<\/span>\r\n[Incorrect] c. Email your assignment to the instructor.\r\n<span style=\"background-color: #ccffcc;\">[Correct] d. Submit a URL to your files on a server you have FTP access to.<\/span>\r\n[Incorrect] e. Upload files to the assignment DropBox folder.<\/p>\r\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> You may submit a URL to your activity files either on GitHub (i.e., GitHub Pages), or on a web server you have FTP access to.<\/p>\r\n<strong>2.<\/strong> Where can you get a copy of the activity files? Choose all that apply.\r\n<p style=\"padding-left: 30px;\">[Incorrect] a. Downloading from the activity file manager\r\n<span style=\"background-color: #ccffcc;\">[Correct] b. Forking and cloning from GitHub<\/span>\r\n<span style=\"background-color: #ccffcc;\">[Correct] c. Downloading from GitHub<\/span>\r\n[Incorrect] d. Ask the instructor to email them to you\r\n[Incorrect] e. Download them from the assignment DropBox folder<\/p>\r\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> You may download the learnaria.github.io repository files from github.com, or you may fork the repository to your own GitHub account and clone them from there into your own development environment.<\/p>\r\n<strong>3.<\/strong> What prerequisite knowledge is needed to be effective with the activities in this resource? Choose all that apply.\r\n<p style=\"padding-left: 30px;\">[Incorrect] a. No prerequisite knowledge is required.\r\n[Incorrect] b. The ability to write JavaScript\r\n<span style=\"background-color: #ccffcc;\">[Correct] c. The ability to read and understand JavaScript<\/span>\r\n<span style=\"background-color: #ccffcc;\">[Correct] d. The ability to read and understand HTML<\/span>\r\n[Incorrect] e. A strong understanding of WCAG 2<\/p>\r\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> Coding experience is strongly recommended but not absolutely necessary to follow along. Your ability to read and understand JavaScript and HTML code will determine your success with the activities in this resource.<\/p>\r\n<strong>4.<\/strong> When working with ChromeVox, what key or key combination can be used to stop it from speaking?\r\n<p style=\"padding-left: 30px;\">[Incorrect] a. Alt\r\n[Incorrect] b. Cvox + Q\r\n[Incorrect] c. Cvox + D\r\n<span style=\"background-color: #ccffcc;\">[Correct] d. Ctrl<\/span>\r\n[Incorrect] e. Cvox + S<\/p>\r\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> The most asked question when using ChromeVox is how to stop it from speaking. Simply press the Ctrl (control) key.<\/p>\r\n<strong>5.<\/strong> When working with ChromeVox, what key or key combination can be used to turn it off, or on.\r\n<p style=\"padding-left: 30px;\">[Incorrect] a. Esc\r\n<span style=\"background-color: #ccffcc;\">[Correct] b. Cvox + A + A<\/span>\r\n[Incorrect] c. Cvox + Q\r\n[Incorrect] d. Cvox + D\r\n[Incorrect] e. Ctrl + F5<\/p>\r\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> The second most asked question is how to turn ChromeVox on or off without having to find your way through Manage Extensions. Press Cvox+A+A to turn the screen reader on or off while using the Chrome web browser.<\/p>\r\n<strong>6.<\/strong> WAI-ARIA is part of HTML5 and will not work when older versions of HTML are being used.\r\n<p style=\"padding-left: 30px;\">[Incorrect] a. True\r\n<span style=\"background-color: #ccffcc;\">[Correct] b. False<\/span><\/p>\r\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> WAI-ARIA works fine with older versions of HTML, though when validating older HTML, it will produce errors or warnings. These errors or warnings can be safely ignored.<\/p>\r\n<a href=\"https:\/\/pressbooks.library.torontomu.ca\/wafd\/chapter\/1-9-self-test-1\/\">Back to Self-Test 1<\/a>\r\n\r\n<hr \/>\r\n\r\n<h2><a href=\"https:\/\/pressbooks.library.torontomu.ca\/wafd\/chapter\/2-10-self-test-2\/\"><\/a><a id=\"test2\"><\/a>Self-Test 2<\/h2>\r\n<strong>1.<\/strong> When creating a registration form for a website, it is important to use role=\"form\" with the element to ensure screen reader users understand they are entering a form.\r\n<p style=\"padding-left: 30px;\">[Incorrect] a. True\r\n<span style=\"background-color: #ccffcc;\">[Correct] b. False<\/span><\/p>\r\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> A form element has its semantics defined by default, and thus does not need a WAI-ARIA role defined. When using HTML in a standard way, WAI-ARIA should not be used, with a few exceptions.<\/p>\r\n<strong>2.<\/strong> When talking about WAI-ARIA, we are referring to:\r\n<p style=\"padding-left: 30px;\">[Incorrect] a. Roles, settings, and properties\r\n[Incorrect] b. Roles, options, and preferences\r\n<span style=\"background-color: #ccffcc;\">[Correct] c. Roles, states, and properties<\/span>\r\n[Incorrect] d. Elements, attributes, and functions\r\n[Incorrect] e. Elements, options, and preferences<\/p>\r\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> WAI-ARIA is made up of HTML attributes that define roles, states, and properties.<\/p>\r\n<strong>3.<\/strong> Which of the following are not WAI-ARIA roles? Choose all that apply.\r\n<p style=\"padding-left: 30px;\">[Incorrect] a. menu\r\n[Incorrect] b. navigation\r\n<span style=\"background-color: #ccffcc;\">[Correct] c. aria-label<\/span>\r\n<span style=\"background-color: #ccffcc;\">[Correct] d. tabindex<\/span>\r\n<span style=\"background-color: #ccffcc;\">[Correct] e. aria-describedby<\/span>\r\n<span style=\"background-color: #ccffcc;\">[Correct] f. aria-checked<\/span>\r\n[Incorrect] g. complementary\r\n<span style=\"background-color: #ccffcc;\">[Correct] h. footer<\/span>\r\n[Incorrect] i. banner<\/p>\r\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> Any WAI-ARIA attribute that is prefixed with \"aria-\" will be a state or property, not a role. The tabindex attribute is a special case, extending tabindex in previous versions of HTML, but it is not a role. Footer is not defined in WAI-ARIA.<\/p>\r\n<strong>4.<\/strong> WAI-ARIA Properties tend not to change.\r\n<p style=\"padding-left: 30px;\"><span style=\"background-color: #ccffcc;\">[Correct] a. True<\/span>\r\n[Incorrect] b. False<\/p>\r\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> True. States tend to change. Properties do not.<\/p>\r\n<strong>5.<\/strong> WAI-ARIA States tend not to change.\r\n<p style=\"padding-left: 30px;\">[Incorrect] a. True\r\n<span style=\"background-color: #ccffcc;\">[Correct] b. False<\/span><\/p>\r\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> False. States do tend to change.<\/p>\r\n<strong>6.<\/strong> Which of the following tend to be used dynamically, with values updated using scripting? Choose all that apply.\r\n<p style=\"padding-left: 30px;\">[Incorrect] a. role=\"menu\"\r\n<span style=\"background-color: #ccffcc;\">[Correct] b. aria-disabled=\"true\"<\/span>\r\n[Incorrect] c. aria-haspopup=\"true\"\r\n[Incorrect] d. aria-modal=\"true\"\r\n<span style=\"background-color: #ccffcc;\">[Correct] e. aria-checked=\"true\"<\/span>\r\n<span style=\"background-color: #ccffcc;\">[Correct] f. aria-expanded=\"false\"<\/span>\r\n<span style=\"background-color: #ccffcc;\">[Correct] g. aria-hidden=\"true\"<\/span><\/p>\r\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> Typically states will be dynamically updated with scripting (aria-disabled, aria-checked, aria-expanded, aria-hidden) while properties tend to be static and do not usually change (aria-haspopup, aria-modal). Roles also tend to be static, and do not require updating values with scripting.<\/p>\r\n<strong>7.<\/strong> ______________ starts with a version that works for everyone, then adds features when they are supported.\r\n<p style=\"padding-left: 30px;\">[Incorrect] a. Graceful degradation\r\n<span style=\"background-color: #ccffcc;\">[Correct] b. Progressive enhancement<\/span><\/p>\r\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> Progressive enhancements starts with a base version that works for everyone, and are \u201cenhanced\u201d with additional features where they are supported.<\/p>\r\n<strong>8.<\/strong> Generally, which method is preferred?\r\n<p style=\"padding-left: 30px;\">[Incorrect] a. Graceful degradation\r\n<span style=\"background-color: #ccffcc;\">[Correct] b. Progressive enhancement<\/span><\/p>\r\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> For broadest support, progressive enhancement is generally preferred to ensure that regardless of the technology a person may be using, there will always be a functional version available.<\/p>\r\n<a href=\"https:\/\/pressbooks.library.torontomu.ca\/wafd\/chapter\/2-10-self-test-2\/\">Back to Self-Test 2<\/a>\r\n\r\n<hr \/>\r\n\r\n<h2><a id=\"test3\"><\/a>Self-Test 3<\/h2>\r\n<strong>1.<\/strong> Which of the following are landmark roles? Choose all that apply.\r\n<p style=\"padding-left: 30px;\">[Incorrect] a. menu\r\n<span style=\"background-color: #ccffcc;\">[Correct] b. navigation<\/span>\r\n[Incorrect] c. aria-label\r\n[Incorrect] d. tabindex\r\n[Incorrect] e. aria-describedby\r\n[Incorrect] f. aria-checked\r\n<span style=\"background-color: #ccffcc;\">[Correct] g. complementary<\/span>\r\n[Incorrect] h. footer\r\n<span style=\"background-color: #ccffcc;\">[Correct] i. banner<\/span><\/p>\r\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> Navigation, complementary, and banner are landmark roles.<\/p>\r\n<p style=\"padding-left: 30px;\"><strong>2.<\/strong> Which would usually be the best approach to provide feedback to a screen reader user with a message that an operation just completed was successful or has failed presenting an error message?<\/p>\r\n<p style=\"padding-left: 30px;\">[Incorrect] a. aria-live=\"polite\"\r\n<span style=\"background-color: #ccffcc;\">[Correct] b. role=\"alert\"<\/span>\r\n[Incorrect] c. role=\"alertdialog\"\r\n[Incorrect] d. role=\"dialog\"\r\n[Incorrect] e. aria-modal=\"true\"<\/p>\r\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> Though you could use aria-live=\"polite\" to present feedback, the best approach is usually to use role=\"alert\".<\/p>\r\n<strong>3.<\/strong> Keyboard interaction in web widgets and applications should be (choose all that apply):\r\n<span style=\"background-color: #ccffcc;\"><\/span>\r\n<p style=\"padding-left: 30px;\"><span style=\"background-color: #ccffcc;\">[Correct] a. Predictable<\/span>\r\n[Incorrect] b. Redundant\r\n[Incorrect] c. Easy\r\n<span style=\"background-color: #ccffcc;\">[Correct] d. Consistent<\/span>\r\n<span style=\"background-color: #ccffcc;\">[Correct] e. Conventional<\/span><\/p>\r\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> Keyboard interaction should be predictable, consistent, and conventional.<\/p>\r\n<strong>4.<\/strong> Which of the following WAI-ARIA roles, when active, would disable keyboard access to the file menu in a web browser?\r\n<span style=\"background-color: #ccffcc;\"><\/span>\r\n<p style=\"padding-left: 30px;\"><span style=\"background-color: #ccffcc;\">[Correct] a. Application<\/span>\r\n[Incorrect] b. Menu\r\n[Incorrect] c. Menubar\r\n[Incorrect] d. Navigation\r\n[Incorrect] e. Presentation<\/p>\r\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> The application role would disable the browser\u2019s file menu.<\/p>\r\n<strong>5.<\/strong> When role=\"presentation\" is used on an unordered list element, semantics for which of the following elements would be fully suppressed? Choose all that apply.\r\n&lt;ul role=\"presentation\"&gt;...&lt;\/ul&gt;\r\n<span style=\"background-color: #ccffcc;\"><\/span>\r\n<p style=\"padding-left: 30px;\"><span style=\"background-color: #ccffcc;\">[Correct] a. UL<\/span>\r\n<span style=\"background-color: #ccffcc;\">[Correct] b. UL&gt;LI<\/span>\r\n[Incorrect] c. UL&gt;LI&gt;UL\r\n[Incorrect] d. UL&gt;LI&gt;OL\r\n[Incorrect] e. UL&gt;LI&gt;UL&gt;LI<\/p>\r\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> Only the semantics of the top level UL and its immediate children will be suppressed. That is, the first level UL and its first level child LIs.<\/p>\r\n<strong>6.<\/strong> Which of the following create live regions that announce changes in the content to screen readers? Choose all that apply.\r\n<span style=\"background-color: #ccffcc;\"><\/span>\r\n<p style=\"padding-left: 30px;\"><span style=\"background-color: #ccffcc;\">[Correct] a. role=\"alert\"<\/span>\r\n<span style=\"background-color: #ccffcc;\">[Correct] b. aria-live=\"polite\"<\/span>\r\n<span style=\"background-color: #ccffcc;\">[Correct] c. role=\"timer\"<\/span>\r\n<span style=\"background-color: #ccffcc;\">[Correct] d. role=\"log\"<\/span>\r\n[Incorrect] e. role=\"live-region\"<\/p>\r\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> All except the last choice will create live regions. role=\"live-region\" is not a WAI-ARIA role or live region.<\/p>\r\n<strong>7.<\/strong> Which of the following would be good candidates for a live region? Choose all that apply.\r\n<p style=\"padding-left: 30px;\">[Incorrect] a. A timer counting down by seconds\r\n<span style=\"background-color: #ccffcc;\">[Correct] b. A dynamically injected feedback message<\/span>\r\n<span style=\"background-color: #ccffcc;\">[Correct] c. A news feed from a local news provider<\/span>\r\n<span style=\"background-color: #ccffcc;\">[Correct] d. A Twitter feed that receives occasional updates<\/span>\r\n<span style=\"background-color: #ccffcc;\">[Correct] e. A chat application, for communicating in real time<\/span><\/p>\r\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> A timer may also be a live region, but counting down by seconds may make the content on the page it is embedded in unusable. A timer counting down by minutes (e.g., minutes until the end of a quiz) would be a better candidate.<\/p>\r\n<a href=\"https:\/\/pressbooks.library.torontomu.ca\/wafd\/chapter\/3-10-self-test-3\/\">Back to Self-Test 3<\/a>","rendered":"<h2><a id=\"test1\"><\/a>Self-Test 1<\/h2>\n<p><strong>1.<\/strong> What options are there for submitting assignments? Choose all that apply.<\/p>\n<p style=\"padding-left: 30px;\">[Incorrect] a. Upload files to the assignment dropbox in Pressbooks.<br \/>\n<span style=\"background-color: #ccffcc;\">[Correct] b. Submit a URL to your files on GitHub.<\/span><br \/>\n[Incorrect] c. Email your assignment to the instructor.<br \/>\n<span style=\"background-color: #ccffcc;\">[Correct] d. Submit a URL to your files on a server you have FTP access to.<\/span><br \/>\n[Incorrect] e. Upload files to the assignment DropBox folder.<\/p>\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> You may submit a URL to your activity files either on GitHub (i.e., GitHub Pages), or on a web server you have FTP access to.<\/p>\n<p><strong>2.<\/strong> Where can you get a copy of the activity files? Choose all that apply.<\/p>\n<p style=\"padding-left: 30px;\">[Incorrect] a. Downloading from the activity file manager<br \/>\n<span style=\"background-color: #ccffcc;\">[Correct] b. Forking and cloning from GitHub<\/span><br \/>\n<span style=\"background-color: #ccffcc;\">[Correct] c. Downloading from GitHub<\/span><br \/>\n[Incorrect] d. Ask the instructor to email them to you<br \/>\n[Incorrect] e. Download them from the assignment DropBox folder<\/p>\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> You may download the learnaria.github.io repository files from github.com, or you may fork the repository to your own GitHub account and clone them from there into your own development environment.<\/p>\n<p><strong>3.<\/strong> What prerequisite knowledge is needed to be effective with the activities in this resource? Choose all that apply.<\/p>\n<p style=\"padding-left: 30px;\">[Incorrect] a. No prerequisite knowledge is required.<br \/>\n[Incorrect] b. The ability to write JavaScript<br \/>\n<span style=\"background-color: #ccffcc;\">[Correct] c. The ability to read and understand JavaScript<\/span><br \/>\n<span style=\"background-color: #ccffcc;\">[Correct] d. The ability to read and understand HTML<\/span><br \/>\n[Incorrect] e. A strong understanding of WCAG 2<\/p>\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> Coding experience is strongly recommended but not absolutely necessary to follow along. Your ability to read and understand JavaScript and HTML code will determine your success with the activities in this resource.<\/p>\n<p><strong>4.<\/strong> When working with ChromeVox, what key or key combination can be used to stop it from speaking?<\/p>\n<p style=\"padding-left: 30px;\">[Incorrect] a. Alt<br \/>\n[Incorrect] b. Cvox + Q<br \/>\n[Incorrect] c. Cvox + D<br \/>\n<span style=\"background-color: #ccffcc;\">[Correct] d. Ctrl<\/span><br \/>\n[Incorrect] e. Cvox + S<\/p>\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> The most asked question when using ChromeVox is how to stop it from speaking. Simply press the Ctrl (control) key.<\/p>\n<p><strong>5.<\/strong> When working with ChromeVox, what key or key combination can be used to turn it off, or on.<\/p>\n<p style=\"padding-left: 30px;\">[Incorrect] a. Esc<br \/>\n<span style=\"background-color: #ccffcc;\">[Correct] b. Cvox + A + A<\/span><br \/>\n[Incorrect] c. Cvox + Q<br \/>\n[Incorrect] d. Cvox + D<br \/>\n[Incorrect] e. Ctrl + F5<\/p>\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> The second most asked question is how to turn ChromeVox on or off without having to find your way through Manage Extensions. Press Cvox+A+A to turn the screen reader on or off while using the Chrome web browser.<\/p>\n<p><strong>6.<\/strong> WAI-ARIA is part of HTML5 and will not work when older versions of HTML are being used.<\/p>\n<p style=\"padding-left: 30px;\">[Incorrect] a. True<br \/>\n<span style=\"background-color: #ccffcc;\">[Correct] b. False<\/span><\/p>\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> WAI-ARIA works fine with older versions of HTML, though when validating older HTML, it will produce errors or warnings. These errors or warnings can be safely ignored.<\/p>\n<p><a href=\"https:\/\/pressbooks.library.torontomu.ca\/wafd\/chapter\/1-9-self-test-1\/\">Back to Self-Test 1<\/a><\/p>\n<hr \/>\n<h2><a href=\"https:\/\/pressbooks.library.torontomu.ca\/wafd\/chapter\/2-10-self-test-2\/\"><\/a><a id=\"test2\"><\/a>Self-Test 2<\/h2>\n<p><strong>1.<\/strong> When creating a registration form for a website, it is important to use role=&#8221;form&#8221; with the element to ensure screen reader users understand they are entering a form.<\/p>\n<p style=\"padding-left: 30px;\">[Incorrect] a. True<br \/>\n<span style=\"background-color: #ccffcc;\">[Correct] b. False<\/span><\/p>\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> A form element has its semantics defined by default, and thus does not need a WAI-ARIA role defined. When using HTML in a standard way, WAI-ARIA should not be used, with a few exceptions.<\/p>\n<p><strong>2.<\/strong> When talking about WAI-ARIA, we are referring to:<\/p>\n<p style=\"padding-left: 30px;\">[Incorrect] a. Roles, settings, and properties<br \/>\n[Incorrect] b. Roles, options, and preferences<br \/>\n<span style=\"background-color: #ccffcc;\">[Correct] c. Roles, states, and properties<\/span><br \/>\n[Incorrect] d. Elements, attributes, and functions<br \/>\n[Incorrect] e. Elements, options, and preferences<\/p>\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> WAI-ARIA is made up of HTML attributes that define roles, states, and properties.<\/p>\n<p><strong>3.<\/strong> Which of the following are not WAI-ARIA roles? Choose all that apply.<\/p>\n<p style=\"padding-left: 30px;\">[Incorrect] a. menu<br \/>\n[Incorrect] b. navigation<br \/>\n<span style=\"background-color: #ccffcc;\">[Correct] c. aria-label<\/span><br \/>\n<span style=\"background-color: #ccffcc;\">[Correct] d. tabindex<\/span><br \/>\n<span style=\"background-color: #ccffcc;\">[Correct] e. aria-describedby<\/span><br \/>\n<span style=\"background-color: #ccffcc;\">[Correct] f. aria-checked<\/span><br \/>\n[Incorrect] g. complementary<br \/>\n<span style=\"background-color: #ccffcc;\">[Correct] h. footer<\/span><br \/>\n[Incorrect] i. banner<\/p>\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> Any WAI-ARIA attribute that is prefixed with &#8220;aria-&#8221; will be a state or property, not a role. The tabindex attribute is a special case, extending tabindex in previous versions of HTML, but it is not a role. Footer is not defined in WAI-ARIA.<\/p>\n<p><strong>4.<\/strong> WAI-ARIA Properties tend not to change.<\/p>\n<p style=\"padding-left: 30px;\"><span style=\"background-color: #ccffcc;\">[Correct] a. True<\/span><br \/>\n[Incorrect] b. False<\/p>\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> True. States tend to change. Properties do not.<\/p>\n<p><strong>5.<\/strong> WAI-ARIA States tend not to change.<\/p>\n<p style=\"padding-left: 30px;\">[Incorrect] a. True<br \/>\n<span style=\"background-color: #ccffcc;\">[Correct] b. False<\/span><\/p>\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> False. States do tend to change.<\/p>\n<p><strong>6.<\/strong> Which of the following tend to be used dynamically, with values updated using scripting? Choose all that apply.<\/p>\n<p style=\"padding-left: 30px;\">[Incorrect] a. role=&#8221;menu&#8221;<br \/>\n<span style=\"background-color: #ccffcc;\">[Correct] b. aria-disabled=&#8221;true&#8221;<\/span><br \/>\n[Incorrect] c. aria-haspopup=&#8221;true&#8221;<br \/>\n[Incorrect] d. aria-modal=&#8221;true&#8221;<br \/>\n<span style=\"background-color: #ccffcc;\">[Correct] e. aria-checked=&#8221;true&#8221;<\/span><br \/>\n<span style=\"background-color: #ccffcc;\">[Correct] f. aria-expanded=&#8221;false&#8221;<\/span><br \/>\n<span style=\"background-color: #ccffcc;\">[Correct] g. aria-hidden=&#8221;true&#8221;<\/span><\/p>\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> Typically states will be dynamically updated with scripting (aria-disabled, aria-checked, aria-expanded, aria-hidden) while properties tend to be static and do not usually change (aria-haspopup, aria-modal). Roles also tend to be static, and do not require updating values with scripting.<\/p>\n<p><strong>7.<\/strong> ______________ starts with a version that works for everyone, then adds features when they are supported.<\/p>\n<p style=\"padding-left: 30px;\">[Incorrect] a. Graceful degradation<br \/>\n<span style=\"background-color: #ccffcc;\">[Correct] b. Progressive enhancement<\/span><\/p>\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> Progressive enhancements starts with a base version that works for everyone, and are \u201cenhanced\u201d with additional features where they are supported.<\/p>\n<p><strong>8.<\/strong> Generally, which method is preferred?<\/p>\n<p style=\"padding-left: 30px;\">[Incorrect] a. Graceful degradation<br \/>\n<span style=\"background-color: #ccffcc;\">[Correct] b. Progressive enhancement<\/span><\/p>\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> For broadest support, progressive enhancement is generally preferred to ensure that regardless of the technology a person may be using, there will always be a functional version available.<\/p>\n<p><a href=\"https:\/\/pressbooks.library.torontomu.ca\/wafd\/chapter\/2-10-self-test-2\/\">Back to Self-Test 2<\/a><\/p>\n<hr \/>\n<h2><a id=\"test3\"><\/a>Self-Test 3<\/h2>\n<p><strong>1.<\/strong> Which of the following are landmark roles? Choose all that apply.<\/p>\n<p style=\"padding-left: 30px;\">[Incorrect] a. menu<br \/>\n<span style=\"background-color: #ccffcc;\">[Correct] b. navigation<\/span><br \/>\n[Incorrect] c. aria-label<br \/>\n[Incorrect] d. tabindex<br \/>\n[Incorrect] e. aria-describedby<br \/>\n[Incorrect] f. aria-checked<br \/>\n<span style=\"background-color: #ccffcc;\">[Correct] g. complementary<\/span><br \/>\n[Incorrect] h. footer<br \/>\n<span style=\"background-color: #ccffcc;\">[Correct] i. banner<\/span><\/p>\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> Navigation, complementary, and banner are landmark roles.<\/p>\n<p style=\"padding-left: 30px;\"><strong>2.<\/strong> Which would usually be the best approach to provide feedback to a screen reader user with a message that an operation just completed was successful or has failed presenting an error message?<\/p>\n<p style=\"padding-left: 30px;\">[Incorrect] a. aria-live=&#8221;polite&#8221;<br \/>\n<span style=\"background-color: #ccffcc;\">[Correct] b. role=&#8221;alert&#8221;<\/span><br \/>\n[Incorrect] c. role=&#8221;alertdialog&#8221;<br \/>\n[Incorrect] d. role=&#8221;dialog&#8221;<br \/>\n[Incorrect] e. aria-modal=&#8221;true&#8221;<\/p>\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> Though you could use aria-live=&#8221;polite&#8221; to present feedback, the best approach is usually to use role=&#8221;alert&#8221;.<\/p>\n<p><strong>3.<\/strong> Keyboard interaction in web widgets and applications should be (choose all that apply):<br \/>\n<span style=\"background-color: #ccffcc;\"><\/span><\/p>\n<p style=\"padding-left: 30px;\"><span style=\"background-color: #ccffcc;\">[Correct] a. Predictable<\/span><br \/>\n[Incorrect] b. Redundant<br \/>\n[Incorrect] c. Easy<br \/>\n<span style=\"background-color: #ccffcc;\">[Correct] d. Consistent<\/span><br \/>\n<span style=\"background-color: #ccffcc;\">[Correct] e. Conventional<\/span><\/p>\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> Keyboard interaction should be predictable, consistent, and conventional.<\/p>\n<p><strong>4.<\/strong> Which of the following WAI-ARIA roles, when active, would disable keyboard access to the file menu in a web browser?<br \/>\n<span style=\"background-color: #ccffcc;\"><\/span><\/p>\n<p style=\"padding-left: 30px;\"><span style=\"background-color: #ccffcc;\">[Correct] a. Application<\/span><br \/>\n[Incorrect] b. Menu<br \/>\n[Incorrect] c. Menubar<br \/>\n[Incorrect] d. Navigation<br \/>\n[Incorrect] e. Presentation<\/p>\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> The application role would disable the browser\u2019s file menu.<\/p>\n<p><strong>5.<\/strong> When role=&#8221;presentation&#8221; is used on an unordered list element, semantics for which of the following elements would be fully suppressed? Choose all that apply.<br \/>\n&lt;ul role=&#8221;presentation&#8221;&gt;&#8230;&lt;\/ul&gt;<br \/>\n<span style=\"background-color: #ccffcc;\"><\/span><\/p>\n<p style=\"padding-left: 30px;\"><span style=\"background-color: #ccffcc;\">[Correct] a. UL<\/span><br \/>\n<span style=\"background-color: #ccffcc;\">[Correct] b. UL&gt;LI<\/span><br \/>\n[Incorrect] c. UL&gt;LI&gt;UL<br \/>\n[Incorrect] d. UL&gt;LI&gt;OL<br \/>\n[Incorrect] e. UL&gt;LI&gt;UL&gt;LI<\/p>\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> Only the semantics of the top level UL and its immediate children will be suppressed. That is, the first level UL and its first level child LIs.<\/p>\n<p><strong>6.<\/strong> Which of the following create live regions that announce changes in the content to screen readers? Choose all that apply.<br \/>\n<span style=\"background-color: #ccffcc;\"><\/span><\/p>\n<p style=\"padding-left: 30px;\"><span style=\"background-color: #ccffcc;\">[Correct] a. role=&#8221;alert&#8221;<\/span><br \/>\n<span style=\"background-color: #ccffcc;\">[Correct] b. aria-live=&#8221;polite&#8221;<\/span><br \/>\n<span style=\"background-color: #ccffcc;\">[Correct] c. role=&#8221;timer&#8221;<\/span><br \/>\n<span style=\"background-color: #ccffcc;\">[Correct] d. role=&#8221;log&#8221;<\/span><br \/>\n[Incorrect] e. role=&#8221;live-region&#8221;<\/p>\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> All except the last choice will create live regions. role=&#8221;live-region&#8221; is not a WAI-ARIA role or live region.<\/p>\n<p><strong>7.<\/strong> Which of the following would be good candidates for a live region? Choose all that apply.<\/p>\n<p style=\"padding-left: 30px;\">[Incorrect] a. A timer counting down by seconds<br \/>\n<span style=\"background-color: #ccffcc;\">[Correct] b. A dynamically injected feedback message<\/span><br \/>\n<span style=\"background-color: #ccffcc;\">[Correct] c. A news feed from a local news provider<\/span><br \/>\n<span style=\"background-color: #ccffcc;\">[Correct] d. A Twitter feed that receives occasional updates<\/span><br \/>\n<span style=\"background-color: #ccffcc;\">[Correct] e. A chat application, for communicating in real time<\/span><\/p>\n<p style=\"padding-left: 30px;\"><strong>Feedback:<\/strong> A timer may also be a live region, but counting down by seconds may make the content on the page it is embedded in unusable. A timer counting down by minutes (e.g., minutes until the end of a quiz) would be a better candidate.<\/p>\n<p><a href=\"https:\/\/pressbooks.library.torontomu.ca\/wafd\/chapter\/3-10-self-test-3\/\">Back to Self-Test 3<\/a><\/p>\n","protected":false},"author":100,"menu_order":3,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"back-matter-type":[],"contributor":[],"license":[],"class_list":["post-788","back-matter","type-back-matter","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/wp-json\/pressbooks\/v2\/back-matter\/788","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/wp-json\/pressbooks\/v2\/back-matter"}],"about":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/wp-json\/wp\/v2\/types\/back-matter"}],"author":[{"embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/wp-json\/wp\/v2\/users\/100"}],"version-history":[{"count":26,"href":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/wp-json\/pressbooks\/v2\/back-matter\/788\/revisions"}],"predecessor-version":[{"id":2034,"href":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/wp-json\/pressbooks\/v2\/back-matter\/788\/revisions\/2034"}],"metadata":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/wp-json\/pressbooks\/v2\/back-matter\/788\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/wp-json\/wp\/v2\/media?parent=788"}],"wp:term":[{"taxonomy":"back-matter-type","embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/wp-json\/pressbooks\/v2\/back-matter-type?post=788"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/wp-json\/wp\/v2\/contributor?post=788"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/wp-json\/wp\/v2\/license?post=788"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}