|
|
| (110 intermediate revisions by the same user not shown) |
| Line 8: |
Line 8: |
| | document.getElementById("myAnchor").blur(); | | document.getElementById("myAnchor").blur(); |
| | } | | } |
| | + | |
| | </script> | | </script> |
| | <style type="text/css"> | | <style type="text/css"> |
| Line 30: |
Line 31: |
| | </head> | | </head> |
| | <body> | | <body> |
| − | -DELETE ME--
| + | <a role="link" tabindex="0" class="apr-cta" style="touch-action: auto;">Track<span class="visuallyhidden">Opens dialog</span></a> |
| − | <div data-fragment-name="mwf-plugin-modal-container" class="mwf-modal mwf-modal-flex-aligner" data-modal="1" style="z-index: 201; visibility: visible; touch-action: auto;" data-event-id="3" aria-hidden="false"> | + | </body> |
| − | <div data-fragment-name="mwf-check-deposit-ui-help" role="dialog" aria-labelledby="Mobile-deposit" class="mwf-popup mwf-popup-below-masthead mwf-check-deposit-help-popup" data-modal-container="modal-CCJR8HUX" data-scrollable-popup="" style="max-height: 282px;">
| |
| − | <header>
| |
| − | <h2 id="Mobile-deposit" class="mwf-popup-header">Mobile Deposit help</h2>
| |
| − | <button data-modal-close="data-modal-close" class="mwf-popup-button-close"><i class="mwf-icon"></i><span class="visuallyhidden">Close</span></button>
| |
| − | </header>
| |
| − | <section data-scrollable-content="data-scrollable-content" class="mwf-popup-body" style="height: 254px; overflow-y: auto;" data-is-scrollable="">
| |
| − | <ul class="check-deposit-help mwf-faq" role="presentation">
| |
| − | <li class="mwf-faq-question" role="presentation">
| |
| − | <h3 class="mwf-faq-toggle expand-collapse-link closed" data-target-id="GQQE4WUM" id="NQNIK1GI" style="touch-action: auto;"><button aria-controls="4C8XWXD8" aria-expanded="false" style="background-color: transparent; border: none; text-align: left; padding: 0px;"> <i class="mwf-icon"></i><span>How does Mobile Deposit work?</span></button></h3>
| |
| − | <div class="mwf-faq-answer expand-collapse-content closed" data-target-id="GQQE4WUM" id="4C8XWXD8" role="region" aria-labelledby="NQNIK1GI">
| |
| − | <p>Use your phone's camera to deposit checks anytime, anywhere. Simply:
| |
| − | </p><ol>
| |
| − | <li>Select the account to use for your deposit.</li>
| |
| − | <li>Enter the amount.</li>
| |
| − | <li>Take a photo of the front and back of your endorsed check. </li>
| |
| − | <li>Submit your deposit.</li>
| |
| − | </ol>
| |
| − | <p></p>
| |
| − | </div>
| |
| − | </li>
| |
| − |
| |
| − | </ul>
| |
| − | </section> | |
| − | </div></div>
| |
| − | --DELETE ME <br><br>
| |
| − | <h3>div container with style="display: table-cell" and role of region</h3>
| |
| − | <div style="display: table-cell" role="region" aria-label="test">
| |
| − | | |
| − | <div>Hello world</div>
| |
| − | <div>Goodbye World</div>
| |
| − | </div>
| |
| − | | |
| − | <h3>div container with style="display: table-cell"</h3>
| |
| − | <div >
| |
| − | <div style="display: table-cell">Hello world</div>
| |
| − | <div style="display: table-cell">Goodbye World</div>
| |
| − | </div>
| |
| − | | |
| − | <h3>div container with style="display:table" and role of region</h3>
| |
| − | <div role="region" aria-label="testing region">
| |
| − | <div style="display:table;">Hello world</div>
| |
| − | <div style="display:table;">Goodbye World</div>
| |
| − | </div><br>
| |
| − | <h3>JavaScript Focus</h3>
| |
| − | <div role="region" aria-label="alerts & notifications">
| |
| − | <div tabindex="-1" id="myAnchor">The following errors has occurred<br>
| |
| − | <a href="#">Error Number 1</a><br>
| |
| − | Error Number 2</br>
| |
| − | </div>
| |
| − | | |
| − | | |
| − | <input type="button" onclick="getfocus()" value="Get focus">
| |
| − | | |
| − | <body>
| |
| | </html> | | </html> |
| | | | |
