WCAG 2.2 AA

InclusiveWeb Features

Complete list of accessibility tools, their descriptions and who they help.

tools and profiles

Accessibility Profiles

8 ready-made presets — one click activates a set of tools tailored to a specific need.

Feature	Description	Who it helps
Low Vision	Increases font by 40%, high contrast, large cursor, highlighted headings.	Myopia, presbyopia, macular degeneration, cataracts, glaucoma
Dyslexia	Lexend Deca font, increased line and letter spacing, reading mask.	Dyslexia, dysgraphia, visual processing disorders
Color Blindness	Color filter for color-blind users (protanopia / deuteranopia / tritanopia). A type selector appears once active.	Protanopia, deuteranopia, tritanopia and other color vision deficiencies
ADHD	Stop all animations, reduced color saturation, readable font, reading mask.	Attention deficit hyperactivity disorder, difficulty concentrating
Epilepsy	Full animation stop, monochrome, reduced saturation, dimmed images.	Photosensitive epilepsy, migraine with aura, photophobia
Cognitive	Readable font, reading mask, stop animations, dimmed images.	Cognitive impairments, autism spectrum, information processing difficulties
Motor	Large cursor, strong focus highlight, highlight interactive and hovered elements.	Tremor, arthritis, cerebral palsy, muscular dystrophy
Elderly	Larger font and spacing, large cursor, high contrast, hover highlight.	Age-related vision changes, reduced motor control, cognitive decline

Font & Reading

12 tools for comfortable reading, font adjustments and text-to-speech.

Feature	Description	Who it helps
Page Scale	Scale the entire page up or down (50–300%).	Low vision, presbyopia, elderly users
Font Size	Change text size independently from page scale (50–250%).	Low vision, presbyopia, elderly users
Letter Spacing	Increases space between individual letters (100–250%).	Dyslexia, low vision, difficulty distinguishing characters
Word Spacing	Increases space between words (100–250%).	Dyslexia, cognitive impairments, text segmentation difficulties
Line Spacing	Increases space between lines for easier reading.	Dyslexia, vision impairments, asthenopia (eye strain)
Paragraph Spacing	Increases spacing between paragraphs for visual separation.	Cognitive impairments, ADHD, anyone needing structured text
Dyslexia Font	Lexend Deca — wider letter spacing, validated by Stanford / Microsoft. Recommended by the British Dyslexia Association.	Dyslexia, dysgraphia, cognitive impairments, increased eye strain
Bionic Reading	Bolds the first letters of words — helps the eye move faster through text.	ADHD, dyslexia, reading speed and gaze fixation difficulties
Highlight Titles	Highlights all H1–H6 headings with a yellow marker for better navigation.	Low vision, cognitive impairments, navigating large documents
Highlight Links	Adds blue background and underline to all links.	Color blindness, low vision, difficulty identifying links
Text Alignment	Change text alignment: left, center, right.	Dyslexia (left alignment improves reading), RTL languages
Text-to-Speech (TTS)	Separate ON/OFF toggle + speed selector (1×/1.5×/2×). Click an element to hear it, ↑↓ to navigate, Alt+T to cycle.	Blindness, low vision, dyslexia, motor impairments, complements screen readers

Visual Settings

4 contrast modes and color filters.

Feature	Description	Who it helps
Dark Contrast	Inverts colors — light text on dark background.	Photophobia, migraines, asthenopia, prolonged screen work
High Contrast	Maximum text and element clarity.	Severe vision impairments, macular degeneration, elderly users
Monochrome	Removes all colors, leaves grayscale only.	Photosensitive epilepsy, color blindness, reducing sensory overload
Color Overlay	6 pastel tinted overlays (rose, blue, yellow, green, peach, lavender) — contrast-safe 15% opacity.	Irlen syndrome, migraines, photophobia, some types of dyslexia, asthenopia

Viewing Comfort

10 tools to reduce distractions, control focus and stop animations.

Feature	Description	Who it helps
Reading Mask	Darkens the screen around the reading line. 3 widths: narrow, medium, wide.	Dyslexia, ADHD, difficulty tracking lines of text
Reading Guide	Horizontal line that follows the mouse — helps track the current line.	Dyslexia, nystagmus, difficulty with line fixation and tracking
Focus Highlight	Enhanced focus outline when navigating with Tab. 3 levels: light, medium, strong.	Motor impairments, tremor, keyboard navigation, low vision
Highlight Elements	Shows dashed borders around buttons, links and other interactive elements.	Motor impairments, cognitive difficulty identifying interactive elements
Hover Highlight	Highlights element on mouse hover with border and background.	Tremor, arthritis, reduced movement precision, low vision
Stop Animations	Stops all motions, transitions and animations on the page.	Photosensitive epilepsy, vestibular disorders, ADHD, migraines
Hide Images	Dims photos and videos. 3 levels: dim, faint, hidden.	Epilepsy, sensory overload, slow internet connection
Mute Sounds	Mutes all video and audio on the page.	Autism, sensory overload, hyperacusis, quiet environments
Large Cursor	Enlarged white cursor with black outline — visible against any background.	Low vision, tremor, elderly users, large monitor usage
Auto-Scroll	Page scrolls automatically at adjustable speed.	Motor impairments, tremor, arthritis, complements TTS

Tools & Navigation

5 tools for alternative navigation and magnification.

Feature	Description	Who it helps
On-Screen Keyboard	Full keyboard overlay for text input without a physical keyboard.	Motor impairments, touchscreen devices, no physical keyboard
Screen Magnifier	Magnifies the area under the mouse cursor.	Low vision, macular degeneration, small text and details
Heading Navigation	List of all H1–H6 headings on the page with quick jump functionality.	Blindness, low vision, motor impairments, document orientation
Link Navigation	List of all links on the page with quick jump functionality.	Blindness, low vision, motor impairments, keyboard navigation
Landmark Navigation	List of ARIA regions: header, navigation, main content, footer.	Blindness, low vision, motor impairments, page structure understanding

Panel Management

7 controls for the panel itself: language, reset, hide, feedback, accessibility statement.

Feature	Description	Who it helps
Language Selector	Panel interface in 8 languages: Ukrainian, English, German, Spanish, French, Italian, Polish, Russian.	Localization for non-English speakers
Color Blindness Type Selector	Protan / Deutan / Tritan pill selector that appears under the "Color Blindness" profile once active.	Precise filter matching the specific color vision deficiency
Reset All	Clears all active settings and profiles with one click. Displays the count of active options.	Quick return to the default site appearance
Hide Widget	Hides the widget FAB button. 3 options: this session, 1 hour, 24 hours.	Temporarily remove the button if it gets in the way
Expand Panel	XL panel mode with larger font, padding and controls throughout.	Low vision, motor impairments, elderly users — easier to hit buttons
Feedback Form	Form for reporting accessibility issues on the site — forwarded to the site owner.	Users can report a barrier without leaving the site or opening an email client
Accessibility Statement	Conformance details for WCAG 2.2 AA, EN 301 549, tested screen readers, technologies, contacts.	WCAG/EAA legal requirement — explains conformance level and contact channels

Keyboard Shortcuts

Shortcut	Action
`Alt + A`	Open / close the accessibility panel
`Tab`	Navigate between panel elements
`Escape`	Close the panel
`Alt + T`	Cycle TTS: off → 1× → 1.5× → 2× → off

Updated: May 2026

Learn more about the accessibility panel Try for free