Difference between revisions of "Random Testing RJ"

From Level Access Web Labs
Jump to navigation Jump to search
 
(123 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 +
<script>
 +
function getfocus() {
 +
  document.getElementById("myAnchor").focus();
 +
}
 +
 +
function losefocus() {
 +
  document.getElementById("myAnchor").blur();
 +
}
 +
 +
</script>
 
   <style type="text/css">
 
   <style type="text/css">
 
     .hidden {
 
     .hidden {
Line 21: 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>
 
            <div>Goodbye World</div>
 
        </div>
 
  
         <h3>div container with style="display: table-cell"</h3>
+
<table class="footer__table">
         <div >
+
         <tbody><tr>
             <div style="display: table-cell">Hello world</div>
+
            <td class="footer__table-item"><strong>Are Not FDIC Insured</strong></td>
             <div style="display: table-cell">Goodbye World</div>
+
            <td class="footer__table-item"><strong>Are Not Bank Guaranteed</strong></td>
         </div>
+
            <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"</h3>
+
=========
        <div style="display:table;" role="region" aria-label="testing region">
+
Without tbody
            <div>Hello world</div>
 
            <div>Goodbye World</div>
 
        </div>
 
  
   <body>
+
<table class="footer__table">
 +
      <tr>
 +
            <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>
 +
    </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?