Difference between revisions of "Aria-labelledby multiple and hidden ids"

From Level Access Web Labs
Jump to navigation Jump to search
(Created page with "<html> <span id="a1">First Name</span> <input type="text" aria-labelledby="a1 a2"> <span style="display:none;" id="a2">error message</span> </html>")
 
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
* Input with aria-labelledby pointing to 2 spans with ids - 1 shown 1 display none.
 +
* 2nd input field also points to aria-labelledby from first and not "last name"
 +
 
<html>
 
<html>
 
   <span id="a1">First Name</span>
 
   <span id="a1">First Name</span>
 
   <input type="text" aria-labelledby="a1 a2">
 
   <input type="text" aria-labelledby="a1 a2">
 
   <span style="display:none;" id="a2">error message</span>
 
   <span style="display:none;" id="a2">error message</span>
+
  <span id="a3">Last Name</span>
 +
  <input type="text" aria-labelledby="a1">
 
</html>
 
</html>

Latest revision as of 13:38, 6 May 2021

  • Input with aria-labelledby pointing to 2 spans with ids - 1 shown 1 display none.
  • 2nd input field also points to aria-labelledby from first and not "last name"

First Name Last Name