Accessibility Toolkit

Activation: The ANNUAL fee to activate this module for your website is $439. Please note that we cannot provide refunds for partial years.

ClubExpress is proud to offer Advanced Accessibility as an additional feature to make your website accessible to users who are differently-abled, and to make your website compliant with current web accessibility guidelines. We have partnered with AccessiBe to enable a fully automated tool which seamlessly attaches to your website and gives your users the ability to adjust your website based on their needs through the use of various individual settings, or preset quick profiles. The tool is compatible with most browsers for both Windows and Mac users, and your users can access the tool when viewing your website from a mobile device.

When Advanced Accessibility is enabled on your website, you’ll see an icon on the bottom right-hand corner of your screen.

Clicking the icon displays the Accessibility Adjustments window. If you’re using a screen reader, hold the ALT and 1 keys to display the window.

Select the double arrow icon at the top of the window to move the window’s location to the left side of the screen. Selecting the icon a second time moves the window back to the right side of the screen.

Select the question mark icon or Statement button to view the accessibility statement, including a description of each available setting.

Select the language option to choose the language displayed within the Accessibility Adjustments window. Note this option does not change the language of the text displayed on the website.

The Reset Settings option removes any adjustments and resets the website to its original form.

Selecting the Hide Interface button hides the accessibility adjustments window until you clear your browsing history and data, and prompts you to confirm the action.

The first panel contains a search bar that is a built-in search engine linked to Wikipedia. Typing in the search bar produces search results as you type, and selecting one of the search results opens the Wikipedia page in a new tab in your browser.

Preset Quick Profiles

This panel also contains a list of six preset options that can be toggled on and off, and additional content, color and orientation options. Each preset is a combination of settings that are geared towards different user needs. Presets can be used alone, or in conjunction with one or more additional individual settings within the window. You can also ignore the presets and use the individual settings to adjust the website to your needs. The settings you select will follow you as you navigate any page on the website.

Note: When you move through the website, you might see a slight delay when each page loads, as the tool analyzes each page you visit individually to adjust it to your needs.

To enable any of these options, select the option. You’ll see the toggle switch to the ON position. To disable the option, select it again. You’ll see the toggle switch to the OFF position.

• The Seizure Safe Profile removes animations and decreases color saturation.
• The Vision Impaired Profile increases color saturation and uses a readable font, if the font on the web page is not already a readable font, such as fonts with serifs. This option also places a border around links once they have been selected.
• The Cognitive Disability Profile highlights headings, links and buttons to assist with reading and focusing.
• The ADHD Friendly Profile increases content scaling and color saturation, and stops animations such as GIFs.
• The Blind Users and Keyboard Navigation presets are linked by default. The Blind Users profile adjusts the website to be compatible with most screen readers. The keyboard navigation profile enables various keyboard shortcuts for users with motor impairments to navigate the website

Content Adjustments

Content Scaling allows you to increase the size of the content on the web page by selecting the up arrow, or decrease the size by selecting the down arrow. To reset the size, adjust the scaling to default using the arrows, or scroll to the top and select Reset Settings.

Note: Selecting reset settings may reload your web page.

• Select readable font to adjust the font to increase visibility by adjusting the spacing and font weight.
• Select highlight titles to view a blue border around all headings and titles on the website.
• Select highlight links to view an orange border around all links on the website.
• The text magnifier tool allows you to hover over sections of text on the website and view the text in a larger, readable and unformatted font.
• For greater readability, use the font sizing option to increase the font size in 10% increments. Similarly, the line height and letter spacing options can be used to adjust text on the website in 10% increments. To undo your selection, adjust the options back to default using the arrows, or select the Reset Settings option at the top of the accessibility adjustments window.
• Select one of the alignment options to align website content to the center, left, or right.

Color Adjustments

Color adjustments are available for those who are visually impaired, or with cognitive or learning disabilities.

• Selecting dark contrast adds a black background behind all text, changes all font colors for greater contrast, and highlights links with an orange border. To disable the selection, simply unselect the choice.
• The light contrast option adds a white background behind all text, adjusts the font colors for lower contrast, and highlights links with a dark red border.
• Select monochrome to remove all color from the website and to view the entire site as well as the accessibility adjustment window in grayscale.
• High saturation increases color saturation, brightness and sharpness for greater visibility, while low saturation decreases color saturation and brightness.
• High contrast increases the differences between darker and lighter colors on the website to increase visibility.
• Use the text, title and background color adjusters to change the colors of each of those items on the website.

Orientation Adjustments

Additional options are available to adjust the functions of the website, including the ability to mute any sounds, hide all images and stop animations like gifs.

• Hiding images removes images on the website, including any background images present.
• Stop animations stops movement of animated graphics
• The useful links option can quickly take you to different sections of the webpage, including the header, footer and menu.

Several options are available to increase focus when navigating the website and reading web pages.

• The reading guide adds a large blue bar to your cursor, allowing you to read web pages with increased focus.
• The reading mask option adds a dim overlay to the website, while highlighting a horizontal section following your cursor.
• Highlight hover adds orange borders to sections of text as you hover over them with your mouse.
• Highlight focus adds both blue and orange borders around titles and text where your keyboard cursor is currently located
• Change your cursor size and color by selecting big black cursor, or big white cursor.