Accessible React 101

This is a tutorial for creating accessible app with React & Next.js

Directories

start Unmodified, inaccessible app
final Accessible version

Tech stacks

React and Next.js UI framework
Tailwind CSS Utility-first CSS framework. Supports sr-only (aka visually-hidden) class
React Testing Library Behaviour-driven testing library for React

License

MIT

Related Projects

vite-react-ts

Vite React-Typescript CRA Replacement Starter Template

16 Oct 2021 129

react-action-in-client-side-example

React 19: useActionState, useFormStatus, useOptimistic in Client Side

04 May 2024 3

vite-react-ts-tailwind-starter

A boilerplate for quickly creating React applications with the best developer experience.

13 Sep 2023 58

webnav.1874.cool

Web Navigation

22 Nov 2023 7

react-app-starter

You shouldn't start a wonderful app from scratch every time.

16 Apr 2022 8

NFT-DROP

NFT DROP React.js (Minting NFT's with thirdweb, Sanity, Next.js, Tailwind, TS)

05 Aug 2022 31

codelift-test

08 Mar 2020 1

tbsui-ssr

CSS only React component library, built for static sites using NextJS or Gatsby.

22 Aug 2023 0

portfolio

09 Oct 2023 2

keep-react

Keep React is an open-source component library built on Tailwind CSS and React.js. It provides a ...

27 Jul 2023 1,327

travelapp-nextjs

GlobTrek is a modern travel website featuring a fully responsive design and a stunning UI/UX expe...

15 Sep 2024 2

Business_Dashboard_Next

15 Nov 2023 4

Nextjs-14-Boilerplate

Boilerplate

15 Aug 2024 3

accessible-react-101