Difference between revisions of "Random Testing RJ"

From Level Access Web Labs
Jump to navigation Jump to search
Line 21: Line 21:
 
   </head>
 
   </head>
 
   <body>
 
   <body>
   <p>Activate the button/link to expand them and set the aria-expanded state to true. Activate again to collapse.</p>
+
<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"><section 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-U4M5U5X3" data-scrollable-popup="" style="max-height: 422px;">
  <section>
+
  <header>
    <button onclick="toggle(this);" id="b1" aria-expanded="false" aria-controls="p1"> Details </button>
+
    <h2 id="Mobile-deposit" class="mwf-popup-header">Mobile Deposit help</h2>
    <p class="hidden" id="p1" tabindex="-1"> This is some text.</p>
+
    <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: 394px; overflow-y: auto;" data-is-scrollable="">
 +
    <dl class="expand-collapse-container">
 +
      <dt tap-target="tap-target" data-target-id="one" class="expand-collapse-link closed" id="A0WBII5W" style="touch-action: auto;"><button aria-controls="G9SH1Z5H" aria-expanded="false" style="background-color: transparent; border: none; text-align: left; padding: 0px;"><i class="mwf-icon"></i>
 +
        <div class="link-text-container">How does Mobile Deposit work?</div>
 +
      </button></dt>
 +
      <dd data-target-id="one" class="expand-collapse-content closed" id="G9SH1Z5H" role="region" aria-labelledby="A0WBII5W">
 +
        <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>
 +
      </dd>
 +
      <dt tap-target="tap-target" data-target-id="two" class="expand-collapse-link closed" id="67LWLVTK" style="touch-action: auto;"><button aria-controls="CMQCS3O5" aria-expanded="false" style="background-color: transparent; border: none; text-align: left; padding: 0px;"><i class="mwf-icon"></i>
 +
        <div class="link-text-container">When are my funds available?</div>
 +
      </button></dt>
 +
      <dd data-target-id="two" class="expand-collapse-content closed" id="CMQCS3O5" role="region" aria-labelledby="67LWLVTK">
 +
        <p>Mobile deposited funds are available on the day after the deposit credit date, unless a hold is applied. If a hold is applied, you'll be notified.</p>
 +
        <p>For example, funds deposited on Monday before 9 pm Pacific Time will be available Tuesday. Funds deposited on Monday after 9 pm will be available Wednesday.</p>
 +
        <div class="mwf-faq-format-content"><strong>Status in Account Activity</strong>
 +
          <p>You can view the status of your deposit in the Account Activity for the appropriate account.</p>
 +
          <p>You will know that your deposit amount is available when the amount appears in your available balance.</p>
 +
        </div>
 +
        <div class="mwf-faq-format-content"><strong>Hold notifications</strong>
 +
          <p>When a hold is applied on any portion of your deposit, you will receive a notification that provides details on the amount held and when it will be available.</p>
 +
        </div>
 +
        <div class="mwf-faq-format-content">
 +
          <p>A deposit is held when funds are posted to your account but are not immediately available to cover debits or withdrawals. Common reasons include:</p>
 +
          <ul>
 +
            <li>Large deposit amount</li>
 +
            <li>Frequent overdrafts</li>
 +
            <li>Deposited check returned unpaid</li>
 +
            <li>Indications a deposited check may not be paid  </li>
 +
          </ul>
 +
        </div>
 +
      </dd>
 +
      <dt tap-target="tap-target" data-target-id="three" class="expand-collapse-link closed" id="G2QUOEUK" style="touch-action: auto;"><button aria-controls="UCWT49WV" aria-expanded="false" style="background-color: transparent; border: none; text-align: left; padding: 0px;"><i class="mwf-icon"></i>
 +
        <div class="link-text-container">How should I endorse my check?</div>
 +
      </button></dt>
 +
      <dd data-target-id="three" class="expand-collapse-content closed" id="UCWT49WV" role="region" aria-labelledby="G2QUOEUK">
 +
        <p>Before you take your check photos:</p>
 +
        <ol>
 +
          <li> <strong>Sign the back of your check</strong></li>
 +
          <li> <strong>Write <span lang="en" class="OneLinkNoTx">"For Mobile Deposit at Wells Fargo Bank Only"</span> below your signature. </strong>(Or if available, check the box that reads: "Check here if mobile deposit".)</li>
 +
        </ol>
 +
      </dd>
 +
      <dt tap-target="tap-target" data-target-id="four" class="expand-collapse-link closed" id="GJ2M9T4K" style="touch-action: auto;"><button aria-controls="LA6ITS5S" aria-expanded="false" style="background-color: transparent; border: none; text-align: left; padding: 0px;"><i class="mwf-icon"></i>
 +
        <div class="link-text-container">How should I take my check photos?</div>
 +
      </button></dt>
 +
      <dd data-target-id="four" class="expand-collapse-content closed" id="LA6ITS5S" role="region" aria-labelledby="GJ2M9T4K">
 +
        <p><strong>For best results:</strong></p>
 +
        <ul>
 +
          <li>Place check on a dark colored surface that's not reflective and is well lit.</li>
 +
          <li>Position camera directly over the check (not angled).</li>
 +
          <li>Fit all 4 corners inside the guides.</li>
 +
        </ul>
 +
      </dd>
 +
      <dt tap-target="tap-target" data-target-id="five" class="expand-collapse-link closed" id="3841WPHB" style="touch-action: auto;"><button aria-controls="F47L5OE1" aria-expanded="false" style="background-color: transparent; border: none; text-align: left; padding: 0px;"><i class="mwf-icon"></i>
 +
        <div class="link-text-container">What types of checks can I deposit?</div>
 +
      </button></dt>
 +
      <dd data-target-id="five" class="expand-collapse-content closed" id="F47L5OE1" role="region" aria-labelledby="3841WPHB">
 +
        <p>You can deposit checks payable in U.S. dollars and drawn at any U.S.-based bank, including personal, business, and most government checks. Checks must be payable to, and endorsed by, the account holder. </p>
 +
        <p>The following are <strong>not</strong> eligible for Mobile Deposit: international checks, U.S. savings bonds, U.S. postal money orders, MoneyGram, remotely created checks (whether in paper form or electronically created), convenience checks (checks drawn against a line of credit), and cash.</p>
 +
      </dd>
 +
      <dt tap-target="tap-target" data-target-id="six" class="expand-collapse-link closed" id="55SMK4NC" style="touch-action: auto;"><button aria-controls="OJJZGUZZ" aria-expanded="false" style="background-color: transparent; border: none; text-align: left; padding: 0px;"><i class="mwf-icon"></i>
 +
        <div class="link-text-container">Are there deposit cutoff times?</div>
 +
      </button></dt>
 +
      <dd data-target-id="six" class="expand-collapse-content closed" id="OJJZGUZZ" role="region" aria-labelledby="55SMK4NC">
 +
        <table>
 +
          <colgroup><col width="150">
 +
          <col width="150">
 +
          </colgroup><tbody><tr>
 +
            <th>Deposits made</th>
 +
            <th>Funds are available</th>
 +
          </tr>
 +
          <tr>
 +
            <td>Before 9 pm Pacific Time business days</td>
 +
            <td>On the next day after your deposit</td>
 +
          </tr>
 +
          <tr>
 +
            <td>After 9 pm Pacific Time business days</td>
 +
            <td>On the day after the deposit credit date</td>
 +
          </tr>
 +
          <tr>
 +
            <td>Non-business days</td>
 +
            <td>On the day after the deposit credit date</td>
 +
          </tr>
 +
        </tbody></table><br>
 +
        <p>Business days are Monday - Friday except federal holidays.</p>
 +
        <p>The deposit credit date is provided on the confirmation screen and in your email confirmation.</p>
 +
      </dd>
 +
      <dt tap-target="tap-target" data-target-id="seven" class="expand-collapse-link closed" id="017PXE82" style="touch-action: auto;"><button aria-controls="WO044QLU" aria-expanded="false" style="background-color: transparent; border: none; text-align: left; padding: 0px;"><i class="mwf-icon"></i>
 +
        <div class="link-text-container">Is there a fee?</div>
 +
      </button></dt>
 +
      <dd data-target-id="seven" class="expand-collapse-content closed" id="WO044QLU" role="region" aria-labelledby="017PXE82">
 +
        <p>There is currently no fee to use Mobile Deposit. </p>
 +
      </dd>
 +
      <dt tap-target="tap-target" data-target-id="eight" class="expand-collapse-link closed" id="8FB9SIVB" style="touch-action: auto;"><button aria-controls="X2MVVY1S" aria-expanded="false" style="background-color: transparent; border: none; text-align: left; padding: 0px;"><i class="mwf-icon"></i>
 +
        <div class="link-text-container">What should I do with my check?</div>
 +
      </button></dt>
 +
      <dd data-target-id="eight" class="expand-collapse-content closed" id="X2MVVY1S" role="region" aria-labelledby="8FB9SIVB">
 +
        <p>After completing your mobile deposit:</p>
 +
        <ol>
 +
          <li><strong>Write "Mobile deposit" and the date on the front of your check.</strong></li>
 +
          <li><strong>Store it in a safe place for 5 days, and then destroy it.</strong>&nbsp;Five days is enough time in case the original check is required for any reason.</li>
 +
        </ol>
 +
      </dd>
 +
      <dt tap-target="tap-target" data-target-id="nine" class="expand-collapse-link closed" id="1BC5JXCW" style="touch-action: auto;"><button aria-controls="5OVX1MPP" aria-expanded="false" style="background-color: transparent; border: none; text-align: left; padding: 0px;"><i class="mwf-icon"></i>
 +
        <div class="link-text-container">Where can I get more help?</div>
 +
      </button></dt>
 +
      <dd data-target-id="nine" class="expand-collapse-content closed" id="5OVX1MPP" role="region" aria-labelledby="1BC5JXCW">
 +
        <p>For help with mobile deposits, call us 24 hours a day, 7 days a week.<br><i class="mwf-call-for-care"></i><a href="tel:+18668636762" class="mwf-phone-no">1-866-863-6762</a></p>
 +
        <p>Or tweet us <strong>@Ask_WellsFargo</strong></p>
 +
        <p><strong>TDD for hearing impairments</strong><br><i class="mwf-call-for-care"></i><a href="tel:+18008774833" class="mwf-phone-no">1-800-877-4833</a></p>
 +
      </dd>
 +
      <dt tap-target="tap-target" data-target-id="ten" class="expand-collapse-link closed" id="S3AVGMCP" style="touch-action: auto;"><button aria-controls="UD5MNN1I" aria-expanded="false" style="background-color: transparent; border: none; text-align: left; padding: 0px;"><i class="mwf-icon"></i>
 +
        <div class="link-text-container">Terms and conditions</div>
 +
      </button></dt>
 +
      <dd data-target-id="ten" class="expand-collapse-content closed mwf-terms-and-conditions" id="UD5MNN1I" role="region" aria-labelledby="S3AVGMCP">
 +
        <p>You can review the Wells Fargo Mobile Deposit Service section in the <a tabindex="0" role="link" href="javascript:void(0);" data-url="https://www.wellsfargo.com/online-banking/online-access-agreement" data-external-navigation="data-external-navigation" data-display-type="browser" class="mwf-terms-en-link">Online Access Agreement</a><a tabindex="0" role="link" href="javascript:void(0);" data-url="https://www.wellsfargo.com/es/online-banking/online-access-agreement" data-display-type="browser" data-external-navigation="data-external-navigation" class="mwf-terms-es-link hidden">Online Access Agreement</a>.</p>
 +
      </dd>
 +
    </dl>
 
   </section>
 
   </section>
  <section>
