Flexmonster Software License Agreement (“Agreement”) has been revised and is effective as of January 8, 2025.
The following modifications were made:
The modified version of Agreement is available here.
Downloading, installing, and/or continuing to use Flexmonster Software after January 8, 2025, constitutes Licensee’s acceptance of the terms and conditions of the modified version of Agreement. If Licensee does not agree to any of these terms and conditions, they must cease using Flexmonster Software and must not download, install, use, access, or continue to access Flexmonster Software. By continuing to use Flexmonster Software or renewing the license or maintenance after the effective date of these modifications to Agreement, Licensee accepts and agrees to be bound by the terms and conditions of the modified Agreement.
This section describes how accessibility is implemented in Flexmonster and how to use its accessibility features in your project.
You can switch to a high-contrast theme by selecting the grid and pressing Ctrl + Alt + H (Command + Option + H on macOS).
As a high-contrast theme, Flexmonster uses the CSS file from the theme/accessible/ folder. It has more contrasting colors than the default theme. Besides, this theme is compatible with high-contrast modes
Live example.
You can set a custom high-contrast theme using the accessibility.highContrastTheme property in the new Flexmonster() API call:
const pivot = new Flexmonster({
container: "pivotContainer",
componentFolder: "flexmonster/",
accessibility: {
// Path is relative to the componentFolder
highContrastTheme: "theme/yourTheme/flexmonster.min.css",
},
report: {
// ...
}
});Now the theme from the accessibility.highContrastTheme will be applied when switching to a high-contrast theme.
You can also set the high-contrast theme as the main one by adding a reference to its minified CSS file:
<link
rel="stylesheet"
type="text/css"
href="flexmonster/theme/yourTheme/flexmonster.min.css"
/>
See our guide on creating a custom theme for further details.
All Flexmonster’s functionality is accessible from the keyboard. Check out the keyboard navigation guide.
Flexmonster implements WAI-ARIA (Web Accessibility Initiative — Accessible Rich Internet Applications) to ensure compatibility with screen readers. WAI-ARIA requires adding specific HTML attributes to interface elements to define their roles, states, and relationships.
Information specified in these attributes helps screen readers interpret the structure of the UI more accurately, giving users a complete understanding of what they are working with.
Here is a full list of ARIA attributes used in Flexmonster:
Flexmonster conforms to Section 508 and WCAG 2.1 accessibility standards.
Furthermore, meeting the WCAG 2.1 requirements, Flexmonster also conforms to standards that adopt WCAG (e.g., the EN 301 549 standard).