Estimtest
Experiment Your Website's Accessibility
Get Started Instantly
With minimal configuration and unlimited customization, getting started is simple.
- CLI
- Vanilla HTML
- Angular
- React
- Vue
npx estimtest-cli start
/index.html
<head>
<script type="module">
import { defineCustomElements } from 'https://cdn.jsdelivr.net/npm/estimtest-core/loader/index.es2017.js';
defineCustomElements();
</script>
</head>
<body>
<!-- APP -->
<estimtest-core></estimtest-core>
</body>
/src/app/app.module.ts
import { EstimtestModule } from "estimtest-angular";
@NgModule({
imports: [EstimtestModule],
})
export class AppModule { }
/src/app/app.component.html
<!-- APP -->
<estimtest-core/>
/src/index.tsx
import { EstimtestCore, defineCustomElements } from 'estimtest-react'
defineCustomElements();
const Root = () => {
return (
{/* APP */}
<EstimtestCore />
)
}
/src/main.ts
import { EstimtestLibrary } from 'estimtest-vue';
app.config.compilerOptions.isCustomElement = (tag) => tag.startsWith('estimtest');
app.use(EstimtestLibrary);
app.mount('#app')
/src/App.vue
<template>
<!-- APP -->
<estimtest-core/>
</template>
Accessibility Experiments
Font Size
Many users have difficulty reading text at the default font size, users fix this by increasing the default font size.
Color Blindness
Color blindness affects some user's capability to discern between hues.
Keyboard Only
whether it's due to motor impairment or agility, supporting a keyboard-only lifestyle is a must.