[Accessibility] Accessibility Issues Identified on the Website

[ginabeki]

Problem

There are various accessibility issues on the website that hinder user experience, particularly for users relying on assistive technologies.
The website has several accessibility issues that can hinder user experience, particularly those relying on assistive technologies. These issues violate accessibility standards and can lead to a poor user experience.

Description

The following accessibility issues were detected using an accessibility tool:

Resolved

• [Accessibility] Corrected accessibility issues found on website #822
  • ✅ Document language not identified: Affects how screen readers interpret content.
  • ✅ Image alternative text is missing: Alt text is essential for users who rely on screen readers.
    Skipped heading levels: Disrupts content hierarchy, making it harder for assistive technologies to navigate.
  • ✅ A link contains no text: Links should have meaningful text to describe their purpose.
  • ✅ Form control missing labels: Labels are crucial for screen readers and user understanding.
  • ✅ Form labels not correctly associated with controls: Proper association helps assistive tech convey information.
• Feature: Improve Color Contrast for Headings Using Style Guide Colors #838
  • ✅ Low contrast between text and background: Poor contrast makes text hard to read, particularly for visually impaired users.

Pending resolution

• Fix fallback for 'Visit site' link when repo.website is missing  #802
  • ✅ Adjacent links lead to the same URL: Creates redundancy and confusion.
  • [Bug] Fix Broken Link in Featured Projects Section  #801
• Unclear link text: Links should make sense out of context and be concise.

Alternatives

Conducting a comprehensive accessibility audit and implementing automated and manual testing can help identify and fix issues systematically. Promptly addressing these specific issues will enhance user experience for all visitors, especially those with disabilities.

Additional context

Implementation

• I would be interested in implementing this feature.

[TimidRobot]

For anyone submitting pull requests (PRs), please try to keep PRs as small/focused as possible (for example, limit PR to a single one of bullet points above)

[TimidRobot]

I updated the description to reflect #822 being merged:

• [Accessibility] Corrected accessibility issues found on website #822

Please comment with specifics if the description is incorrect, etc.

[TimidRobot]

@Dev-JoyA please comment on this issue so you can be one an assignee, once it is closed.

[Dev-JoyA]

@TimidRobot kindly assign this issue to me,
Thanks

[SumaiyaaRq]

Hi @TimidRobot , I noticed that the issue has been closed , but I believe there are still some pending resolutions that need attention !

[SumaiyaaRq]

Hi @TimidRobot , I have raised a PR #844 to address the pending resolution

• Adjacent links lead to the same
  URL

Could you please review it when you have the time? Let me know if there’s anything that needs to be clarified or improved.

[Prince-Tagadiya]

Hi @TimidRobot, I saw that the issue is closed, but I think there might be some things that still need to be taken care of.