{"id":24,"date":"2020-10-07T20:37:21","date_gmt":"2020-10-07T20:37:21","guid":{"rendered":"https:\/\/in.nau.edu\/virtual-scavenger-hunt\/?page_id=24"},"modified":"2024-09-23T23:01:31","modified_gmt":"2024-09-23T23:01:31","slug":"mouseless-navigation-activity","status":"publish","type":"page","link":"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/mouseless-navigation-activity\/","title":{"rendered":"Mouseless navigation activity"},"content":{"rendered":"<style>\n  button:focus {<br \/>    outline-width: thick;<br \/>    outline-color: #3b99fc;<br \/>    outline-style: solid;<br \/>    outline-offset: -2px;<br \/>  }<br \/><\/style>\n<p><script type=\"text\/javascript\">\n        jQuery(document).ready(function()\n        {\n          jQuery('#answer').keydown(function(event)\n          {\n            if(event.which == 13)\n            {\n               jQuery('#secret').show();\n            }\n          });\n          jQuery('main.content a').keydown(function(event)\n          {\n            if(event.which == 13)\n            {\n              var target = jQuery(event.target);\n              if(target.hasClass('shortcode-accordion__trigger')){\n                    event.preventDefault();\n                    accordionContainer = target.parents(\".shortcode-accordion\");\n                    if (accordionContainer.parents('.shortcode-tab-container').length > 0) {\n                        return;\n                    }\n                    if (accordionContainer.hasClass(\"shortcode-accordion--closed\")) {\n                        accordionContainer.removeClass(\"shortcode-accordion--closed\");\n                        target.find('.screen-reader-text').text(\"Accordion Open\");\n                    }\n                    else{\n                        accordionContainer.addClass(\"shortcode-accordion--closed\");\n                        target.find('.screen-reader-text').text(\"Accordion Closed\");\n                    }\n              }\n              else{\n                    window.location = event.target;\n              }\n            }\n          }); \n          jQuery(\"main.content a\").click(function(event)\n          { \n            if(event.which == 1)\n            {\n              event.preventDefault();\n              event.stopImmediatePropogation();\n            }\n          });\n        });\n<\/script><\/p>\n<h1>Mouseless navigation<\/h1>\n<h2>How do you move between elements<\/h2>\n<p>What do you do when you cannot use a mouse, but still need to navigate a web-page?\u00a0 For this activity, please use ONLY your keyboard to navigate the items on the page.<\/p>\n<p><strong>NOTE for screen readers<\/strong>:\u00a0 JAWS and Narrator users.\u00a0 As your screen readers are emulating a mouse click; therefore, you might need to use a couple of commands that you might not use very often.\u00a0 They allow you to navigate and interact with the page quickly.<\/p>\n<p>JAWS has a\u00a0 virtual PC cursor that is on to navigate the page.\u00a0 When it is off, it allows the user to interact with the buttons and links.\u00a0 The virtual PC cursor is on by default.\u00a0 To toggle it off and on, press JAWSkey plus Z.<\/p>\n<p>Narrator has a command to allow the computer to interact with the program (browser in this case), as if Narrator were not on, for one command.\u00a0 You will want to be on the item you want to activate prior to inputting this command.\u00a0 To have Narrator ignore the next command press Narrator key plus 3.\u00a0 Remember the narrator key is either the caps lock or insert keys.<\/p>\n<p><strong>NOTE for touchscreen users:\u00a0 <\/strong>To read all of the information within the accordions, please use your <a href=\"https:\/\/in.nau.edu\/virtual-scavenger-hunt\/screen-reader-activity-hint-page\/\">built-in screen reader<\/a>.\u00a0 You can select links in the menus.\u00a0 However, you will not be able to use the links in the main body, as this emulates a keyboard mouse click.\u00a0 Smart devices would need an external keyboard to navigate the page fully.<\/p>\n<h3>Hint<\/h3>\n<p>A keyboard was the original way to navigate a computer. If you need instructions, press the <strong>Tab\u00a0<\/strong>key to get to the &#8220;How To&#8221; accordion.\u00a0 Then press the\u00a0<strong>Enter<\/strong>\u00a0key to expand the accordion.<\/p>\n<h3><\/h3>\n<!-- shortcode-accordion -->\n<div class=\"shortcode-accordion \" style=\"position: relative;\" >\n        <h4 class=\"shortcode-accordion__header\">\n        <button type=\"button\" class=\"shortcode-accordion__trigger\" data-header=\"How To_0\" id=\"shortcode-accordion-1-trigger\" aria-expanded=\"true\" aria-controls=\"shortcode-accordion-1-panel\">\n            How To\n            <span class=\"shortcode-accordion__header__arrow\" aria-hidden=\"true\"><\/span>\n        <\/button>\n    <\/h4>\n    <div class=\"shortcode-accordion__body\" id=\"shortcode-accordion-1-panel\" role=\"region\" aria-labelledby=\"shortcode-accordion-1-trigger\" >\n        <html><body>\n<p><strong>Read through a web page:<\/strong><\/p>\n<p style=\"padding-left: 30px;\">To scroll the viewport down, up, left, or right, use the respective arrow keys.<\/p>\n<p><strong>Interact with a page:<\/strong><\/p>\n<ul>\n<li>The <strong>Tab<\/strong> key moves from one focusable item to the next focusable item\n<ul>\n<li>Commonly referred to as \u201ctabbing\u201d<\/li>\n<li>Focusable items include links, buttons, form controls, and other interactive elements<\/li>\n<\/ul>\n<\/li>\n<li>The <strong>Enter<\/strong> key activates links and buttons\n<ul>\n<li>Includes submitting a completed form within focus<\/li>\n<\/ul>\n<\/li>\n<li>The <strong>Spacebar<\/strong>\n<ul>\n<li>Toggles checkboxes<\/li>\n<li>Opens or closes combo-boxes and\u00a0menus<\/li>\n<li>Selects items within focus in combo-boxes and menus<\/li>\n<\/ul>\n<\/li>\n<li>The <strong>Esc<\/strong>\u00a0key\n<ul>\n<li>Cancels a prompt<\/li>\n<li>Close dialog boxes<\/li>\n<li>Closes expanded combo-boxes<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<section class=\"elementor-section elementor-top-section elementor-element elementor-element-44c93ef elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"44c93ef\" data-element_type=\"section\"><\/section>\n<\/body><\/html>\n    <\/div>\n<\/div>\n\n<!-- shortcode-accordion -->\n<div class=\"shortcode-accordion shortcode-accordion--closed\" style=\"position: relative;\" >\n        <h4 class=\"shortcode-accordion__header\">\n        <button type=\"button\" class=\"shortcode-accordion__trigger\" data-header=\"Universal design_0\" id=\"shortcode-accordion-2-trigger\" aria-expanded=\"false\" aria-controls=\"shortcode-accordion-2-panel\">\n            Universal design\n            <span class=\"shortcode-accordion__header__arrow\" aria-hidden=\"true\"><\/span>\n        <\/button>\n    <\/h4>\n    <div class=\"shortcode-accordion__body\" id=\"shortcode-accordion-2-panel\" role=\"region\" aria-labelledby=\"shortcode-accordion-2-trigger\" inert>\n        <html><body>\n<p><a href=\"https:\/\/in.nau.edu\/cdad\/commission-on-disability-access-and-design\/universal-design\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span data-contrast=\"auto\">Universal Design (<\/span><\/a><span data-contrast=\"auto\">UD) is<\/span><span data-contrast=\"auto\">\u00a0the design of products and environments to be usable by all people, to the greatest extent possible, without the need for adaptation or specialized design.<\/span><span data-ccp-props='{\"201341983\":0,\"335559739\":160,\"335559740\":259}'>\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">The<\/span><span data-contrast=\"auto\">\u00a0following seven principles of UD may be applied to evaluate existing designs, guide the design process,<\/span><span data-contrast=\"auto\">\u00a0and consumers about the characteristics of more usable products and environments.<\/span><span data-ccp-props='{\"201341983\":0,\"335559739\":160,\"335559740\":259}'>\u00a0<\/span><\/p>\n<ul>\n<li data-leveltext=\"%1.\" data-font=\"Calibri\" data-listid=\"1\" aria-setsize=\"-1\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">Equitable use<\/span><span data-ccp-props='{\"134233279\":true,\"201341983\":0,\"335559739\":160,\"335559740\":259}'>\u00a0<\/span><\/li>\n<li data-leveltext=\"%1.\" data-font=\"Calibri\" data-listid=\"1\" aria-setsize=\"-1\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">Flexibility in use<\/span><span data-ccp-props='{\"134233279\":true,\"201341983\":0,\"335559739\":160,\"335559740\":259}'>\u00a0<\/span><\/li>\n<li data-leveltext=\"%1.\" data-font=\"Calibri\" data-listid=\"1\" aria-setsize=\"-1\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">Simple and intuitive use<\/span><span data-ccp-props='{\"134233279\":true,\"201341983\":0,\"335559739\":160,\"335559740\":259}'>\u00a0<\/span><\/li>\n<li data-leveltext=\"%1.\" data-font=\"Calibri\" data-listid=\"1\" aria-setsize=\"-1\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">Perceptible information<\/span><span data-ccp-props='{\"134233279\":true,\"201341983\":0,\"335559739\":160,\"335559740\":259}'>\u00a0<\/span><\/li>\n<li data-leveltext=\"%1.\" data-font=\"Calibri\" data-listid=\"1\" aria-setsize=\"-1\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">Tolerance for error<\/span><span data-ccp-props='{\"134233279\":true,\"201341983\":0,\"335559739\":160,\"335559740\":259}'>\u00a0<\/span><\/li>\n<li data-leveltext=\"%1.\" data-font=\"Calibri\" data-listid=\"1\" aria-setsize=\"-1\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">Low physical effort<\/span><span data-ccp-props='{\"134233279\":true,\"201341983\":0,\"335559739\":160,\"335559740\":259}'>\u00a0<\/span><\/li>\n<li data-leveltext=\"%1.\" data-font=\"Calibri\" data-listid=\"1\" aria-setsize=\"-1\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">Size and space for approach and use<\/span><span data-ccp-props='{\"134233279\":true,\"201341983\":0,\"335559739\":160,\"335559740\":259}'>\u00a0<\/span><\/li>\n<\/ul>\n<\/body><\/html>\n    <\/div>\n<\/div>\n\n<!-- shortcode-accordion -->\n<div class=\"shortcode-accordion shortcode-accordion--closed\" style=\"position: relative;\" >\n        <h4 class=\"shortcode-accordion__header\">\n        <button type=\"button\" class=\"shortcode-accordion__trigger\" data-header=\"Mouse history_0\" id=\"shortcode-accordion-3-trigger\" aria-expanded=\"false\" aria-controls=\"shortcode-accordion-3-panel\">\n            Mouse history\n            <span class=\"shortcode-accordion__header__arrow\" aria-hidden=\"true\"><\/span>\n        <\/button>\n    <\/h4>\n    <div class=\"shortcode-accordion__body\" id=\"shortcode-accordion-3-panel\" role=\"region\" aria-labelledby=\"shortcode-accordion-3-trigger\" inert>\n        <html><body>\n<ul>\n<li>The trackball was invented in 1946 by Ralph Benjamin.<\/li>\n<li>The mouse was invented by Douglas Engelbart and Bill English in 1964.<\/li>\n<li>Microsoft added the Microsoft Mouse in 1983 as part of a $195 bundle.<\/li>\n<li>A mouse did not become mainstream home computing until 1984 with the Macintosh 128K.<\/li>\n<li>The Touchpad was invented in 1988 by George E. Gerpheide.<\/li>\n<\/ul>\n<\/body><\/html>\n    <\/div>\n<\/div>\n<br \/>\n<label class=\"sr-only\" for=\"answer\">Secret Word: them<\/label><br \/>\n<button id=\"answer\" name=\"answer\">Secret Word<\/button><\/p>\n<p id=\"secret\" style=\"display: none;\">Secret Word: ableism<\/p>\n<hr \/>\n<p><a href=\"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/why-account-for-mouseless-navigation\/\">Learn why this activity is important.<\/a><\/p>\n<hr \/>\n<h4>Activity Navigation<\/h4>\n<p><a href=\"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/\">Virtual Accessibility Expedition Home Page<\/a><\/p>\n<ul>\n<li><a href=\"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/color-contrast\/\">Color contrast<\/a><\/li>\n<li><a href=\"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/gray-scale-chart\/\">Gray-scale chart<\/a><\/li>\n<li><a href=\"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/image-activity\/\">Images<\/a><\/li>\n<li><a href=\"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/mouseless-navigation-activity\/\">Mouseless navigation<\/a><\/li>\n<li><a href=\"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/videos\/\">Video settings<\/a><\/li>\n<li><a href=\"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/scalability-zooming-activity\/\">Scalability<\/a><\/li>\n<li><a href=\"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/white-page-activity\/\">White page<\/a><\/li>\n<\/ul>\n<hr \/>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mouseless navigation How do you move between elements What do you do when you cannot use a mouse, but still need to navigate a web-page?\u00a0 For this activity, please use ONLY your keyboard to navigate the items on the page. NOTE for screen readers:\u00a0 JAWS and Narrator users.\u00a0 As your screen readers are emulating a [&hellip;]<\/p>\n","protected":false},"author":99,"featured_media":93,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ring_central_script_selection":"","footnotes":""},"class_list":["post-24","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/wp-json\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/wp-json\/wp\/v2\/users\/99"}],"replies":[{"embeddable":true,"href":"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/wp-json\/wp\/v2\/comments?post=24"}],"version-history":[{"count":56,"href":"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/wp-json\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":587,"href":"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/wp-json\/wp\/v2\/pages\/24\/revisions\/587"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/wp-json\/wp\/v2\/media\/93"}],"wp:attachment":[{"href":"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/wp-json\/wp\/v2\/media?parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}