Generally Good Form

Forms are widely used to accept user input, be it for transferring it to the server or to act upon it locally using some JavaScript. HTML provides for accessibility, so cleanly laid out and marked-up form controls are already fully accessible all by themselves. Still, screen readers may sometimes announce specific elements a bit irritatingly….

Generally Bad Form

Even in technically fully valid forms, there can be a lot messed up semantically, making it hardly accessible in many ways. Be it missing or improperly implemented elements – here we show the most common problems and explain them. Most accessibility problems regarding form are caused due to bad semantics. So if you haven’t done…

Faked Fieldset/Legend using ARIA

Admittedly, browsers have a quite peculiar opinion on how to visually style <fieldset>/<legend> structures, and it is quite hard to override their preferences. So if for visual (or any other serious) reason you cannot use standard <fieldset>/<legend>, you may take ARIA to the rescue: Working Example Gender Male Female Explanation As always, we highly recommend to use traditional…