search

statamic / a11y

Discuss and track opportunities to improve Statamic's accessibility
3 stars 1 forks source link

Color alone, is used to convey links #7

Open fiinix opened 4 years ago

fiinix commented 4 years ago

Environment

Statamic version: 3.0.0.-beta-35 PHP version: 7.3.19 Install method (choose one):

Steps to reproduce

  1. Browse to login URL
  2. Read 'Forgot password?'

Expected Result

Color to not be the only visual means of conveying that links are links.

Actual Result

Links use color (sometimes opacity) as the only means of conveying information.

Example or proof

<a href="https://domain.com/cp/auth/password/reset" class="forgot-password-link text-sm opacity-75 hover:opacity-100">
            Forgot password?
        </a>

WCAG 2.1 failure(s)

Please note, WCAG references are guidance and comprehensive testing ought to be conducted by a dedicated auditing company.

Severity/Priority

This is a critical, systemic issue.

jackmcdade commented 4 years ago

I don't think the forgot password link is an issue based on G182. There isn't any other non-link text in the contextual area to need to differentiate against. We don't plan to add an underline to every <a> tag in the the Statamic UI, so what other options are there when this might be the case?