Job board is hard to read, especially on mobile
Closed this issue · 11 comments
The colors and caps certainly contribute to the readability issue, generally speaking. Doing something the following would be a welcome first step:
Now that we regularly have more than 5 jobs at a time, some striping or something might be in order? Not sure what colors to propose for that.
Users have also reported that the job board is unreadable on mobile due to font size.
I'd like to claim this one! Tagging @wuz since he said I could claim with a comment.
Finally taking a look at this. Got a new job and it took up most of my spoons until now. 😁
Thoughts on this? Here's what I changed for the screenshot:
coloron the anchors to black- upped the
font-weightfrom 400 to 500 - removed
text-transform: uppercase
(hope my desktop background isn't too distracting, just let me know 😅 )
I think this looks good! It makes sense with the theme! How does it look on mobile?
@wuz Here's how the main part looks. Making things scale requires this <meta> in the <head>:
<meta name="viewport" content="width=device-width, initial-scale=1.0">I think there's a bit too much padding on the sides, but there's absolute positioning going on and fixing that seems more in the scope of making the site more responsive.
I think that is fine!
I've got some changes together for most of this on a fork! 😁 @mileszs or @wuz, can you tell me if there's a certain format for PR descriptions I should follow? I also figure I should share why I wasn't able to easily update the font size on mobile, so should that go in the PR description or in a comment on this issue?
Hey @ashleemboyer, thanks for working on that!
We don't really have a PR format to follow. I'd recommend making the changes you made and the reason for your changes clear. It sounds like you were already going to do that, so thank you!
It doesn't matter if that goes in the description or in a comment - do what you think will convey your message the best.
We're going to be redoing the entire site. So this issue will be wrapped up in that eventual PR. All font sizes, colors, and color contrast will be accessible.
I am using W3C's Web Accessibility Initiative as a reference. Are there any additional resources you use @ashleemboyer ?
We're going to be redoing the entire site. So this issue will be wrapped up in that eventual PR. All font sizes, colors, and color contrast will be accessible.
Since @ashleemboyer already has a PR ready for this, I think we should definitely merge these changes so that our site is accessible in the interim!