How to improve the accessibility of your Hubspot website?

By: Skynet Technologies USA LLC
8 mins
Hubspot accessibility

The internet landscape is changing. For website owners, it is essential to deliver accessible and seamless user experience by ensuring all visitors including people with hearing or vision impairments, motor impaired, color blind, dyslexia, cognitive & learning impairments, seizure and epileptic, and ADHD problems; can see, understand, navigate, and easily use your HubSpot website conveniently!

Using web accessibility widget is a quick, and cost-effective way to kick-start your efforts into improving website accessibility.

HubSpot All in One Accessibility - a quick website accessibility improvements widget; based on AI and assistive technology. It allows users to select available accessibility features as per their needs and peruse the content. It improves website accessibility for the standards including ADA, WCAG 2.0, WCAG 2.1, WCAG 2.2, Section 508, Australian DDA, European EAA EN 301 549, UK Equality Act (EA), Israeli Standard 5568, California Unruh, Ontario AODA, Canada ACA, German BITV, and France RGAA!

Explore the following steps to integrate All in One Accessibility widget as a part of HubSpot website:

  • First, to install the “Free” (trial) version of the All in One Accessibility Widget, click the "Install" button, which will redirect to the theme page.

    Hubspot web accessibility app
  • After installing, navigate to your content. Just follow the below-given steps:

    • In the left sidebar, click the + (add) button.
    • In the second column, click a module category.
    • In the Module category, click "All" Categories.
    • In the All column, you just have to drag and drop the "All in One Accessibility" module on a web page.
    HubSpot web accessibility module
  • After dragging, you are seeing the "All in One Accessibility" module enabled on the web page.

    Enable HubSpot website accessibility
  • For editing content, position, or the color of the icon, click the "Open in global content editor" button.

    Installing HubSpot web accessibility module
  • Open the "AIOA Setting" section in the Global Content Editor.

    HubSpot web accessibility support
  • Open the "Content" area and enter your license key to update the content of the web pages. You are currently using the free version which has limited features. For all features please purchase a plan.

    HubSpot web content accessibility
  • You can see there are different plans.

    Select Plan based on your requirements on HubSpot
  • Select your plan and click on the buy button as per your website's monthly page views. Click on the proceed to checkout.

    purchase plan ada website accessibility for HubSpot
  • Please add all required details for checkout. After that, you can pay either by credit card or by PayPal.

    purchase plan all in one accessibility for HubSpot
  • On the order confirmation page, you can see all details like order details, product details, license key, and how to integrate on the website. Also, you'll get an order confirmation email which includes a license key, installation guide link, and amount paid for the order.

    Purchase Complete for All in One Accessibility for HubSpot payment Complete for All in One Accessibility for HubSpot
  • To alter the color of the icon, go to the "Styles" section and enter a hex value, or use the color picker to choose a color that will appear on all web pages.

    HubSpot wcag ada accessibility
  • You can now notice that the widget color has been updated and is enabled on all websites.

    hubspot wcag website accessibility HubSpot wcag 2.1 accessibility

Reach out if you need any help with the installation or technical assistance! We’d love to help!

Report a problem

Skynet Technologies is a proud W3C (World Wide Web Consortium) and IAAP (International Association of Accessibility Professionals) member that help us to be a part of the global accessibility community and stay up to date with compliance guidelines.

The businesses, large enterprises, Federal and state governments, educational institutions and universities who are considering remediating websites with full ADA WCAG 2.0, WCAG 2.1, WCAG 2.2 compliance; we provide full website accessibility remediation solution including audit, consulting, remediation, regular maintenance, monitoring, training, and support.

If you are looking for enterprise or custom web accessibility solutions, request a free ADA website accessibility remediation quote or email us at [email protected].