+
</section></div>
    <a href="#" onclick="toggle(this);" id="a1" aria-expanded="false" aria-controls="p2" > Level Access</a>
 
    <p class="hidden" id="p2">Level Access is an digital accessibility solutions provider.</p>
 
  </section>
 
 
 
  <div role="img" aria-expanded="true"> test </div>
 
  <div role="tablist" aria-expanded="true"> test </div>
 
  <div role="tree" aria-expanded="true"> test </div>
 
 
   <body>
 
   <body>
 
</html>
 
</html>
Line 40: Line 158:
  
 
==Notes==
 
==Notes==
This example uses ARIA-Expanded and ARIA-Controls.
+
Random Testing - Not accessible examples
  
 
==Test Results==
 
==Test Results==
JAWS with internet Explorer, Firefox and Chrome The expanded and collapsed state are announced as expected. In Firefox and Internet Explorer the JAWS command INSERT+ALT+M moves the virtual cursor to the new content. This does not work in Google chrome.
+
What are the test results?
With NVDA the Expanded and collapsed state are announced as expected. Note there is no NVDA command to move to the new content.
 
In iOS with VoiceOver the Expanded and collapsed state are announced as expected.
 
  
 
[[Category: ARIA]]
 
[[Category: ARIA]]

Revision as of 14:44, 4 January 2019

See also ARIA Accordion

Notes

Random Testing - Not accessible examples

Test Results

What are the test results?