Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[FEATURE]: MAKE SEARCH BAR ACCESSIBLE 🔍 #860

Closed
0xabdulkhaliq opened this issue Jul 23, 2023 · 4 comments · Fixed by #931
Closed

[FEATURE]: MAKE SEARCH BAR ACCESSIBLE 🔍 #860

0xabdulkhaliq opened this issue Jul 23, 2023 · 4 comments · Fixed by #931
Assignees
@0xabdulkhaliq
Labels
gssoc23 GirlScript summer of code level1 easy

Comments

@0xabdulkhaliq
Copy link
Contributor

Description

  • This feature is about making the Search bar Accessible using label.
  • We need to properly link the label to the input element with attributes like name, id & for to make it accessible to screen readers like devices.
  • Additionally we can add screen reader only styles to the label, So that the label will be visually hidden but it can be visible to screen readers.
  • This will results in making a perfect accessible search bar which can used by every users around the world!

Screenshots

Screenshot 2023-07-23 at 08-28-52 Games-And-Go

Additional information

No response
@github-actions
Copy link

👋 @0xabdulkhalid

Thank you for raising an issue. We will investigate into the matter and get back to you as soon as possible.

Please make sure you have given us as much context as possible.

@0xabdulkhaliq
Copy link
Contributor Author

Hey there @panwar8279 👋🏻

Please make sure to assign this issue to me asap to make the work done!

Thank you.

@panwar8279 panwar8279 added gssoc23 GirlScript summer of code level1 easy labels Jul 26, 2023
@panwar8279
Copy link
Collaborator

Hi @0xabdulkhalid , i have assigned this task to you. Kindly. Complete your work within 2 days. Good luck!

@0xabdulkhaliq 0xabdulkhaliq mentioned this issue Aug 3, 2023
Merged
@github-actions
Copy link

github-actions bot commented Aug 3, 2023

👋 @0xabdulkhalid This issue is closed.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@0xabdulkhaliq 0xabdulkhaliq

Labels
gssoc23 GirlScript summer of code level1 easy
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

feat: made search bar accessible on homepage 🔍✨
2 participants
@0xabdulkhaliq @panwar8279