before and after survey page focus indication error

On https://www.w3.org/WAI/demos/bad/after/survey.html the focus indication on the Mr. and Mrs. Radio buttons doesn't work. It looks like the CSS rules do not cover this.

I haven't been able to come up with a rule that will work with the <input type="radio"> nested within the <label> that will work.

HTML:

<p id="namenewsletter" class="input">

        <label for="mr">Mr. <input type="radio" name="t" id="mr" value="mr" title="title"></label>

        <label for="mrs">Mrs. <input type="radio" name="t" id="mrs" value="mrs" title="title"></label>

        <label for="n">Name: <input type="text" name="n" id="n" size="30" style="margin-left: 0.5em;"></label>

</p>




CSS:
select:focus, select:active, input:focus, input:active, input:focus + label, input:active + label, label[for]:focus, label[for]:active {
  color: #fff !important;
  background-color: #ba2710 !important;
}


Best Regards,
Lewis

Lewis Phillips, CPACC
Senior Accessibility Solutions Engineer
AT&T Corporate Accessibility Technology Office (CATO)
Phone: 512-372-5406| Email: lp795e@att.com<mailto:lp795e@att.com> | Q me!<qto://talk/lp795e>

CATO Resources: Website<http://cato.web.att.com/cato/>  | Wiki<https://wiki..web.att.com/pages/viewpage.action?pageId=314977991> | tSpace<http://tspace.web.att.com/communities/service/html/communityview?communityUuid=746674bd-f14f-4582-8f67-88ca4e43ddb9> | Blog<http://tspace.web.att.com/blogs/746674bd-f14f-4582-8f67-88ca4e43ddb9/?lang=en_us> | Webinars<https://tspace.web.att.com/forums/html/forum?id=eda4a387-f95c-4f70-8825-55642183c903&ps=25> | Accessibility Compliance Resources<http://intranet.att.com/accessibility/standards/index.html>

[IAAP - International Association of Accessibility Professionals. Certified Professional in Accessibility Core Competencies (CPACC)]<http://www.accessibilityassociation.org/certification>

"Just do the right thing" "Sólo haz lo correcto" "Faça a coisa certa."

This e-mail and any files transmitted with it are the property of AT&T, are confidential, and are intended solely for the use of the individual or entity to whom this e-mail is addressed.  If you are not one of the named recipient(s) or otherwise have reason to believe that you have received this message in error, please notify the sender at (314)724-4339 and delete this message immediately from your computer.  Any other use, retention, dissemination, forwarding, printing, or copying of this e-mail is strictly prohibited

Received on Monday, 29 May 2017 12:16:37 UTC