Added aria-label attribute for social anchors like github & twitter
The aria-label attribute is important for screen readers because it provides a text label for an object, such as a with social icons. When a screen reader encounters the object, the aria-label text is read so that the user will know what it is.
This is important for people who are blind or have low vision, as they rely on screen readers to access the web.
Improved title attribute's data, because the title attribute is intended to provide additional information to screen reader users.
And along with that i added rel for the anchors which are lacking them to ensure best practices for crawlers
Because adding the rel="noopener noreferrer" attribute can help to protect this website from security vulnerabilities and improve performance. It is a good practice to use this attribute on all external links.
Overall this PR is intended to make necessary changes to meet best practices for crawlers along with improving accessibility for social anchors
Fixes #75
Screenshots
We can't take screenshots of accessibility changes rather than code changes, Accessibility changes are often invisible to the user because it's intended to guide disabled people
Checklist
[x] Tests have been added or updated to cover the changes
[x] Documentation has been updated to reflect the changes
[x] Code follows the established coding style guidelines
Description
aria-label
attribute for social anchors like github & twitteraria-label
attribute is important for screen readers because it provides a text label for an object, such asa
with social icons. When a screen reader encounters the object, thearia-label
text is read so that the user will know what it is.title
attribute's data, because the title attribute is intended to provide additional information to screen reader users.rel
for the anchors which are lacking them to ensure best practices for crawlersrel="noopener noreferrer"
attribute can help to protect this website from security vulnerabilities and improve performance. It is a good practice to use this attribute on all external links.Fixes #75
Screenshots
Checklist