How to Set Up Your EASWP Toolbar in 5 Minutes

Getting EASWP’s accessibility toolbar running on your WordPress site takes about 5 minutes. Here’s the step-by-step process from installation to a customized toolbar that matches your brand.

Minute 1: Install the Plugin

In your WordPress admin, go to Plugins → Add New. Search for “EASWP” and click Install Now, then Activate. That’s it — the toolbar is already live on your site with default settings.

Minute 2: Choose Your Style

Navigate to Settings → EASWP. You’ll see the Settings Configurator with a live toolbar preview. Choose between two toolbar styles:

  • Traditional: Classic panel layout with grouped sections
  • Improved: Modern card-based layout with a cleaner visual hierarchy

The live preview updates as you make changes, so you can see exactly what visitors will see.

Minute 3: Match Your Brand Colors

Use the color pickers to set your primary toolbar color and background. A quick trick: click the Auto button next to the background color picker and it’ll generate a complementary dark background automatically.

If your site uses a blue brand color (#2563eb, for example), set that as the primary and let Auto handle the background. The toolbar will feel native to your site rather than looking like a third-party widget.

Minute 4: Curate Your Buttons

EASWP comes with a lot of toolbar controls. You might not need all of them. Open the Button Manager section to:

  • Hide buttons that aren’t relevant to your audience
  • Reorder buttons by dragging them
  • Try one of the built-in templates (Default, Minimal, or Vision Focus) as a starting point

For most sites, the Default or Minimal template is a good starting point. You can always add buttons back later.

Minute 5: Save and Verify

Click Save Settings. Open your site in a new tab and click the accessibility toolbar trigger. Verify that:

  • The toolbar opens and closes smoothly
  • Your brand colors are applied correctly
  • The buttons you selected are visible
  • Disability profiles work when clicked

That’s it. Your site now has a fully functional, branded accessibility toolbar.

Next Steps

Font Size Control

50%100%150%180%

Page Structure

Letter Spacing

Word Spacing

Paragraph Spacing

Line Height

Text Alignment

Content Scaling

50%100%150%200%

Screen Reader

0.5x1.0x1.5x2.0x
LowNormalHigh
2070120200

How to use:

  • Tap any text to read it aloud
  • Highlight text to read it aloud
  • Adjust speed and text context with sliders
  • Adjust reading speed with slider

Color Controls

Background Colors
Text Colors

Color Blind Filters

Advanced Contrast

Page Translation

Current Language: English

Translation powered by LEWCA by Merkra

Site Links