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

Make the website better navigable with keyboard #131

Merged
merged 2 commits into from Dec 30, 2019

Conversation

@auge8472
Copy link
Contributor

auge8472 commented Dec 30, 2019

Until now the CSS lacks rules for the pseudo class :focus for links. Because of that a keyboard user, who steps through the links, sees – in the best case – only the dotted outline. I added the * a:focus selectors where I found a matching selector for * a:hover. Now one, using the keyboard, sees the same formats as another one, using the mouse (cursor).

Additionally I added the general selector a:focus, a:hover for all links in text sections that got no formats from elsewhere. That way one can remark the focussed or hovered link by the dotted outline and the changing text colour.

@TrueBrain TrueBrain merged commit 53cc4c3 into OpenTTD:master Dec 30, 2019
2 checks passed
2 checks passed
Docker build
Details
website Build #20191230.1 succeeded
Details
@TrueBrain
Copy link
Member

TrueBrain commented Dec 30, 2019

Again, awesome description :) Tnx!

@auge8472 auge8472 deleted the auge8472:nav-4-kbd-users branch Jan 2, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Linked issues

Successfully merging this pull request may close these issues.

None yet

3 participants
You can’t perform that action at this time.