SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Dec 2010
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Build Accessible Online Forms

    Notice: This is a discussion thread for comments about the SitePoint article, Build Accessible Online Forms.
    __________

    Great article, was really hoping to see some examples of code to adhere to.

    Any good links to examples of good form formulas to follow? (please excuse the alliteration.)

  2. #2
    SitePoint Wizard rguy84's Avatar
    Join Date
    Sep 2005
    Location
    Durham, NC
    Posts
    1,659
    Mentioned
    5 Post(s)
    Tagged
    0 Thread(s)
    What do youo mean by formulas?

    Check: http://webaim.org/techniques/forms/
    Ryan B | My Blog | Twitter

  3. #3
    om nom nom nom Stomme poes's Avatar
    Join Date
    Aug 2007
    Location
    Netherlands
    Posts
    10,233
    Mentioned
    47 Post(s)
    Tagged
    1 Thread(s)
    You'll *mostly* get good form advice by typing in "accessible forms html" in a search engine, though not always.

    Lloyd's article is mostly still good (ok no more cursor: hand css...):

    -Use label tags
    -use their "for" attribute, which must match the id of the input they are labelling
    -use fieldsets to group related form fields (this requires a legend in HTML4)

    Some screen readers have a "Forms Mode" they go into when they enter a form. This means only form controls are read out. Paragraphs and other text not inside a form control may be skipped. So a general good rule of thumb is, if you have to explain something, do it outside (and before) the form.

    If that's unavoidable there are ARIA attributes. These are slowly getting supported by browsers and AT vendors.

    Sites like WebAIM, UXMatters and UXBooth regularly publish articles about things like, making labels line up for dyslexics, making larger clickable areas, making sure labels and inputs are also visually clearly related to each other, and making sure your submit button actually says something more useful than "Submit' : )

    I know someone who republishes a regular list of accessible (in general, not just forms) articles which tend to be small, easy reads:
    http://paper.li/sprungmarkers/accessibility


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •