Difference between revisions of "Random Testing RJ"

From Level Access Web Labs
Jump to navigation Jump to search
 
(116 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>
        <h3>div container with style="display: table-cell" and role of region</h3>
+
<a role="link" tabindex="0" class="apr-cta" style="touch-action: auto;">Track<span class="visuallyhidden">Opens dialog</span></a>
        <div style="display: table-cell" role="region" aria-label="test">
 
  
             <div>Hello world</div>
+
<table class="footer__table">
             <div>Goodbye World</div>
+
        <tbody><tr>
         </div>
+
            <td class="footer__table-item"><strong>Are Not FDIC Insured</strong></td>
 +
             <td class="footer__table-item"><strong>Are Not Bank Guaranteed</strong></td>
 +
             <td class="footer__table-item"><strong>May Lose Value</strong></td>
 +
         </tr>
 +
        <tr>
 +
            <td class="footer__table-item"><strong>Are Not Deposits</strong></td>
 +
            <td class="footer__table-item"><strong>Are Not Insured by Any Federal Government Agency</strong></td>
 +
            <td class="footer__table-item"><strong>Are Not a Condition to Any Banking Service or  Activity</strong></td>
 +
        </tr>
 +
    </tbody></table>
  
        <h3>div container with style="display: table-cell"</h3>
+
=========
        <div >
+
Without tbody
            <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>
+
<table class="footer__table">
        <div  role="region" aria-label="testing region">
+
      <tr>
             <div style="display:table;">Hello world</div>
+
            <td class="footer__table-item"><strong>Are Not FDIC Insured</strong></td>
             <div style="display:table;">Goodbye World</div>
+
             <td class="footer__table-item"><strong>Are Not Bank Guaranteed</strong></td>
        </div><br>
+
             <td class="footer__table-item"><strong>May Lose Value</strong></td>
<h3>JavaScript Focus</h3>
+
        </tr>
<div role="region" aria-label="alerts & notifications">
+
        <tr>
<div tabindex="-1" id="myAnchor">The following errors has occurred<br>
+
            <td class="footer__table-item"><strong>Are Not Deposits</strong></td>
<a href="#">Error Number 1</a><br>
+
            <td class="footer__table-item"><strong>Are Not Insured by Any Federal Government Agency</strong></td>
Error Number 2</br>
+
            <td class="footer__table-item"><strong>Are Not a Condition to Any Banking Service or  Activity</strong></td>
</div>
+
        </tr>
 
+
    </table>
 
+
   </body>
<input type="button" onclick="getfocus()" value="Get focus">
 
 
 
   <body>
 
 
</html>
 
</html>
  

Latest revision as of 16:49, 16 October 2021

TrackOpens dialog

========= Without tbody

Notes

Random Testing - Not accessible examples

Test Results

What are the test results?