accessibility-react-widget
Version:
A React-based web accessibility widget to enhance UI/UX for all users. This powerful tool seamlessly integrates with React applications, offering a wide range of features like adjustable font sizes, text alignment options, dyslexia-friendly fonts, and col
55 lines (54 loc) • 1.4 kB
TypeScript
import { Draft } from 'immer';
export type ChangeAccDraftHander = (d: Draft<AccessibilikState>) => void;
export interface TextAlign {
left: string | null;
center: string | null;
right: string | null;
}
export interface AccessibilikState {
language: string;
isBlueLightFilter: boolean;
brightness: {
isBrightness: boolean;
brightness: number;
};
isDarkContrast: boolean;
isLightContrast: boolean;
highContrast: {
isHighContrast: boolean;
contrast: number;
};
highSaturation: {
isHighSaturation: boolean;
saturation: number;
};
lowSaturation: {
isLowSaturation: boolean;
saturation: number;
};
isMonochrome: boolean;
color: string;
isVisualImpairment: boolean;
adjustFontSizePercentage: number;
textAlign: TextAlign;
isDyslexiaFont: boolean;
isFontWeightBold: boolean;
highlightLinks: boolean;
highlightTitles: boolean;
letterSpacing: number;
lineHeight: {
isLineHeight: boolean;
lineHeight: number;
};
wordSpacing: number;
zoom: {
isZoom: boolean;
zoom: number;
};
isBigCursor: boolean;
showReadingGuide: boolean;
activateTextToSpeech: boolean;
}
export type IconSvgComponent = React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
title?: string | undefined;
}>;