Uh oh!
There was an error while loading.Please reload this page.
- Notifications
You must be signed in to change notification settings - Fork66
Underline links for readability and a11y#160
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 ourterms of service andprivacy statement. We’ll occasionally send you account related emails.
Already on GitHub?Sign in to your account
Uh oh!
There was an error while loading.Please reload this page.
Conversation
@hugovk I was about to hit merge on this, but then I wondered: Should we tag it for backport to the active maintenance branches as well? Personally, I'm not seeing a downside to doing that, and a whole lot of benefits. |
Yes, using this on the active maintenance branches is good. Note we're in thehttps://github.com/python/python-docs-theme repo, nothttps://github.com/python/cpython. We'll release this theme to PyPI, and then it'll be used by the backport branches the next time they rebuild:
|
ezio-melotti commentedOct 19, 2023 • edited
Loading Uh oh!
There was an error while loading.Please reload this page.
edited
Uh oh!
There was an error while loading.Please reload this page.
Good point, let's consider narrowing/lowering the underline, and see how GitHub and MDN do it. |
hugovk commentedNov 4, 2023 • edited
Loading Uh oh!
There was an error while loading.Please reload this page.
edited
Uh oh!
There was an error while loading.Please reload this page.
Updated to make the underline thinner, move it down a bit, and also increase the line height so it better fits in the gap. "Line height (line spacing) to at least 1.5 times the font size" is also one of the WCAG 2.1 guidelines, and improves accessibility through readability. https://www.w3.org/WAI/WCAG21/Understanding/text-spacing.html Here's how the earlier snippets with underscores look: ![]() ![]() And from What's New in 3.13: ![]() And from What's New in 3.12: ![]() How does this look? |
ezio-melotti commentedNov 4, 2023 • edited
Loading Uh oh!
There was an error while loading.Please reload this page.
edited
Uh oh!
There was an error while loading.Please reload this page.
This is definitely better and solves the potential confusion with underscores. I'm now -0 (from -1) on this since I still prefer the version without underlines, but if others prefer the underlines I'm fine with the change. |
Uh oh!
There was an error while loading.Please reload this page.
Uh oh!
There was an error while loading.Please reload this page.
Co-authored-by: Pradyun Gedam <pradyunsg@gmail.com>
egeakman commentedJan 29, 2024 • edited
Loading Uh oh!
There was an error while loading.Please reload this page.
edited
Uh oh!
There was an error while loading.Please reload this page.
Hi there@hugovk. Is there Discourse discussion for this? I believe there should be a discussion first. I would like to hear people's opinions. |
There wasn't a discussion for this, just this PR that was open for two months before merge, and one month before release. This was prompted by GitHub recentlyadding underlines for accessibility. In addition to approvals here, core devs were in support (on Discord), and some said underlines help with poor eyesight or colourblindness. Some references: |
Uh oh!
There was an error while loading.Please reload this page.
Currently this theme changes the colour of hyperlinks but doesn't underline them.
For example:https://docs.python.org/3/whatsnew/3.12.html
When hovering over a link, it changes colour and a link is shown (see "f-strings" here):
However, links should always be underlined. This improves accessibility and also readability.
For example:
Not using underlines also fails a WCAG check:
And GitHub have just enabled underlines:
Demo
https://python-docs-theme-previews--160.org.readthedocs.build/en/160/whatsnew/3.12.html