What's New

Add an accessibility toolbar to any website

A single script tag adds a floating accessibility panel to any website, hosted with QuickCasa or not. Visitors get contrast modes, larger text, link underlines, a keyboard focus ring, reduced motion, and a working skip to main content link.

There is a new accessibility script you can drop onto any website. It adds a floating button, usually in the bottom-right corner, that opens a panel of controls a visitor can use to change how your site reads for them. It also adds a working "skip to main content" link, which most sites are missing.

It works on any site, whether that site is built in QuickCasa or hosted somewhere else entirely.

Adding it

One script tag, served from QuickCasa's CDN at https://quickcasa-cdn.web.app/accessibility/v1/accessibility.js. No API key, no account, no server call.

For a site built in QuickCasa, paste it into the site's custom head code alongside your other third-party scripts. For a site hosted elsewhere, put it anywhere in the page head, the same as an analytics tag. Pasting it twice is harmless: the second copy is ignored rather than adding a second button.

There is no settings page for this in the portal, by design. Everything is configured with data attributes on the script tag itself, so a site is set up in one paste and there is nothing to keep in sync between a portal setting and a live page. You can set which corner the button sits in, an accent colour to match your brand, which controls appear, and where the skip link jumps to.

What a visitor gets

  • Colour contrast, with two guaranteed-contrast modes: light text on dark, or dark text on light. It forces plain colours rather than applying a screen filter, so sticky headers and fixed navigation keep working.
  • Text size, which behaves like the browser's own zoom and works even on sites built entirely in fixed pixel sizes.
  • Increase text spacing, raising line height, letter spacing and word spacing to the values in the accessibility guidelines.
  • Underline all links, so links are not identified by colour alone. Image and icon links are left alone.
  • Highlight keyboard focus, a thick two-tone ring that stays visible whatever colour sits behind it.
  • Reduce motion, which collapses animations, turns off smooth scrolling and pauses media that plays on its own. If the visitor's computer is already set to reduce motion, this starts switched on.
  • Reset all settings, returning the page to how your site normally looks.

Choices are saved in the visitor's own browser, per website. They are not sent to QuickCasa, not tied to any account, and not visible to you. They are applied before the page paints, so a returning visitor does not see the normal page flash up first.

What it does not do

This is a set of visitor preference controls plus one genuine structural fix. It does not rewrite your markup, does not generate alt text for images, and does not repair accessibility problems on its own. Adding it does not make a website WCAG compliant, AODA compliant or ADA compliant, and it does not remove legal risk. Any vendor telling you a single script can do that is overselling, and several have been fined for saying so.

Real accessibility still comes from the site itself: sensible headings, alt text, colour contrast in the design, forms with labels, and content that works by keyboard. What this gives you is useful controls for your visitors and a skip link most sites lack.

A shorter branded address is planned but is not live yet, so use the address above.

Coming next

What's next

Keep up with QuickCasa

Want this on
your portfolio?

Book a demo to see what's live today, or browse every update we've shipped.