Difference between revisions of "NirajThapa"

From Level Access Web Labs
Jump to navigation Jump to search
Line 2: Line 2:
 
<head>
 
<head>
 
This is a test page for internal use.
 
This is a test page for internal use.
<br>
+
<br />
Add more later. </br>
+
Add more later. <br />
 
</head>
 
</head>
  
 
<body>
 
<body>
<strong> Form Field with Label: </strong></br>
+
<strong> Form Field with Label: </strong><br />
 
<label for="fname">
 
<label for="fname">
First Name: </label><br>
+
First Name: </label><br />
<input type="text" id="fname"><br>
+
<input type="text" id="fname"><br />
  
<br>
+
<br />
<strong> Form field with Aria-Label: </strong></br>
+
<strong> Form field with Aria-Label: </strong><br />
First Name: </br>
+
First Name: <br />
 
<input type="text" aria-label="First name"> </br> </br>
 
<input type="text" aria-label="First name"> </br> </br>
  
  
<strong> Form field with Aria-labelledby: </strong></br>
+
<strong> Form field with Aria-labelledby: </strong><br />
 
<span id="namef">
 
<span id="namef">
 
First Name:
 
First Name:
</span> </br>
+
</span> <br />
<input type="text" aria-labelledby="namef"> </br> </br>
+
<input type="text" aria-labelledby="namef"> <br /> <br />
  
 
<fieldset>
 
<fieldset>
<legend>Are you ready? </legend><br>
+
<legend>Are you ready? </legend><br />
 
<input type="radio" id="answer1" name="answers">  
 
<input type="radio" id="answer1" name="answers">  
<label for="answer1">Yes </label></br>
+
<label for="answer1">Yes </label><br />
 
<input type="radio" id="answer2" name="answers">  
 
<input type="radio" id="answer2" name="answers">  
<label for="answer2">No</label> </br>
+
<label for="answer2">No</label> <br />
 
</fieldset>
 
</fieldset>
  
Line 43: Line 43:
 
<select>
 
<select>
  
<a href="#">I am a native link.</a> </br>
+
<a href="#">I am a native link.</a> <br />
<span tabindex="0" role="link" id="link">I am a simulated link.</span> </br> </br>
+
<span tabindex="0" role="link" id="link">I am a simulated link.</span> <br /> <br />
  
 
Alternative Text for SVG with Aria-Labelledby, Title and Role:
 
Alternative Text for SVG with Aria-Labelledby, Title and Role:
Line 52: Line 52:
 
</svg>  
 
</svg>  
  
<br><br>
+
<br /><br />
  
 
<div role="group" aria-labelledby="shipping_head" style="float: left; border: 1px solid #333; padding: 0 .5em .5em; margin-right: 1em;">
 
<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 id="shipping_head" style="font-weight: bold; padding: .25em 0;">Shipping Address:</div>
 
<div>
 
<div>
<label for="aria_shipping_name"><span class="visuallyhidden">Shipping </span>Name:</label><br>
+
<label for="aria_shipping_name"><span class="visuallyhidden">Shipping </span>Name:</label><br />
 
<input type="text" name="aria_shipping_name" id="aria_shipping_name">
 
<input type="text" name="aria_shipping_name" id="aria_shipping_name">
 
</div>
 
</div>
 
<div>
 
<div>
<label for="aria_shipping_street">Street:</label><br>
+
<label for="aria_shipping_street">Street:</label><br />
 
<input type="text" name="aria_shipping_street" id="aria_shipping_street">
 
<input type="text" name="aria_shipping_street" id="aria_shipping_street">
 
</div>
 
</div>
 
<div>
 
<div>
<label for="aria_shipping_number">Number:</label><br>
+
<label for="aria_shipping_number">Number:</label><br />
 
<input type="text" name="aria_shipping_number" id="aria_shipping_number">
 
<input type="text" name="aria_shipping_number" id="aria_shipping_number">
 
</div>
 
</div>
 
<div>
 
<div>
<label for="aria_shipping_city">City:</label><br>
+
<label for="aria_shipping_city">City:</label><br />
 
<input type="text" name="aria_shipping_city" id="aria_shipping_city">
 
<input type="text" name="aria_shipping_city" id="aria_shipping_city">
 
</div>
 
</div>
 
<div>
 
<div>
<label for="aria_shipping_zip">ZIP code:</label><br>
+
<label for="aria_shipping_zip">ZIP code:</label><br />
 
<input type="text" name="aria_shipping_zip" id="aria_shipping_zip">
 
<input type="text" name="aria_shipping_zip" id="aria_shipping_zip">
 
</div>
 
</div>
Line 90: Line 90:
 
</optgroup>
 
</optgroup>
 
</select>
 
</select>
 +
<br /><br />
  
 
<div class="tabs">
 
<div class="tabs">

Revision as of 20:41, 29 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:





Optgroup



Nils Frahm is a German musician, composer and record producer based in Berlin. He is known for combining classical and electronic music and for an unconventional approach to the piano in which he mixes a grand piano, upright piano, Roland Juno-60, Rhodes piano, drum machine, and Moog Taurus.