Skip to content

Accessibility issues on the login screen #14517

Open
@plannero

Description

@plannero

Which Umbraco version are you using? (Please write the exact version, example: 10.1.0)

10.4.0

Bug summary

1. Contrast
Login screen has insufficient text contrast on login button as well as "show password" and "forgotten password?".
Contrast looks a little better when not Login button not disabled, but still not OK according to WCAG 2.1.
contrast_login

2. Umbraco logo missing alt text
Screen reader should not need to fallback to reading the file name (even if that is somewhat readable). Just add alt="Umbraco logo" or similar.
logo_alt

3. Very nice, but not very informative h1
The formulation I find in h1 has a nice tone, and I believe you should keep it (because the title element + the layout kind of provide the needed message). But formally it might be considered a breach of accessibility standards for clear and informative headings. https://www.w3.org/TR/WCAG21/#headings-and-labels
thunder

Specifics

No response

Steps to reproduce

Go to login screen. Observe.

Expected result / actual result

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions