Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

UI: links are difficult to distinguish from text [hold] #221

Open
sebbASF opened this issue Jun 17, 2023 · 15 comments
Open

UI: links are difficult to distinguish from text [hold] #221

sebbASF opened this issue Jun 17, 2023 · 15 comments
Assignees
Labels
Hold for refresh Issue can be folded into upcoming site redesign

Comments

@sebbASF
Copy link
Contributor

sebbASF commented Jun 17, 2023

There is very little difference between text and links in text when displayed.
The link colour could be made to stand out better.

@sebbASF
Copy link
Contributor Author

sebbASF commented Jun 17, 2023

See for example:

LinkColour

The link is not very obvious

@bproffitt bproffitt self-assigned this Jul 24, 2023
@bproffitt
Copy link
Contributor

I am not closing this, but pausing it keep it in mind for any future rebranding. IF we shift color schemes in the future, we can apply a more visible color to links then.

@bproffitt bproffitt changed the title UI: links are difficult to distinguish from text UI: links are difficult to distinguish from text [hold] Jul 24, 2023
@sebbASF
Copy link
Contributor Author

sebbASF commented Jul 24, 2023

This is an example of "don't make me squint".

@cottage14
Copy link
Contributor

cottage14 commented Jul 24, 2023 via email

@sebbASF
Copy link
Contributor Author

sebbASF commented Jul 24, 2023

So I have to ask - does it have to wait for a change in colour scheme, or could this particular issue be fixed separately?

I realise that the current colour scheme has been around for a while (and was not part of the recent redesign), but surely this issue could be fixed without needing to redesign the entire scheme. As it stands, IMO the scheme is not fit for purpose.

@bproffitt
Copy link
Contributor

Initially, I was going to wait for the overall style change, but given this should be a fairly straightforward CSS change, and it's important, I think we can do something sooner. @clambertus, I know you were working on something accessibility related, was hyperlink color part of it?

@loganloganlogan
Copy link
Contributor

This Issue has been resolved with approval from @bproffitt as described here: #265

@sebbASF
Copy link
Contributor Author

sebbASF commented Aug 2, 2023

Not all links have been updated; see for example:

https://www.apache.org/foundation/contact#foundation-directory

ObscureLink

@sebbASF sebbASF reopened this Aug 2, 2023
@bproffitt
Copy link
Contributor

bproffitt commented Aug 2, 2023

@sebbASF It looks like in-table links are not underlined. Given their proliferation, I am not sure we want to underline them. The project listing on the front page would look pretty cluttered, as one example.

@Paul-TT Was this the intention?

@sebbASF
Copy link
Contributor Author

sebbASF commented Aug 2, 2023

I agree that underlining in tables etc may look cluttered, however that is not the only way to make the links stand out better.
For example, the hue could be changed.

@loganloganlogan
Copy link
Contributor

Brian, you are correct. It is an incremental improvement to better distinguish in-line hyperlinks only, as those were the most difficult to read. However, the site employs multiple behaviors for hyperlinks which make for an inconsistent experience throughout the site, which will be fixed in the future planned redesign.

@Paul-TT and I also considered bolding the hyperlinks, but the result wasn't as distinguished as underlining. We also left the hue intact to avoid inconsistencies with the site's current branding (which will also be reconsidered in the future planned redesign).

@bproffitt
Copy link
Contributor

Cool. I will leave it open with the [hold] reminder for now, we will address after the eventual redesign.

@Paul-TT
Copy link
Collaborator

Paul-TT commented Aug 2, 2023

Brian, you are correct. It is an incremental improvement to better distinguish in-line hyperlinks only, as those were the most difficult to read. However, the site employs multiple behaviors for hyperlinks which make for an inconsistent experience throughout the site, which will be fixed in the future planned redesign.

@Paul-TT and I also considered bolding the hyperlinks, but the result wasn't as distinguished as underlining. We also left the hue intact to avoid inconsistencies with the site's current branding (which will also be reconsidered in the future planned redesign).

@bproffitt Correct. I was targeting inline links in paragraph text specifically.

@sebbASF
Copy link
Contributor Author

sebbASF commented Aug 2, 2023

@bproffitt Correct. I was targeting inline links in paragraph text specifically.

There is just such an inline link in paragraph text here:
https://www.apache.org/foundation/contact#foundation-directory

@bproffitt
Copy link
Contributor

No, that's still a table, which we have established handles links differently. As I said, for now, this issue is mostly addressed, and we will figure out a solution for all links later.

@bproffitt bproffitt added the Hold for refresh Issue can be folded into upcoming site redesign label Aug 3, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Hold for refresh Issue can be folded into upcoming site redesign
Projects
None yet
Development

No branches or pull requests

5 participants