Accessible table and grid examples in React
This project was bootstrapped with Create React App and Storybook.
You can find the hosted Storybook app here: http://tylerhawkins.info/tables-and-grids/storybook-dist
You can run the app locally by simply cloning the repo, running yarn install
, and then running yarn start
. This will start the Storybook app and open it in your browser.
In the project directory, you can run:
build
: Builds the Storybook appeject
: Ejects the app from using react-scriptsformat
: Formats the code using Prettierformat-watch
: Formats the code using Prettier in watch modestart
: Starts the Storybook app in development modetest
: Runs the tests in watch mode
- WAI-ARIA Authoring Practices - Table: https://www.w3.org/TR/wai-aria-practices-1.1/#table
- Example of a table made out of divs and spans: https://www.w3.org/TR/wai-aria-practices-1.1/examples/table/table.html
- WAI-ARIA Authoring Practices - Grid: https://www.w3.org/TR/wai-aria-practices-1.1/#grid
- ARIA roles and attributes for grids: https://www.w3.org/TR/wai-aria-practices-1.1/#grid_roles_states_props
- Grid examples: https://www.w3.org/TR/wai-aria-practices-1.1/examples/grid/dataGrids.html