PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

CSS accessibility bug: :focus styles set to outline: 0

  1. Hi there,

    formsmain.css has this style rule:

    .gform_wrapper :focus {
    outline: 0;
    }

    This makes tabbing through forms rather difficult, especially if the form has radio buttons, checkboxes or select elements, which won't show any sign of having focus. This affects people with disabilities and power users alike.

    I strongly suggest removing that style rule (preferred) or adding specific focus styles for individual elements. Of course I can override this in my theme stylesheet, but the base styles should be accessible to begin with.

    Posted 10 years ago on Wednesday June 19, 2013 | Permalink
  2. I'll pass this on to the team.

    Posted 10 years ago on Wednesday June 19, 2013 | Permalink