Coder Social home page Coder Social logo

Comments (2)

github-actions avatar github-actions commented on August 30, 2024

Welcome to us-rse! We are excited that this is your first issue!

from usrse.github.io.

NickleDave avatar NickleDave commented on August 30, 2024

I am looking at this some more since I am still noticing that links are hard to find (for me at least, could be my partial color-blindness).

I found these accessibility guidelines discussing how body text relates to links:
https://webaim.org/resources/linkcontrastchecker/

For usability and accessibility, links should be underlined by default. Otherwise, link text must have at least 3:1 contrast with surrounding body text, and must present a non-color indicator (typically underline) on mouse hover and keyboard focus.

We already present underline on hover
(I think here?)

}@media (max-width: 63.9375em) {

But I think it is not the case that our link and surrounding text have 3:1 contrast
https://contrast-ratio.com/#%233d4144-on-%23741755
image

I used this tool that suggested using #f18dc7 for links instead to contrast with our text color
https://www.learnui.design/tools/accessible-color-generator.html

image

If I try that color pairing with the previous tool, it does increase the contrast (I can actually read the text on the page!)

image

from usrse.github.io.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.