0:00
Hi, welcome to K2 blogging and in this video I will show you how can fix a accessibility
0:05
error in PageSpeed Insight. So here as you can see that links do not have a discernible name
0:12
So you may have encountered this type of error in your website whether it is a blogger or WordPress
0:18
So if this error showing like this link text is missing in this anchor tag
0:23
So if your theme has an image that is added through anchor tag not with image tag then
0:31
here in that case you have to add a link text in that anchor text
0:35
And that is because it will improve the user experience while using the screen readers
0:41
So here you can learn more about this arial label text. So let's check how can fix this error
0:49
Links do not have discernible names. So if you found this video helpful then make sure to hit the like button
0:56
So let's start the video. So first of all I will go to blogger theme here and then I will click on the edit HTML
1:02
here and I recommend you to take a full backup of your blogger theme before making any changes
1:08
in your theme code. And after that we need to find this code like anchor tag class equal to Facebook
1:15
So let me just copy this much here and I will type like control plus F and I will paste
1:22
it here. And here remember that blogger uses single code instead of double code
1:28
So I need to replace the double code with the single code here
1:36
And I will hit enter. And as you can see that here this is the same anchor link that is flagged by the page speed
1:43
inside a class Facebook HREF and here the link is hash and target blank
1:50
So here we need to add arial label here. So what I can do is I will add a code like this arial dash label equal to and here you
2:00
need to add the text like this. So let me just copy this here and I will paste it here
2:07
And here in the text field let me just change this to Facebook
2:13
And in the same way I will add different arial label to each of the anchor here
2:18
So what I can do is let me just add all arial label here
2:27
And I will change it to something like Twitter here. And here I will change it to Instagram
2:35
And here I will change it to Google Plus. Although Google Plus is closed now
2:41
So let's keep it for now. So as you can see that we have added the arial label equal to Facebook
2:48
And we have changed all the arial label in the anchor text here
2:53
Now let's save the thing and let's check if this page speed inside error is fixed or not
2:59
So the code is updated now. And here as you can see that this error is coming in the accessibility tab and the page
3:06
score is 79. So let's test it again. So let me just duplicate this page speed inside test here
3:16
And let's run the test again. Okay. Now earlier the accessibility score is 79
3:23
And here the page accessibility score is improved from 79 to 89
3:29
And if I scroll down a little bit and find the accessibility section, the error is gone
3:35
which was present before. And here as you can see that links do not have a dissonable names and this error is
3:41
now gone from the accessibility settings. So in this way, you can fix this error in your blogger website and add a arial label
3:50
text in your blogger website. So I hope this video help you solve this error in your page speed inside
3:57
And if you have any doubt regarding this, then you can ask me in the comment section
4:02
And if you found this video helpful, then make sure to hit the like button and do subscribe
4:06
our channel for more upcoming videos. Thank you
