Skip to content

a11y: Links distinguished only by color #4441

Description

@bmtcril

Bugs

Not 100% sure this is a Paragon issue, but in the default theme hyperlinks in course content are differentiated only by color. Specifically:

Where
The course overview field, rendered on the About page inside div.xblock-student_view-about → div.course-about-overview). Measured on a default Tutor install with the default “Open edX” theme.

Finding
Axe link-in-text-block (serious, WCAG 2.1 A, SC 1.4.1 Use of Color) fails on one node of the Demo Course:

Open edX® FAQ page

Both of the rule’s conditions fail:

Contrast against surrounding text is 1.72:1 (minimum 3:1) — link #006daa on body text #454545
text-decoration-line: none, so nothing but color distinguishes it

I've added a bug to the Demo Course to override the default as well (openedx/openedx-demo-course#73), but as part of end-to-end testing I'm starting to see more of these.

If this isn't the right place, just let me know and I'll move it!

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    Projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions