November Happy Hour will be moved to Thursday December 5th.

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>