vansh-codes / Gityzer

Generates personalized image summarizing your GitHub stats making your readme standout
https://gityzer.vercel.app
MIT License
7 stars 20 forks source link

Feat: Accessibility Enhancement: Add Alt Text to Images #66

Closed Aditiiii-pathak closed 2 days ago

Aditiiii-pathak commented 2 days ago

Describe the feature

Description: Several images on the site currently lack alt text, which makes the website less accessible for visually impaired users. Adding descriptive alt text to images will improve accessibility and compliance with web standards.

Details: Where Images Without Alt Text Were Found: Homepage: Several decorative images and icons do not have alt text, leading to a loss of context for screen reader users. About Page: Important images illustrating team members or company milestones are missing alt text, which diminishes understanding for visually impaired visitors. Gallery Section: Images in the gallery section lack descriptive alt text, making it challenging for users relying on screen readers to understand the content. Importance of Accessibility Improvements: User Inclusivity: Implementing alt text allows visually impaired users to comprehend the content and context of images, thus fostering a more inclusive environment. Compliance with Web Standards: Adding alt text aligns with Web Content Accessibility Guidelines (WCAG) and legal requirements, promoting equal access to information. SEO Benefits: Alt text enhances search engine optimization by providing search engines with better context about images, potentially improving site visibility. Enhanced User Experience: Providing context for images can enrich the experience for all users, ensuring that everyone can navigate and interact with the website effectively. Proposed Solution: Review All Images: Conduct an audit of all images across the website to identify those lacking alt text. Add Descriptive Alt Text: For each image, write clear, concise, and descriptive alt text that conveys the purpose and content of the image. Implement Best Practices: Use best practices for writing alt text, such as avoiding redundancy, focusing on relevant details, and using natural language.

Add ScreenShots

Screenshot 2024-10-30 001039

Record

vansh-codes commented 2 days ago

No images have been used in the project, github logo is an svg which doesnt requires an alt tag I think this issue is irrelevant at the moment, I am closing this issue

github-actions[bot] commented 2 days ago

Hello @Aditiiii-pathak! Your issue #66 has been successfully closed. ✅ Thank you for your contribution and helping us improve the project! If you have any more ideas or run into other issues, feel free to open a new one. Happy coding! 🚀