Difference between revisions of "Fieldset, Label, and Legend Elements"

From Level Access Web Labs
Jump to navigation Jump to search
Line 147: Line 147:
 
<div>
 
<div>
 
<h3> Using ARIA Label instead of legend</h3>
 
<h3> Using ARIA Label instead of legend</h3>
 
 
<legend id="labl1">Was this content helpful?</legend>
 
<legend id="labl1">Was this content helpful?</legend>
 +
<H4 id="labl1">Was this content helpful?</H4>
 
<button id="feedbackYes" class="feedbackHelpful" data-value="yes" aria-label="Was this content helpful? Yes">Yes</button>
 
<button id="feedbackYes" class="feedbackHelpful" data-value="yes" aria-label="Was this content helpful? Yes">Yes</button>
 
<button id="feedbackNo" class="feedbackHelpful" data-value="no" aria-labelledby="labl1">No</button>
 
<button id="feedbackNo" class="feedbackHelpful" data-value="no" aria-labelledby="labl1">No</button>

Revision as of 17:45, 17 May 2016

Shipping Address:



Fieldset and Legend tag with H2 inside legend

Was this content helpful?



Fieldset with H2 and no 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?


Using ARIA Describedby instead of legend

Was this content helpful?



Using ARIA Describedby instead of legend and input type submit instead of button

Was this content helpful?



Using ARIA Labelledby instead of legend

Was this content helpful?



Using ARIA Label instead of legend

Was this content helpful?

What type of search would you like to perform?



radios

What type of search would you like to perform?


Using ARIA Labelledby and legend

Was this content helpful?



Using ARIA Label instead of legend

Was this content helpful?

Was this content helpful?