A Web Component that makes stylised text a less horrible experience for screenreader users and anyone who is confused by what the text says. So you can make accessible l33t text or other decorated text like <e//y>.
This webcomponent follows the open-wc recommendation.
yarn add stylized-text # or npm install stylized-text
<script type="module"> import 'stylized-text/stylized-text.js'; </script> <!-- Make sure you switch out the label and stylized text for your own --> <stylized-text label="Elly"><e//y></stylized-text>
Linting and formatting
To scan the project for linting and formatting errors, run
yarn lint # or npm run lint
To automatically fix linting and formatting errors, run
yarn format # or npm run format
Testing with Web Test Runner
To execute a single test run:
yarn test # or npm run test
To run the tests in interactive watch mode run:
yarn test:watch # or npm run test:watch
Demoing with Storybook
To run a local instance of Storybook for your component, run
yarn storybook # or npm run storybook
To build a production version of Storybook, run
yarn storybook:build # or npm run storybook:build
For most of the tools, the configuration is in the
package.json to reduce the amount of files in your project.
If you customize the configuration a lot, you can consider moving them to individual files.
Local Demo with
yarn start # or npm run start
To run a local development server that serves the basic demo located in