Turning On the Cookie Banner and Accessibility Widget

Using the Legacy Customizer? Legacy Customizer steps: Accessibility Widget [Codeless] · Legacy Customizer steps: Cookie Banner

A cookie banner asks visitors to accept cookies. The accessibility widget gives visitors tools such as larger text and higher contrast. You turn each one on in Site Edit Settings.

Open the settings

  1. Select Dashboard in the top menu.
  2. On the site card, select EDIT SITE. Site Edit opens with your homepage.
  3. Select Settings in the top bar, then select the Site tab.

The Site tab of Settings

  1. Settings: Opens Settings.
  2. Site: Settings that apply to the whole site.
  3. Accessibility: The accessibility widget.
  4. Cookie banner: The cookie consent banner.

Select Cookie banner. The panel opens on the General tab. Turn on Enable cookie banner. The banner settings appear.

The General tab of Cookie banner

  1. Enable cookie banner: Shows or hides the banner on your site.
  2. Title: The heading of the banner.
  3. Description: Opens an editor for the banner text.

Under the description, the panel has two buttons for the banner. For each button you set its Label (the word on the button), its Color and its Style (Solid, Border or Clear).

Select the Design tab to choose how the banner looks and where it shows.

The Design tab of Cookie banner

  1. Layout: Three banner layouts: One, Two and Three.
  2. Color scheme: The colors of the banner.
  3. Position vertical: Puts the banner at the top, center or bottom of the screen.
  4. Position horizontal: Puts the banner at the left, center or right of the screen.

The cookie banner settings go into your draft. The draft bar at the bottom of Site Edit shows 1 site setting with Discard and Publish. Visitors see the banner after you select Publish. For more about drafts, see Publishing and Discarding Drafts.

Turn on the accessibility widget

Select ‹ (Back to site settings), then select Accessibility.

The Accessibility panel

  1. Enable accessibility widget: Shows or hides the widget on your site.
  2. Position of accessibility widget: The eight places where the widget button can be.
  3. Don't show on mobiles: Hides the widget on phones.
  4. Enable Userway widget on the website preview: Turns the UserWay widget on or off in the website preview.

The positions are Top-right, Middle-right, Bottom-right, Bottom-middle, Bottom-left, Middle-left, Top-left and Top-middle.

The accessibility settings go into your draft too. Visitors see the change after you select Publish.

About the accessibility widget and the law

The widget comes from UserWay. Your site uses the free version of the UserWay widget. The free version does not cover all the requirements of the WCAG.

Important: The widget helps visitors with disabilities, but it does not make your site ADA compliant. Website accessibility is only one part of the ADA requirements, and there is no clear benchmark for ADA compliance. For more WCAG coverage, see the paid UserWay plans at userway.org/pricing, or ask an accessibility specialist to review your site.

How did we do?

Editing Content on the Page

Creating a Property Landing Page
#

Let experts do it for you

Visit our creative services marketplace to get on-demand help, on-time and on-budget.

Browse all Services
#

Are you looking for something different?

Didn't find an answer to your questions? Our support team is ready to help you.

Contact Support