[web accessibility] #a11y

web-access.txt

Clean as you go - dont wait till the end

A11Y - accessability
WCAG 2.0 - Web Content Accessibility Guidelines

Perceivable, Operable, Understandable, Robust

##################
Snips
##################

  Decorative text / ASCII right way: use CSS
  
.read-more:after {
   content: "\25b6";
   
   
<label> element is used to associate a text label to a form control
<fieldset> identifies the entire grouping and <legend> identifies the grouping's descriptive text	

  most fields, place the label immediately before the field
  checkboxes or radio buttons, place the label immediately after the field
  time limit associated with the form, allow users to turn off, adjust, or extend the time limit

####################	
Use Tota11y to test 
####################

<label>
   First Name: <input type="text" name="first_name" />
</label>
<label for="terms">I agree to the terms and conditions</label>
<input type="checkbox" name="terms" id="terms" />