Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Umbrella Issue for Accessibility Fixes

See original GitHub issue


While adding accessibility tests in PR #2379 , the following issues failed the tests.

All pages:

  • Add lang attribute to html tag instructions here - #2415
  • GitHub icon link in nav bar needs aria-label attribute - #2506
  • Increase contrast ratio for “Powered by EddieHub” (current 2.53, required 4.5)
  • Increase contrast ratio for “Donate with GitHub Sponsors” (current 2.53, required 4.5)

Home Page

  • Increase contrast ratio for “Users” purple box (current 2.98, required 4.5) - #2391

Profile Page:

  • Social icons links need an aria-label
  • Increase contrast ratio for profile views count (current 3.56, required 4.5)

Profile Links:

  • Modify UserLink component to use link.icon color only for the Icon. - #2424

Docs Pages:

  • Add Title tags to all pages - #2496

Issue Analytics

  • State:open
  • Created 9 months ago
  • Reactions:1
  • Comments:20 (17 by maintainers)

github_iconTop GitHub Comments

EmmaDawsonDevcommented, Dec 26, 2022

I can also chime in here a say that the word icon is not needed here. The screen reader itself will announce that it’s an image and a link so using icon in the label becomes too verbose.

dan-mbacommented, Dec 26, 2022

@CBID2 I looked at your change and the aria-label needs double quotes on both sides. aria-label="GitHub Icon"

Also, the PR you opened is against your fork & not the main LinkFree repo In general, avoid line numbers in PR titles, save that for the description section.

Read more comments on GitHub >

github_iconTop Results From Across the Web

[w3c] ☂️ Web Props (Part 1) umbrella issue #34424 - GitHub
This is the umbrella issue for basic React DOM / Web props support on React Native components, as described in this proposal: "RFC:...
Read more >
Find and fix accessibility issues with Polypane
In this article, we'll focus on a few common accessibility issues and find ways to audit and fix them in your site to...
Read more >
Make Your Website ADA Compliant | RainDrops Blog
The answer to this question is complicated because there are no clear rules to ... The website's age and the content volume also...
Read more >
How Do You Prioritize Web Accessibility Fixes? 4 Tips
1. Prioritize accessibility fixes on high-traffic pages ... Accessibility issues on certain types of pages are more likely to impact the user's ...
Read more >
Web Site Accessibility Analysis | - Accessible Website Services
I provide you with a full report and a series of checklists that identify items on your website that need to be fixed...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found