a11yphant

The easy way to learn web accessibility

5.0
β€’1 reviewβ€’

12 followers

a11yphant teaches developers the basics of web accessibility. Learn step by step by completing short, interactive coding challenges and quizzes.
a11yphant gallery image
a11yphant gallery image
a11yphant gallery image
a11yphant gallery image
a11yphant gallery image
Free
Launch tags:Web Appβ€’Educationβ€’Developer Tools
Launch Team
Webflow | AI site builder
Webflow | AI site builder
Start fast. Build right.
Promoted

What do you think? …

Daniela Kubesch
Hi Product Hunt Community! πŸ‘‹πŸ‘‹ We, the team of a11yphant, are very excited to launch our project here on product hunt. We'd appreciate your comments and feedback! ❀️ How did we end up here? πŸ¦Έβ€β™€οΈ In an ideal world, all websites are designed and developed in a way that everyone can use them. Sadly, many websites do not comply with web accessibility guidelines. Therefore, people with impairments are barred from using them. One of the main problems is that many developers don't know enough about web accessibility. We want to improve this situation by giving them a tool for learning accessibility in a fun, interactive way. What is a11yphant? πŸ€” a11yphant is an interactive online course for web accessibility. In this course, you will revisit web development topics from an accessibility perspective. For example, how to make sure that assistive technologies like screen readers can interact with the website? Or, what is the purpose of the different semantic HTML elements? These are some of the things you will learn by writing meaningful markup and completing quizzes. 🐘 Features πŸ… Various accessibility topics are split up into short challenges. On a11yphant you solve coding levels πŸ’» and single-choice quizzes βœ…Β in each challenge. Each level teaches you one thing at a time. Our evaluation provides you with detailed feedback on our success criteria. If you struggle to solve a challenge, hints will help you out. Since we are web development students, we are no accessibility experts. We just wanted to share our project with you, to hopefully make the world a more inclusive place. So, if you find an accessibility issue, please let us know. We’d love πŸ’– for you to check out a11yphant and let us know what you think! πŸ’¬
Kir Surguchev
Wow! Such a cool and important idea behind. Hope launch going well
Luca Pircher
@kir_surguchev Thank's for your feedback! We are passionate about accessibility and want to make it easier for people to get started.
Magdalena Maislinger
I really like your idea! Do you plan on creating more advanced challenges, e.g. concerning ARIA labels or live regions? 😊
Thomas Dax
@magdalena_maislinger Thank you for your interest! We want to focus on creating challenges for beginners first. More advanced challenges are definitely on the roadmap, though. 🐘
Natasha Troth
Congratulations on your product! It will be great help for web developers (myself included). Will there be more content in the future? Especially since web technologies are always changing.
Thomas Dax
@natasha_troth Thanks a lot! We plan to publish more challenges in the future. Since it is very complex to put together the right tasks for a challenge, it will take some time. But we'd love to hear which topics you want to see up next! πŸš€
Erfan Ebrahimnia
Kudos to the launch, very impressive! πŸš€
Luca Pircher
@erfan_ebrahimnia1 Thanks! We appreciate the feedback 😊
Sandra Djajic
What a great, forward-thinking product. Accessibility should become a standard in any website nowadays and I love these challenges/quizzes which make learning about implementing accessibility fun :)
Luca Pircher
@maxine_buchert Thanks for your interest and feedback! We are glad that you enjoyed checking out our challenges 😊
Bogomil Shopov - Π‘ΠΎΠ³ΠΎ
If I can vote +100 I'll do that for this product. Accessibility is beyond important and it must be a part of every product we ship.
Luca Pircher
@bogomep Thank you! We feel the same way! Accessibility needs way more attention.
12
Next
Last