rci
image-to-totp


rci | image-to-totp | |
---|---|---|
2 | 2 | |
902 | 10 | |
- | - | |
2.6 | 0.0 | |
almost 2 years ago | over 1 year ago | |
TypeScript | TypeScript | |
MIT License | MIT 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.
rci
-
Need help making my component accesible
I have created a simple segmented input component, using the not so accessible technique of having multiple input components next to each other. I know it's bad, but doing it the rci is more difficult and limiting, but now I want to make it more accessible. My approach is to make a second input element next to it, hide it with css, and make screen readers think it's the actual input field. However, I don't really know how. So, what aria attributes and what not can I give to to trick screen readers into not seeing the div and only the input and is it even doable? Here's is the general DOM structure of my component
-
Made a Segmented Input component for svelte
Take a look at https://github.com/leonardodino/rci for inspiration.
image-to-totp
What are some alternatives?
block-code - A fully customizable, one-time password input component for the web built with React
html5-qrcode - A cross platform HTML5 QR code reader. See end to end implementation at: https://scanapp.org
gincko - Build complex, smart forms or inputs-based UIs in seconds.
qrdate - Trusted timestamps that you can physically include in photos, videos and live streams using QR codes and audible data signals.
react-math-keyboard - A customizable math keyboard for React
2FAuth - A Web app to manage your Two-Factor Authentication (2FA) accounts and generate their security codes
zag - Finite state machines for building accessible design systems and UI components. Works with modern frameworks, and even just Vanilla JS
Authenticator - Authenticator generates 2-Step Verification codes in your browser.
headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
a12n-server - An open source lightweight OAuth2 server
html-validator - HTML validation for Nuxt

