KPC
Kevin Powell - Community•4mo ago
smgy94

Links do not have descriptive text - Aria Labels don't work ?

CodePen: https://codepen.io/Smgy94/pen/LYaXBJr Hey Guys, Im getting the "Links do not have descriptive text" error in my Lighthouse report. I don't want to change the copy in the CTA "Learn more" I thought I could solve this by adding aria labels to each link but it doesn't seem to be working ? anyone know if this can be solve via aria or will I have to use .sr-only class for link names ? Thanks!
No description
2 Replies
MarkBoots
MarkBoots•4mo ago
yea, lighthouse thinks the "learn more" is to generic https://developer.chrome.com/docs/lighthouse/seo/link-text you could try to add more descriptive text in a span that you visually hide 
<a href="./class-muay-thai.html">Learn More<span class="sr-only"> about Muay Thai</span></a>
<a href="./class-muay-thai.html">Learn More<span class="sr-only"> about Muay Thai</span></a>
smgy94
smgy94•4mo ago
Perfect thanks i'll take that approach. I just found it weird that aria-label didn't fix it 🤔 Thank you Mark!
Want results from more Discord servers?
Add your server
More Posts
is it good practice to use h1 for logo of a web page?What do you think about `h1` being using as the logo of a webpage. I still see a lot of websites wheHow to align my text in center hor and ver in reactI want to align my text in middle of the video.How do I do itGood naming convention in JS?I don't write much JS soo this problem only come up recently. My first idea is to have all of my funhref to link to another spot on a page and redirect the page to that spot```<div id="MENUID" class="MENUID-btn" onmouseleave="close()"> <ul> HOW TO USE REMIs "rem" really a responsive unit? I tried using rem on a project but the size of the texts remain tHow to do JS?Hi there, I have stared JS after doing Html CSS, and trying to make this cards section, but don't ge