{"id":332,"date":"2018-12-10T16:36:49","date_gmt":"2018-12-10T16:36:49","guid":{"rendered":"https:\/\/pressbooks.library.ryerson.ca\/wafd\/?post_type=chapter&#038;p=332"},"modified":"2022-12-16T17:05:18","modified_gmt":"2022-12-16T17:05:18","slug":"activity-5-accessible-suggestion-box","status":"publish","type":"chapter","link":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/chapter\/activity-5-accessible-suggestion-box\/","title":{"raw":"Activity 5: Accessible Suggestion Box","rendered":"Activity 5: Accessible Suggestion Box"},"content":{"raw":"<h2>Accessible Suggestion Box<\/h2>\r\n<img src=\"http:\/\/pressbooks.library.ryerson.ca\/wafd\/wp-content\/uploads\/sites\/57\/2018\/12\/activity_sm.png\" alt=\"\" class=\"alignright size-full wp-image-152\" width=\"150\" height=\"158\" \/>Based on the <a href=\"https:\/\/pressbooks.library.torontomu.ca\/wafd\/chapter\/4-3-suggestion-boxes\/\">Suggestion Box details<\/a> on the previous page, apply what you have learned to the associated activity files to make the suggestion box provided accessible.\r\n\r\nFiles for this activity include:\r\n<ul>\r\n \t<li>\/<a href=\"https:\/\/github.com\/learnaria\/learnaria.github.io\/blob\/master\/suggest.html\">suggest.html<\/a><\/li>\r\n \t<li>\/<a href=\"https:\/\/github.com\/learnaria\/learnaria.github.io\/blob\/master\/assets\/ik_suggest.js\">assets\/ik_suggest.js<\/a><\/li>\r\n<\/ul>\r\nUse the surroundings of the highlighted code on the previous page as a guide to find where the fixes should be applied. Repair the accessibility of the suggestion box by applying the highlighted code to the \/<a href=\"https:\/\/github.com\/learnaria\/learnaria.github.io\/blob\/master\/assets\/ik_suggest.js\">assets\/ik_suggest.js<\/a> file.\r\n\r\n<strong>Note:<\/strong> While we suggest using the highlighted code we\u2019ve provided, you are free to come up with your own solutions provided they produce the expected results listed in the marking rubric below.\r\n\r\nTest your updated suggestion box with ChromeVox to ensure each element described in the marking rubric below is functioning as suggested.\r\n<h2>Requirements<\/h2>\r\nApply your changes and test to be sure your suggestion box functions as described. Then, submit the URL of\u00a0 your suggest.html file located on your GitHub site, on the web server you are using to host your copy of the activity files, or a <a href=\"https:\/\/raw.githack.com\">GitHack<\/a> URL.\r\n<h2>Grading Rubric<\/h2>\r\n<div>\r\n<table class=\"addborder\" title=\"\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\">\r\n<thead>\r\n<tr>\r\n<th>Criteria<\/th>\r\n<th>Points<\/th>\r\n<\/tr>\r\n<\/thead>\r\n<tbody>\r\n<tr>\r\n<td>Initial Instructions:\r\nInstructions are provided when the country field receives focus.<\/td>\r\n<td>2.0 pts<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Announce Suggestions Present:\r\nThe suggestion list is announced when suggestions are available.<\/td>\r\n<td>2.0 pts<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Suggestion Instructions\r\nInstructions are provided when suggestions are available.<\/td>\r\n<td>1.0 pts<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Keyboard Access:\r\nA country selection can be made using only the keyboard<\/td>\r\n<td>5.0 pts<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Total Points:<\/td>\r\n<td>10.0<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<\/div>","rendered":"<h2>Accessible Suggestion Box<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/pressbooks.library.ryerson.ca\/wafd\/wp-content\/uploads\/sites\/57\/2018\/12\/activity_sm.png\" alt=\"\" class=\"alignright size-full wp-image-152\" width=\"150\" height=\"158\" srcset=\"https:\/\/pressbooks.library.torontomu.ca\/wafd\/wp-content\/uploads\/sites\/57\/2018\/12\/activity_sm.png 150w, https:\/\/pressbooks.library.torontomu.ca\/wafd\/wp-content\/uploads\/sites\/57\/2018\/12\/activity_sm-65x68.png 65w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/>Based on the <a href=\"https:\/\/pressbooks.library.torontomu.ca\/wafd\/chapter\/4-3-suggestion-boxes\/\">Suggestion Box details<\/a> on the previous page, apply what you have learned to the associated activity files to make the suggestion box provided accessible.<\/p>\n<p>Files for this activity include:<\/p>\n<ul>\n<li>\/<a href=\"https:\/\/github.com\/learnaria\/learnaria.github.io\/blob\/master\/suggest.html\">suggest.html<\/a><\/li>\n<li>\/<a href=\"https:\/\/github.com\/learnaria\/learnaria.github.io\/blob\/master\/assets\/ik_suggest.js\">assets\/ik_suggest.js<\/a><\/li>\n<\/ul>\n<p>Use the surroundings of the highlighted code on the previous page as a guide to find where the fixes should be applied. Repair the accessibility of the suggestion box by applying the highlighted code to the \/<a href=\"https:\/\/github.com\/learnaria\/learnaria.github.io\/blob\/master\/assets\/ik_suggest.js\">assets\/ik_suggest.js<\/a> file.<\/p>\n<p><strong>Note:<\/strong> While we suggest using the highlighted code we\u2019ve provided, you are free to come up with your own solutions provided they produce the expected results listed in the marking rubric below.<\/p>\n<p>Test your updated suggestion box with ChromeVox to ensure each element described in the marking rubric below is functioning as suggested.<\/p>\n<h2>Requirements<\/h2>\n<p>Apply your changes and test to be sure your suggestion box functions as described. Then, submit the URL of\u00a0 your suggest.html file located on your GitHub site, on the web server you are using to host your copy of the activity files, or a <a href=\"https:\/\/raw.githack.com\">GitHack<\/a> URL.<\/p>\n<h2>Grading Rubric<\/h2>\n<div>\n<table class=\"addborder\" title=\"\" cellpadding=\"0\" style=\"border-spacing: 0px;\">\n<thead>\n<tr>\n<th>Criteria<\/th>\n<th>Points<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Initial Instructions:<br \/>\nInstructions are provided when the country field receives focus.<\/td>\n<td>2.0 pts<\/td>\n<\/tr>\n<tr>\n<td>Announce Suggestions Present:<br \/>\nThe suggestion list is announced when suggestions are available.<\/td>\n<td>2.0 pts<\/td>\n<\/tr>\n<tr>\n<td>Suggestion Instructions<br \/>\nInstructions are provided when suggestions are available.<\/td>\n<td>1.0 pts<\/td>\n<\/tr>\n<tr>\n<td>Keyboard Access:<br \/>\nA country selection can be made using only the keyboard<\/td>\n<td>5.0 pts<\/td>\n<\/tr>\n<tr>\n<td>Total Points:<\/td>\n<td>10.0<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n","protected":false},"author":100,"menu_order":4,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-332","chapter","type-chapter","status-publish","hentry"],"part":33,"_links":{"self":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/wp-json\/pressbooks\/v2\/chapters\/332","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/wp-json\/wp\/v2\/users\/100"}],"version-history":[{"count":18,"href":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/wp-json\/pressbooks\/v2\/chapters\/332\/revisions"}],"predecessor-version":[{"id":2005,"href":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/wp-json\/pressbooks\/v2\/chapters\/332\/revisions\/2005"}],"part":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/wp-json\/pressbooks\/v2\/parts\/33"}],"metadata":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/wp-json\/pressbooks\/v2\/chapters\/332\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/wp-json\/wp\/v2\/media?parent=332"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/wp-json\/pressbooks\/v2\/chapter-type?post=332"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/wp-json\/wp\/v2\/contributor?post=332"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/wp-json\/wp\/v2\/license?post=332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}