Web Accessibility Issues on DummyGram

[usernayeem]

Description

Summary

I have scanned the DummyGram webpage using axe DevTools and found 90 web accessibility issues that affect the user experience and accessibility of the website. These issues include:

• Buttons must have discernible text (53 instances)
• Elements must meet minimum color contrast ratio thresholds (35 instances)
• Form elements must have labels (1 instance)
• Interactive controls must not be nested (1 instance)

Expected Result

The webpage should comply with the Web Content Accessibility Guidelines (WCAG) 2.1 AA standards and have no accessibility issues.

Actual Result

The webpage has 90 accessibility issues that violate the WCAG 2.1 AA standards and impair the user experience and accessibility of the website.

Steps to reproduce

1. Go to DummyGram
2. Open axe DevTools and run an analysis
3. Observe the results in the Overview tab

Screenshots

Desktop (please complete the following information)

• Browser: Brave
• Operating System: Windows 10

Smartphone (please complete the following information)

No response

Additional information

I am interested in fixing these issues and making the website more accessible. Please let me know if I can work on this issue and submit a pull request.

Record

• [X] I agree to follow this project's Code of Conduct
• [X] I have checked the existing issues
• [X] I am a participant of a program
• [X] I want to work on this issue

Optional information

No response

[github-actions[bot]]

Hello usernayeem! Thank you for raising this issue! 😊 Your contribution is valuable to us! 😊

Please make sure to follow our Contributing Guidelines. 💪🏻

Our reviewers shall carefully assess the issue and reach out to you soon! 😇 We appreciate your patience!

[github-actions[bot]]

Hi there usernayeem!, welcome to Dummygram :)

[narayan954]

Description

Summary

I have scanned the DummyGram webpage using axe DevTools and found 90 web accessibility issues that affect the user experience and accessibility of the website. These issues include:

• Buttons must have discernible text (53 instances)
• Elements must meet minimum color contrast ratio thresholds (35 instances)
• Form elements must have labels (1 instance)
• Interactive controls must not be nested (1 instance)

Expected Result

The webpage should comply with the Web Content Accessibility Guidelines (WCAG) 2.1 AA standards and have no accessibility issues.

Actual Result

The webpage has 90 accessibility issues that violate the WCAG 2.1 AA standards and impair the user experience and accessibility of the website.

Steps to reproduce

1. Go to DummyGram
2. Open axe DevTools and run an analysis
3. Observe the results in the Overview tab

Screenshots

Desktop (please complete the following information)

• Browser: Brave
• Operating System: Windows 10

Smartphone (please complete the following information)

No response

Additional information

I am interested in fixing these issues and making the website more accessible. Please let me know if I can work on this issue and submit a pull request.

Record

• [x] I agree to follow this project's Code of Conduct
• [x] I have checked the existing issues
• [x] I am a participant of a program
• [x] I want to work on this issue

Optional information

No response

Hi @usernayeem you can go ahead! Lemme know if I can help as well :) Thanks