Difference between revisions of "Random Testing RJ"

From Level Access Web Labs
Jump to navigation Jump to search
 
(44 intermediate revisions by the same user not shown)
Line 8: Line 8:
 
   document.getElementById("myAnchor").blur();
 
   document.getElementById("myAnchor").blur();
 
}
 
}
 
    function realNextSibling(obj) {
 
        if (obj.nextSibling) {
 
          if (obj.nextSibling.nodeType == 3) {
 
            return obj.nextSibling.nextSibling
 
          }
 
        }
 
        return obj.nextSibling;
 
      }
 
 
      function realPreviousSibling(obj) {
 
        if (obj.previousSibling) {
 
          if (obj.previousSibling.nodeType == 3) {
 
            return obj.previousSibling.previousSibling
 
          }
 
        }
 
        return obj.previousSibling;
 
      }
 
 
      function change(e) {
 
        var evt = e ? e : window.event;
 
        var set = document.getElementsByClassName("accbutton");
 
        var index=-1;
 
 
        // find the index of the current accordion header (button)
 
        for (var i = 0; i < set.length; i++) {
 
          if (set[i].id == e.target.id)
 
    var index = i;
 
  }
 
 
        if (e.which == 38 || e.which == 37 || e.which ==33) {  // up, left, pageUP
 
          index--;
 
          if (index < 0) {
 
            index = set.length-1;
 
          }
 
          // page up also toggles
 
          //if (e.which ==33)
 
          //    toggle((set[index]), true);
 
 
          set[index].focus();
 
        }
 
 
        else if (e.which == 40 || e.which ==39 || e.which ==34) { // right, down, pageDN
 
          index++;
 
          if (index >= set.length)
 
            index = 0;
 
          // page down also toggles
 
        //  if (e.which ==34)
 
        //      toggle((set[index]),true);
 
 
          set[index].focus();
 
        }
 
 
        // home
 
else if (e.which == 36) {
 
          set[0].focus();
 
}
 
 
        // end
 
else if (e.which == 35) {
 
          set[set.length-1].focus();
 
}
 
 
      }
 
 
      function toggle(obj,alwaysopen) {
 
        var alwaysopen = (typeof alwaysopen === "undefined") ? false : alwaysopen;
 
 
        if (obj.getAttribute("aria-expanded") == "false" || alwaysopen) {
 
        obj.setAttribute("aria-expanded","true");
 
if (obj.getAttribute("data-invalidmarkup") == "true") {
 
document.getElementById("r4").removeAttribute("hidden");
 
} else {
 
        realNextSibling(obj).removeAttribute("hidden");
 
}
 
        }
 
        else if (obj.getAttribute("aria-expanded") == "true" ) {
 
        obj.setAttribute("aria-expanded","false");
 
if (obj.getAttribute("data-invalidmarkup") == "true") {
 
document.getElementById("r4").removeAttribute("hidden");
 
} else {
 
        realNextSibling(obj).setAttribute("hidden","hidden");
 
}
 
        }
 
      }
 
  
 
</script>
 
</script>
Line 116: Line 31:
 
   </head>
 
   </head>
 
   <body>
 
   <body>
-DELETE ME--
+
-DELETE ME--<br>
 +
<input type="checkbox" id="confirmConsentCheck">
 +
<div class="small-screen">
 +
<label class="ui-checkboxradio-label ui-corner-all ui-button ui-widget ui-checkboxradio-checked ui-state-active" for="confirmConsentCheck">
 +
<p>
 +
I agree to use Adobe® Reader® to access documents provided to me in PDF format, and a Wells Fargo<span class="ui-hidden-accessible">supported browser and operating system.</span>
 +
</p>
 +
</label>
 +
<a class="child-window child-secure nobr ui-link" href="https://www.wellsfargo.com/help/online-banking/browser-supported/" target="_blank"> Supported Browsers and Operating Systems.</a> </div>  
 +
 
 +
 +
 
 +
 
 +
-- Delete Me <br>
 +
<table role="presentation">
 +
<tr>
 +
<td>Company Name</td>
 +
<td>Level Access</td>
 +
</tr>
 +
<tr>
 +
<td>State</td>
 +
<td>VA</td>
 +
</tr>
 +
</tr>
 +
<tr>
 +
<td>Country</td>
 +
<td>USA</td>
 +
 
 +
</table><br>
  
<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-CCJR8HUX" data-scrollable-popup="" style="max-height: 282px;">
+
<table role="presentation">
  <header>
+
<tr>
    <h2 id="Mobile-deposit" class="mwf-popup-header">Mobile Deposit help</h2>
+
<td>Company Name</td>
    <button data-modal-close="data-modal-close" class="mwf-popup-button-close"><i class="mwf-icon"></i><span class="visuallyhidden">Close</span></button>
