Accessible React Typescript Modal Dialog
-
Updated
Jul 20, 2023 - TypeScript
(Web) Accessibility (often abbreviated to A11y — this is a numeronym, where the “11” stands for the 11 letters between the first letter “a” and the last letter “y”) in web development means enabling as many people as possible to use websites, even when those people's abilities are limited in some way.
Accessible React Typescript Modal Dialog
Accessible accordion component showcased at the "Writing Accessible Components" talk
Pick two colors. Get accessibility feedback and preview.
A well designed, simple to implement table that is wired for educational content presentation.
Website for Aiana, the accessible media player project
A modal implementation following some a11y principles
An accessible wrapper for Reach Router.
🧪 Testing and experiments in web applications
An interactive price component using HTML slider, accessible toggle and aria-live regions || HTML + SCSS + Vanilla JS || Frontend Mentor challenge
Filtering with JavaScript, CSS Tailwind
Allows people suffering from blindness or visual impairment to roll the 6 dice necessary to play dungeons and dragons using screen reader software to select the dice and browser speech synthesis api to audibly return the result.
A Google Chrome extension which attempts to visually obscure a web page, in order to encourage screen reader testing.
A demo for the PSA assignment for PRSE 100.
Progressive Web App game to practice tricky portuguese words and expressions
Exploration of Web Accessibility and multiple writing script multilingualism