Difference between revisions of "ARIA Group role"

From Level Access Web Labs
Jump to navigation Jump to search
Line 2: Line 2:
  
 
<html>
 
<html>
<div role="group" aria-labelledby="s1" aria-label="my aria label">  
+
<div role="group" aria-labelledby="s1" aria-label="Platform ARIA label">  
 
   <span id="s1">Platform:</span>
 
   <span id="s1">Platform:</span>
 
   <label><input type="radio" id="r1" name="a"> Mac </label>
 
   <label><input type="radio" id="r1" name="a"> Mac </label>
Line 9: Line 9:
 
</div>
 
</div>
  
<div role="group" aria-labelledby="s2" aria-label="my aria label">  
+
<div role="group" aria-labelledby="s2" aria-label="Billing Address aria label">  
 
   <span tabindex="-1" id="s2">Billing Address:</span>
 
   <span tabindex="-1" id="s2">Billing Address:</span>
 
   <div><label>Name:<input type="text" id="r1" name="a"></label></div>
 
   <div><label>Name:<input type="text" id="r1" name="a"></label></div>

Revision as of 14:51, 11 May 2016

ARIA role group example with input type radio.

Platform:
Billing Address:




Fieldset and Legend tag with H2 inside legend

Was this content helpful?




Fieldset and Legend tag with H2 outside the legend

Was this content helpful?




Regular Fieldset and Legend tag

Was this content helpful?