+
<td><a href="#">Level Access</a></td>
  </header>
+
</tr>  
  <section data-scrollable-content="data-scrollable-content" class="mwf-popup-body" style="height: 254px; overflow-y: auto;" data-is-scrollable="">
+
<tr>
    <ul class="check-deposit-help mwf-faq" role="presentation">
+
<td>State</td>
      <li class="mwf-faq-question" role="presentation">
+
<td><input type="text"></td>
        <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>
+
</tr>  
        <div class="mwf-faq-answer expand-collapse-content closed" data-target-id="GQQE4WUM" id="4C8XWXD8">
+
</tr>
          <p>Use your phone's camera to deposit checks anytime, anywhere. Simply:
+
<tr>
            </p><ol>
+
<td>Country</td>
              <li>Select the account to use for your deposit.</li>
+
<td>USA</td>
              <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>
 
</section></div>
 
--DELETE ME <br><br>
 
<button onclick="document.getElementById('dialog1').setAttribute('open','open');">Open dialog</button>
 
<div role="dialog" aria-labelledby="d1" id="dialog1">
 
<div id="container">
 
      <div>
 
        <button class="accbutton" id="b1" onkeydown="change(event);" aria-expanded="true" aria-controls="r1" onclick="toggle(this);">Web Accessibility</button>
 
        <div class="panel" role="region" id="r1" aria-labelledby="b1">
 
          <div><a href="https://amp.ssbbartgroup.com/public/standards/view_violations.php?media_type_id=9">Structure</a></div>
 
          <div><a href="https://amp.ssbbartgroup.com/public/standards/view_violations.php?media_type_id=4">Forms</a></div>
 
          <div><a href="https://amp.ssbbartgroup.com/public/standards/view_violations.php?media_type_id=10">Color and Contrast</a></div>
 
        <div><label>Search</label> <input type="text"/> </div>
 
        </div>
 
      </div>
 
      <div>
 
     
 
      </div>
 
</div>
 
</div>
 
  
-- Delete Me <br><br>
+
</table>
      <div id="container">
+
-DELETE ME--<br>
      <div>
 
        <button class="accbutton" id="b1" onkeydown="change(event);" aria-expanded="true" aria-controls="r1" onclick="toggle(this);">Web Accessibility</button>
 
        <div class="panel" role="region" id="r1" aria-labelledby="b1">
 
          <div><a href="https://amp.ssbbartgroup.com/public/standards/view_violations.php?media_type_id=9">Structure</a></div>
 
          <div><a href="https://amp.ssbbartgroup.com/public/standards/view_violations.php?media_type_id=4">Forms</a></div>
 
          <div><a href="https://amp.ssbbartgroup.com/public/standards/view_violations.php?media_type_id=10">Color and Contrast</a></div>
 
        <div><label>Search</label> <input type="text"/> </div>
 
        </div>
 
      </div>
 
      <div>
 
     
 
      </div>
 
  
--Delete Me <br><br>
 
 
         <h3>div container with style="display: table-cell" and role of region</h3>
 
         <h3>div container with style="display: table-cell" and role of region</h3>
 
         <div style="display: table-cell" role="region" aria-label="test">
 
         <div style="display: table-cell" role="region" aria-label="test">
Line 195: Line 96:
 
             <div style="display:table;">Goodbye World</div>
 
             <div style="display:table;">Goodbye World</div>
 
         </div><br>
 
         </div><br>
<h3>JavaScript Focus</h3>
+
<h3 tabindex="-1" >JavaScript Focus</h3>
<div role="region" aria-label="alerts & notifications">
+
<div role="region" aria-label="errors and notifications">
  <div tabindex="-1" id="myAnchor">The following errors has occurred<br>
+
  <div tabindex="-1" id="myAnchor" >The following errors has occurred<br>
 
<a href="#">Error Number 1</a><br>
 
<a href="#">Error Number 1</a><br>
 
Error Number 2</br>
 
Error Number 2</br>
 
</div>
 
</div>
 
  
 
<input type="button" onclick="getfocus()" value="Get focus">
 
<input type="button" onclick="getfocus()" value="Get focus">

Latest revision as of 21:02, 21 June 2019

-DELETE ME--

Supported Browsers and Operating Systems.

-- Delete Me

Company Name Level Access
State VA
Country USA


Company Name Level Access
State
Country USA

-DELETE ME--

div container with style="display: table-cell" and role of region

Hello world
Goodbye World

div container with style="display: table-cell"

Hello world
Goodbye World

div container with style="display:table" and role of region

Hello world
Goodbye World


JavaScript Focus

The following errors has occurred
Error Number 1
Error Number 2

Notes

Random Testing - Not accessible examples

Test Results

What are the test results?