Welcome to the "Coffee-Bean" Coffee Shop project! We're on a quest to blend coffee and code like never before. Join us for a latte-tude of coding fun. All skill levels are welcome to make this project as espresso-nal as it can be! Grab your digital mugs and join us.
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.
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
Closes #85
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.Screenshots