Difference between revisions of "Random Testing RJ"

From Level Access Web Labs
Jump to navigation Jump to search
 
(117 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> Focus</h3>
+
         </tr>
<input type="button" onclick="getfocus()" value="Get focus">
+
        <tr>
 
+
            <td class="footer__table-item"><strong>Are Not Deposits</strong></td>
   <body>
+
            <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>
 +
    </table>
 +
   </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?