| name | route |
|---|---|
About the project |
/about |
An example website, build for testing accessibility issues.
To get started, we first have to install some dependencies.
- Start by installing node-gyp dependencies.
- Install all project dependencies by running
npm install - Finally launch the project with
npm start
To run unit tests, use the command npm run test
To run integration tests (using Cypress), use the command npm run cy:run
This project is developed in co-operation between Norsk Regnesentral and Webstep, through funding by UnIKT (norwegian).
The goal of the project is to develop a website with one accessible version, and one inaccessible version. It is supposed to be a more modern version of the "Before and After Demonstration" by W3C. In practice, we mean to implement that the user can toggle individual accessibility issues, to test each issue specifically.
In addition to looking more modern, it should use modern frontend tools and typical patterns found in real-life, so that it better represents actual sites users can encounter on the web today.
The components developed should also be able to use as examples of best practice implementations. If time permits, we will present them in a separate styleguide and publish them as a component library.
The actual site will mimic a web shop, though, of course, no purchase will be possible. User data submitted through checkout will only be saved on the user's computer.
The site is live at Clothes4All.net.
We have started building documentation for the site at Clothes4All.net/docs. There is not a whole lot there yet, but more will be written in the next few weeks.
To build the docs, use the command npm run docz:dev or npm run docz:build.
The site will initially be developed with translations for English and Norwegian. We hope for community translations to other languages, to make the site accessible to more users.
After the initial project is finished, we will be open for contributions to both code and translations.
Please submit issues or pull-request if you find opportunities for improvements.