CINXE.COM
Keyboard Instructions | O*NET
<!doctype html> <html lang="en"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Keyboard Instructions | O*NET</title> <!-- Bootstrap CSS --> <link href="https://onet.rti.org/respondent/assets/css/bootstrap.css" rel="stylesheet"> <link href="https://onet.rti.org/respondent/assets/css/styles-new.css" rel="stylesheet"> </head> <body class="min-vh-100 d-flex flex-column"> <nav class="navbar navbar-expand-lg bg-darkblue navbar-dark"> <div class="container"> <a class="navbar-brand" href="https://onet.rti.org/"><img src="/assets/images/onet_logo.svg" id="logo" alt="O NET Logo"></a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav ms-auto mb-2 mb-lg-0"> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> About the Survey </a> <ul class="dropdown-menu dropdown-menu-end"> <li><a class="dropdown-item" href="https://onet.rti.org/respondent/index.cfm?fuseaction=about_survey">About the Survey</a></li> <li><a class="dropdown-item" href="https://onet.rti.org/respondent/index.cfm?fuseaction=keyboardinstructions">Keyboard Instructions</a></li> </ul> </li> <!-- ONET 749 Remove FAQ from menu --> <!--<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> FAQs </a> <ul class="dropdown-menu dropdown-menu-end"> <li><a class="dropdown-item" href="https://onet.rti.org/respondent/index.cfm?fuseaction=faq_work">FAQs for Workers Completing a Questionnaire</a></li> <li><a class="dropdown-item" href="https://onet.rti.org/respondent/index.cfm?fuseaction=faq_oe">FAQs for Occupation Experts</a></li> </ul> </li>--> <li class="nav-item"> <a class="nav-link yellowBorder" href="index.cfm">Login</a> </li> </ul> </div> </div> </nav> <div class="container-fluid flex-grow-1"> <div class="container"> <div class="row"> <div class="col-sm-12"> <div class="card my-5"> <div class="card-header"> <h1 class="darkblue">Keyboard Shortcuts</h1> </div> <div class="card-body"> <p>For your convenience, you can use your keyboard to select answers as well as your mouse.</p> <ul> <li>Answering questions (select one answer): <ul> <li>Press the <strong>tab</strong> key to move to the first response option.</li> <li>Use the <strong>arrow keys</strong> to make your selection.</li> <li>To go to the next page, either press the <strong>Enter</strong> key or press the <strong>tab</strong> key until the <strong>Next</strong> button is selected and then press the <strong>Enter</strong> key.</li> </ul> </li> <li>Answering questions in a table: <ul> <li>Press the <strong>tab</strong> key to move to the first response option.</li> <li>Use the <strong>arrow keys</strong> to make your selection on the first row in the table.</li> <li>Press the <strong>tab</strong> key to move to the next row in the table.</li> <li>To go to the next page, either press the <strong>Enter</strong> key or press the <strong>tab</strong> key until the <strong>Next</strong> button is selected and then press the <strong>Enter</strong> key.</li> </ul> </li> <li>Answering questions (select multiple answers): <ul> <li>Press the <strong>tab</strong> key to move to the first response option.</li> <li>Use the <strong>tab</strong> key to move to the response options you would like to select.</li> <li>Press the <strong>spacebar</strong> on the keyboard to select or unselect each response option.</li> </ul> </li> <li>To open the job/occupation description: <ul> <li>To use your keyboard, press <strong>tab</strong> until the blue box is selected. Press <strong>enter</strong> to display the description. Press <strong>enter</strong> again to hide the description.</li> </ul> </li> </ul> </div> </div> </div> </div> </div> </div> <footer class="footer bg-darkblue py-2" style="border-top: 3px solid #fbba2a"> <div class="container"> <div class="row"> <div class="col-12"> <p class="footerText"><strong>Questions? Please contact the O*NET Data Collection Program:</strong></p> </div> </div> <div class="row"> <div class="col-sm-12 col-md-4"> </div> <div class="col-sm-12 col-md-2"> <p class="footerText"><strong>1-877-233-7348 ext. 100</strong></p> </div> <div class="col-sm-12 col-md-2"> <p class="footerText"><strong><a href="mailto:onethelp@rti.org">onethelp@rti.org</a></strong></p> </div> <div class="col-sm-12 col-md-4"> </div> </div> </div> </footer> <script src="/assets/js/bootstrap.bundle.min.js"></script> <script src="/assets/js/jquery.js"></script> </body> </html>