Baseerah — Tailor your experience, make browsing easier

Give every visitor a page that suits them. Baseerah is an accessibility widget for Angular, built Arabic- and RTL-first: text size, spacing, colour, contrast, motion and reading aids — each one a click away, and remembered in their own browser.

Baseerah improves how a page can be used. It does not, on its own, make a site conform to accessibility standards.

Six one-click profiles

Motor impaired, vision impaired, colour blind, dyslexia friendly, seizure safe and ADHD friendly. Each profile switches several settings together, and can be adjusted afterwards or cleared with Reset all.

Everything in the panel

Assistive tools, text adjustments, content highlighting, contrast and colours, content controls, text alignment, reading aids, colour settings and page structure.

What Baseerah does not do

It does not make your site compliant, fix the markup underneath, act as a screen reader, audit anything, or follow the visitor off your site.

Install in three steps

Copy the folder, mount the component, and import the effects stylesheet. One folder, one tag, one import — no package to add.

One config file

accessibility-widget.config.ts controls branding, defaults, which controls appear, and how preferences are stored.