508 Accessibility to a check box

cperdue

I want to add 508 Accessibility to a check box. I have a select check box with user full name columns. How do I create the Ariel-label for the check box to have the name column information.

allan

Do you mean this type of checkbox? That's just a CSS border on a pseudo element:

{
    content: ' ';
    margin-top: -6px;
    margin-left: -6px;
    border: 1px solid black;
    border-radius: 3px;
}

Or did you mean something else?

Allan

blepore

Since the subject is 508 accessibility I'd assume cperdue meant an actual checkbox. This is necessary to allow a user that is using a keyboard to select the element. Presently this is not possible with the recommended option of a CSS border on a pseudo element.

This checkbox would need a meaningful accessible name.