Andy Zhao (he/him)Hello again! 👋 We're back with some more issues that we're looking for some help with. You can find the first post by clicking here. This week, we're highlighting these three issues:
Improve Docker's speed
#923
Is your feature request related to a problem? Please describe. Nope
Describe the solution you'd like
Currently, it takes about ~3 minutes to load up a homepage from a docker instance on macOS, that's a lot of time
Describe alternatives you've considered Perhaps the culprit of our speed is our poor configuration.
Additional context n/a
Any Docker help would be greatly appreciated. We've had some comments saying that the speed doesn't seem to be an issue on Linux, so it might only be an issue with macOS. Maybe it's a problem you've run into? Feel free to leave a comment on the issue. Even a comment about how our Docker setup runs on your machine would help a bunch!
Feature Request: Night Mode
#134
Feature Request
It would be awesome if there was a "night mode" which would switch the site's colors to a darker version which would look better under some conditions.
Night mode!!! Halloween is definitely coming up, and a dark theme for dev.to would be awesome. Regardless, I know my night time eyes would appreciate it. Check out the issue and the comments for more info on getting started.
Better UX for screenreader users when tabbing to sign in links (a11y)
#969
Is your feature request related to a problem? Please describe. In the call out to sign in using Twitter or Github, a screenreader user just hears "Twitter" or "Github" when tabbing through the document. This could be confusing, thinking the link will take the user to Twitter or Github.
Below is a GIF that shows what a screenreader user hears when tabbing to those links:
Describe the solution you'd like A better experience would be for a screenreader user to hear "Sign in using Twitter" or "Sign in using GitHub".
Describe alternatives you've considered
A simple way to accomplish this while keeping that additional text visually hidden would be to wrap it in a span element use a special visually-hidden class:
<a href="/users/auth/twitter?callback_url=https://dev.to/users/auth/twitter/callback" class="cta cta-button" data-no-instant="">
<span class="visually-hidden">Sign in using</span> TWITTER
</a>
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
Doing the above, the experience for a screenreader user is better and more accurate:
This is an awesome issue that came in this week. The issue well written, and the author also suggests a great solution. It's a great low-hanging fruit for accessibility and Hacktoberfest.
