feat: make social anchors accessible on footer ✨

[0xabdulkhaliq]

Description

• The feature is about to improve the accessibility of Coffee Bean Website's Footer section

• I'm going to add important attributes like aria-label for social anchors (links like Github) which are placed on Social media section.

• it is important to note that we want to add the title attribute also. This is because the title attribute is intended to provide additional information to screen reader users.

• The aria-label attribute is a way more important for providing accessibility information to screen reader users. The aria-label attribute is an Accessible Rich Internet Applications (ARIA) attribute that can be used to provide a label for an element. This label is then read aloud by screen readers, providing additional information about the element to the user.

• In general, the aria-label & title attributes are preferred for providing accessibility information to screen reader users.

• You can consider to assign this issue to me to make the site accessible for screen readers

Screenshots (Changes are going to made for these elements)

Additional context

• I'm a Hacktoberfest23 Contributor

[0xabdulkhaliq]

Hey there @yash19sinha 👋🏻,

Please make sure to assign this issue to me as soon as possible to make the work done quickly.

Thank you!