Login captcha not using correct structure

This is regarding the catpcha used at www.remarpro.com. It’s the login captcha introduced for login security. This is intentionally raised on Jetpack’s support section and not Meta Trac.

People using assistive technologies are going to struggle to answer the www.remarpro.com login catpcha because of its structure. This may be intentional, as I can’t see how you can distinguish between technologies used for malicious or helpful intentions.

The question to resolve should be written in a ‘label’ element and that label should be associated with the input field (for the answer).

The mathematical operator needs to use a plain text equivalent for people using assistive technologies because those operators are not always supported.

Suggested example:
CSS:

.hide {
    left: -999em;
    position: absolute;
}

HTML:

<label for="sum"> 
    5
    <span class="hide">plus</span>
    <span aria-hidden="true"> +</span>
    7 
    <span class="hide">equals</span>
    <span aria-hidden="true"> =</span>
</label>
<input id="sum" type="text" />

• This topic was modified 8 years ago by Andrew Nevins.
• This topic was modified 8 years ago by Andrew Nevins.
• This topic was modified 8 years ago by Andrew Nevins.
• This topic was modified 8 years ago by Andrew Nevins.