Alt-Text-Generator
rainbow
Alt-Text-Generator | rainbow | |
---|---|---|
3 | 1 | |
132 | 1 | |
- | - | |
6.8 | 3.2 | |
10 days ago | almost 3 years ago | |
Svelte | JavaScript | |
GNU General Public License v3.0 only | BSD 3-clause "New" or "Revised" License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Alt-Text-Generator
- Alt Text Generator
-
Svelte Project Showcase: Alt Text Generator (self promo)
I've recently started learning more front-end web development with Svelte. As a part of that learning journey, I built my first project, an Alt Text Generator that uses Azure Cognitive Services to accept an image from a user and generate a caption to be used as alt text. I would appreciate it if folks would check it out ๐ Try It Out: https://alttext.in GitHub Repo: https://github.com/adityaoberai/Alt-Text-Generator/
rainbow
-
Accessible Text on Images: Nail the Contrast Ratio
The Rainbow tool was built using a static site generator. It's power lies in a Rust serverless function which does the maths. It works by finding the pixel (in the image) with the lowest contrast to the text colour. Then it uses a bit of High School Maths (the Newton-Raphson numerical technique) to work out the overlay transparency which satisfies the contrast ratio supplied (4.5 by default). There are a few optimisations built in such as resizing the image before getting going to speed up the later calculations. The code is open source and you can view the Rainbow Site code on the Rodney Lab Git Hub page. Now you know what the Rainbow tool is shall we look at how to use it?
What are some alternatives?
NextJS-chat-app - A chat app built using Ably and Next JS and hosted with Vercel
leonardo - Generate colors based on a desired contrast ratio
pa11y - Pa11y is your automated accessibility testing pal
a11y-contrast - A CLI utility to calculate/verify accessible magic numbers for a color palette.
lego-art-remix - Powerful computer vision assisted Lego mosaic creator ยท Over 1 million images created (so far!)
testimonial - Jamstack app using Gatsby, Netlify, and FaunaDB.
cauldron
next-on-netlify - Build and deploy Next.js applications with Server-Side Rendering on Netlify!
html-tag-quiz - A quiz that shows you how many semantic HTML tags you actually know.
apca-w3 - The APCA version, to be licensed for use with guidelines: W3/AGWG.
svelte-navigator - Simple, accessible routing for Svelte
bootstrap-vue - BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.