Skip to content

Missing Accessibility (a11y) Tags on Social Links (Accessibility) #3

Description

@codeCraft-Ritik

Improving accessibility is always a highly welcomed open-source contribution.

Location : team-members/index.html and copyrights/index.html

The Issue :
The social media links contain only a FontAwesome icon (e.g., <a href="..." ...><span class="fab fa-facebook-f"></span></a>). Because there is no actual text inside the anchor tag, screen readers used by visually impaired users will not be able to tell the user where the link goes.

How to Fix :
Add an aria-label to the anchor tags. For example: <a href="#" aria-label="Facebook" class="..."><span class="fab fa-facebook-f" aria-hidden="true"></span></a>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions