sijo
February 16, 2024, 9:05am
1
I love the automatic linking of xxx.jl to the JuliaHub package page! but what about adjusting the color scheme to something with more contrast? Here’s an example . Am I alone in finding the current scheme hard to read?
3 Likes
Try checking it with
I think the contrast could be greater (but I have old eyes).
1 Like
sijo
February 16, 2024, 9:53am
3
Nice website! it seems to agree:
SERIOUS · WCAG 2.0 AA · Elements must meet minimum color contrast ratio thresholds
Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. Applicable success criteria: 1.4.3
Yes, not a surprise The juliahub designer’s probably under 35
2 Likes
I’m under 35 and also think the contrast is a bit low
1 Like
sijo
February 16, 2024, 10:24am
6
Thanks @tecosaur that makes me feel a little less old.
juliohm
February 16, 2024, 11:27am
7
Thanks for raising this issue @sijo
I actually miss that the amount of GitHub stars is not shown.
For me this serves as a quick indicator how mature/used packages are.
2 Likes
mbauman
February 16, 2024, 2:21pm
10
Thanks for raising this. I’ve converted it into an issue that we-at-JuliaHub can track more directly — and indeed, JuliaHub-Feedback is a good place to report things like this!
opened 02:20PM - 16 Feb 24 UTC
As reported in https://discourse.julialang.org/t/color-scheme-of-juliahub-packag… e-descriptions/110282/, there are a number of elements with low contrast. The [WCAG 2.0 accessibility checker](https://accessibleweb.com/website-accessibility-checker/?page_url=https%3A%2F%2Fjuliahub.com%2Fui%2FPackages%2FGeneral%2FDifferentialEquations) flags the following:
```html
.osano-cm-storage-policy
<a rel="noopener" tabindex="0" href="https://juliahub.com/company/privacy/" target="_blank" class=" osano-cm-storage-policy osano-cm-content__link osano-cm-link " aria-describedby="osano-cm-aria.newWindow">Privacy Policy</a>
.custom-placeholder
<div class="custom-placeholder mb-2 pl-1"> Type <kbd>/</kbd> to search </div>
span[aria-current="location"]
<span aria-current="location">DifferentialEquations</span>
.col-sm-6.col-lg-3.mb-2:nth-child(2) > .proj-details
<div class="proj-details">PACKAGE VERSION</div>
.col-sm-6.col-lg-3.mb-2:nth-child(3) > .proj-details
<div class="proj-details">6.9k MONTHLY DOWNLOADS</div>
.col-6 > .proj-details
<div class="proj-details">LICENSE</div>
.col-sm-6.col-lg-3.mb-2:nth-child(5) > .proj-details
<div class="proj-details">HOMEPAGE</div>
.col-lg-3.mb-2.col-12:nth-child(6) > .proj-details
<div class="proj-details"> CONTRIBUTORS <button type="button" class="btn px-1 py-0 expand-btn btn-link"> show more </button></div>
.col-lg-3.mb-2.col-12:nth-child(7) > .proj-details
<div class="proj-details"> TOPICS <button type="button" class="btn px-1 py-0 expand-btn btn-link"> show more </button></div>
.col-lg-3.mb-2.col-12:nth-child(8) > .proj-details
<div class="proj-details">STATUS</div>
.col-auto.col-lg-3.mb-2 > .proj-details
<div class="proj-details">INSTALLATION</div>
```
4 Likes
Just chiming in to say that I like the temperature and palette of JuliaHub quite a bit. Accessibility is paramount, but I hope this can be achieved with a few tweaks rather than a radical redesign.