Difference between revisions of "Self Referential aria-labelledby"

From Level Access Web Labs
Jump to navigation Jump to search
(Created page with "<html> <h2>Text required for aria-labelledby references</h2> <div id="this">This</div> <div id="is">Is</div> <h2>Sample Buttons</h2> <button id="test1">a Test</button> <p>Exp...")
 
Line 1: Line 1:
 +
==Text required for aria-labelledby references==
 
<html>
 
<html>
<h2>Text required for aria-labelledby references</h2>
 
 
<div id="this">This</div>
 
<div id="this">This</div>
 
<div id="is">Is</div>
 
<div id="is">Is</div>
 +
</html>
 +
'''Code:'''
 +
id="this" and id="is"
  
<h2>Sample Buttons</h2>
+
==Sample Buttons==
 +
<html>
 
<button id="test1">a Test</button>
 
<button id="test1">a Test</button>
<p>Expected computed name is "a Test"</p>
+
</html>
 +
Expected computed name is "a Test"
 +
'''Code:''' <button id="test1">a Test</button>
  
 +
<html>
 
<button id="test2" aria-labelledby="test2">a Test</button>
 
<button id="test2" aria-labelledby="test2">a Test</button>
<p>Expected computed name is "a Test"</p>
+
</html>
 +
Expected computed name is "a Test"
 +
'''Code:''' <button id="test2" aria-labelledby="test2">a Test</button>
  
 +
<html>
 
<button id="test3" aria-labelledby="is test4">a Test</button>
 
<button id="test3" aria-labelledby="is test4">a Test</button>
<p>Expected computed name is "Is a Test"</p>
+
</html>
 +
Expected computed name is "Is a Test"
 +
'''Code:''' <button id="test3" aria-labelledby="is test3">a Test</button>
  
 +
<html>
 
<button id="test4" aria-labelledby="This Is test4">a Test</button>
 
<button id="test4" aria-labelledby="This Is test4">a Test</button>
<p>Expected computed name is "This Is a Test"</p>
+
</html>
 +
Expected computed name is "This Is a Test"
 +
'''Code:''' <button id="test4" aria-labelledby="This Is test4">a Test</button>
  
 +
<html>
 
<button id="YodaButton" aria-labelledby="YodaButton This Is">a Test</button>
 
<button id="YodaButton" aria-labelledby="YodaButton This Is">a Test</button>
<p>Expected computed name is "a Test This Is"</p>
 
 
</html>
 
</html>
 +
Expected computed name is "a Test This Is"
 +
'''Code:''' <button id="YodaButton" aria-labelledby="YodaButton This Is">a Test</button>

Revision as of 19:03, 2 February 2017

Text required for aria-labelledby references

This
Is

Code: id="this" and id="is"

Sample Buttons

Expected computed name is "a Test" Code: <button id="test1">a Test</button>

Expected computed name is "a Test" Code: <button id="test2" aria-labelledby="test2">a Test</button>

Expected computed name is "Is a Test" Code: <button id="test3" aria-labelledby="is test3">a Test</button>

Expected computed name is "This Is a Test" Code: <button id="test4" aria-labelledby="This Is test4">a Test</button>

Expected computed name is "a Test This Is" Code: <button id="YodaButton" aria-labelledby="YodaButton This Is">a Test</button>