Five New Optimizely Certifications are Here! Validate your expertise and advance your career with our latest certification exams. Click here to find out more

AI OnAI Off

Accessibility issues with the login page

Found in

EPiServer.CMS.UI 11.31.0

Fixed in

EPiServer.CMS.UI 11.33.0

(Or a related package)

Created

Jan 12, 2021

Updated

Jul 06, 2021

Area

CMS UI

State

Closed, Fixed and tested

Description

There are some accessibility issues with the login page (Util/login.aspx) according to WCAG 2.1.

Bug 1: Missing Language of Page in <html>

For example: an English site should use <html lang="en">.

Reference: https://www.w3.org/WAI/WCAG21/Understanding/language-of-page.html

Bug 2: Labels are not connected to form controls

For example: the label for UserName refers to an element ID that does not exist on the page. The input ID is LoginControl_UserName.

<li>
    <label for="UserName">Name</label>
    <input name="LoginControl$UserName" type="text" id="LoginControl_UserName" />
    <span id="LoginControl_RequiredFieldValidator1" style="display:none;">­     </span>
</li>

Reference:  https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html

Bug 3: There is no text in the header <h2 class="text--error">

For example: <h2 class="text--error"></h2>