Difference between revisions of "NirajThapa"

From Level Access Web Labs
Jump to navigation Jump to search
Line 52: Line 52:
 
</svg>  
 
</svg>  
  
 +
<br><br>
  
 +
<div role="group" aria-labelledby="shipping_head" style="float: left; border: 1px solid #333; padding: 0 .5em .5em; margin-right: 1em;">
 +
<div id="shipping_head" style="font-weight: bold; padding: .25em 0;">Shipping Address:</div>
 +
<div>
 +
<label for="aria_shipping_name"><span class="visuallyhidden">Shipping </span>Name:</label><br>
 +
<input type="text" name="aria_shipping_name" id="aria_shipping_name">
 +
</div>
 +
<div>
 +
<label for="aria_shipping_street">Street:</label><br>
 +
<input type="text" name="aria_shipping_street" id="aria_shipping_street">
 +
</div>
 +
<div>
 +
<label for="aria_shipping_number">Number:</label><br>
 +
<input type="text" name="aria_shipping_number" id="aria_shipping_number">
 +
</div>
 +
<div>
 +
<label for="aria_shipping_city">City:</label><br>
 +
<input type="text" name="aria_shipping_city" id="aria_shipping_city">
 +
</div>
 +
<div>
 +
<label for="aria_shipping_zip">ZIP code:</label><br>
 +
<input type="text" name="aria_shipping_zip" id="aria_shipping_zip">
 +
</div>
 +
</div>
  
 
</body>
 
</body>
  
 
</html>
 
</html>

Revision as of 19:10, 28 December 2019

This is a test page for internal use.
Add more later.
Form Field with Label:



Form field with Aria-Label:
First Name:


Form field with Aria-labelledby:
First Name:


Are you ready?


I'm a simulated button.

I am a native link.
I am a simulated link.

Alternative Text for SVG with Aria-Labelledby, Title and Role:

Red Circle



Shipping Address: