Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Making Forms Accessible to all users

1,572 views

Published on

I gave a presentation at a conference for making learning accessible at Michigan State University. My presentation was a brief overview into how to make HTML forms more accessible to everyone.

Published in: Software, Technology
  • Looking For A Job? Positions available now. FT or PT. $10-$30/hr. No exp required. ★★★ http://t.cn/AieXiXbg
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Are you literally FEEDING your diabetes putting this one "health" food on your dinner plate? This is important. You must stop eating this food today or you could be doubling the speed at which your diabetes progresses... ♣♣♣ http://t.cn/AiBhrtGG
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • I've been a member for 12 weeks now and wow, profit every week, target hit more often than not.I've cashed out a chunk and took the trip of my dreams. If you've never been make sure you add it to the list dude.Who'd have thought it, lad from Grimsby pays for 5* trip to Hawaii with betting profits!I might write a book. ➤➤ https://bit.ly/30jWepO
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Can you earn $7000 a month from home? Are you feeling trapped by your life? Stuck in a dead-end job you hate, but too scared to call it quits, because after all, the rent's due on the first of the month, right? Are you ready to change your life for the better? ➤➤ http://scamcb.com/ezpayjobs/pdf
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Could you use an extra $1750 a week? I'm guessing you could right? If you would like to see how you could make this type of money, right from the comfort of your own home, you absolutely need to check out this short free video. ➤➤ http://t.cn/AisJWYf4
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Making Forms Accessible to all users

  1. 1. ACCESSIBLE FORMS RYAN SCHROEDER
  2. 2. ACCESSIBLE FORMS BACKGROUND ▸ Overview ▸ Troubles with forms ▸ Why are forms important?
  3. 3. ACCESSIBLE FORMS INTRO TO HTML FORMS ▸ <form> ▸ declares the form for the browser ‣ action ‣ method ▸ <input> ‣ tells the browser what to show
  4. 4. ACCESSIBLE FORMS <INPUT> ▸ type=“ “ ▸ sets the type of input field ▸ name=“ “ ▸ name that gets submitted with the form ▸ value=“ “ ▸ optional (but encouraged) ▸ <p> tag?
  5. 5. ACCESSIBLE FORMS
  6. 6. ACCESSIBLE FORMS
  7. 7. ACCESSIBLE FORMS
  8. 8. ACCESSIBLE FORMS
  9. 9. ACCESSIBLE FORMS GROUPING ▸ <fieldset> ▸ grouping of like objects ▸ <legend> ▸ the title for each different grouping
  10. 10. ACCESSIBLE FORMS
  11. 11. ACCESSIBLE FORMS
  12. 12. ACCESSIBLE FORMS LABELS ▸ <label> or aria-labelledby ▸ for=“” ▸ added to the label tag ▸ id=“” ▸ added to the input tag ▸ “Label for=“ must match id=“”
  13. 13. ACCESSIBLE FORMS
  14. 14. ACCESSIBLE FORMS
  15. 15. ACCESSIBLE FORMS REQUIRED ELEMENTS ▸ add “(required)” ▸ this is to be added in the label ▸ “required” ▸ to be added in the input tag ▸ aria-required=“true” ▸ to be added in the input tag
  16. 16. ACCESSIBLE FORMS
  17. 17. ACCESSIBLE FORMS
  18. 18. ACCESSIBLE FORMS THANK YOU

×