Difference between revisions of "IFrame Element"

From Level Access Web Labs
Jump to navigation Jump to search
 
Line 13: Line 13:
 
<body>
 
<body>
 
<p>title</p>
 
<p>title</p>
<iframe role="navigation" tabindex="0" style="height:100px;" width="100%" title="SSB BART Group Labs website" src="https://labs.ssbbartgroup.com/index.php/Main_Page"></iframe>
+
<iframe style="height:100px;" width="100%" title="SSB BART Group Labs website" src="https://labs.levelaccess.com/index.php/Main_Page"></iframe>
 
<button onclick="test();" >test</button>
 
<button onclick="test();" >test</button>
  
 
<p>aria-label and no title</p>
 
<p>aria-label and no title</p>
<iframe tabindex="0" width="100%" aria-label="SSB BART Group Labs website" src="https://labs.ssbbartgroup.com/index.php/Main_Page"></iframe>
+
<iframe width="100%" aria-label="iFrame with Aria-Label: Level access Labs Website" src="https://labs.levelaccess.com/index.php/Main_Page"></iframe>
  
  
 
<p>Display none</p>
 
<p>Display none</p>
<iframe tabindex="-1" width="100%" style="display:none;" src="https://labs.ssbbartgroup.com/index.php/Main_Page"></iframe>
+
<iframe width="100%" style="display:none;" src="https://labs.levelaccess.com/index.php/Main_Page"></iframe>
  
  
<p>Display none with sapce </p>
+
<p>Display none with space </p>
<iframe tabindex="0" width="100%" style="display: none;" src="https://labs.ssbbartgroup.com/index.php/Main_Page"></iframe>
+
<iframe width="100%" style="display: none;" src="https://labs.levelaccess.com/index.php/Main_Page"></iframe>
  
  
 
<p>aria-hidden and tabindex -1</p>
 
<p>aria-hidden and tabindex -1</p>
<iframe tabindex="0" width="100%" aria-hidden="true" src="https://labs.ssbbartgroup.com/index.php/Main_Page"></iframe>
+
<iframe tabindex="-1" width="100%" aria-hidden="true" src="https://labs.levelaccess.com/index.php/Main_Page"></iframe>
  
  
 
<p>height 0 and tabindex -1</p>
 
<p>height 0 and tabindex -1</p>
<iframe tabindex="-1" width="100%" height="0" src="https://labs.ssbbartgroup.com/index.php/Main_Page"></iframe>
+
<iframe tabindex="-1" width="100%" height="0" src="https://labs.levelaccess.com/index.php/Main_Page"></iframe>
  
Youtube
+
<p>Youtube</p>
 
<iframe width="75%" height="315" src="https://www.youtube.com/embed/jHyecw9jgA0?enablejsapi=1" frameborder="0" allowfullscreen="" _fsrb="true"></iframe>
 
<iframe width="75%" height="315" src="https://www.youtube.com/embed/jHyecw9jgA0?enablejsapi=1" frameborder="0" allowfullscreen="" _fsrb="true"></iframe>
  
  
 
<p>iFrame with fixed pixel width of 300</p>
 
<p>iFrame with fixed pixel width of 300</p>
<iframe width="300" src="https://www.ssbbartgroup.com"></iframe>
+
<iframe width="300" src="https://www.levelaccess.com"></iframe>
  
 
<p>iFrame with name</p>
 
<p>iFrame with name</p>

Latest revision as of 15:17, 18 September 2019

This page contains an iFrame element with a title attribute.

title

aria-label and no title

Display none

Display none with space

aria-hidden and tabindex -1

height 0 and tabindex -1

Youtube

iFrame with fixed pixel width of 300

iFrame with name