Accessibility Plugin
The Accessibility plugin adds an overlay with tools to help users customize their viewing experience.
Installation
npm install @inploi/plugin-accessibility
pnpm add @inploi/plugin-accessibility
<script defer src="https://unpkg.com/@inploi/plugin-accessibility/cdn/index.js"></script>
Basic usage
import { initialiseSdk } from '@inploi/sdk';
import { accessibilityPlugin } from '@inploi/plugin-accessibility';
const sdk = initialiseSdk({ publishableKey: 'pk_...', env: 'sandbox' });
const accessibility = sdk.register(accessibilityPlugin());
// Render the accessibility widget
accessibility.render();
<script defer src="https://unpkg.com/@inploi/sdk/cdn/index.js"></script>
<script defer src="https://unpkg.com/@inploi/plugin-accessibility/cdn/index.js"></script>
<script>
document.addEventListener('DOMContentLoaded', () => {
const sdk = inploi.initialiseSdk({ publishableKey: 'pk_...', env: 'sandbox' });
const accessibility = sdk.register(inploi.accessibilityPlugin());
accessibility.render();
});
</script>
Features
The accessibility overlay includes:
- Font size adjustment - Increase or decrease text size
- Contrast modes - High contrast and dark mode options
- Reading aids - Line focus, reading guide
- Motion controls - Reduce animations
Full configuration documentation coming soon.