Toolbars
User Toolbars
We've configured three toolbars to be assigned to users in Omni CMS, based on their level of access:
- Editor (Editing tools and paste as plain text)
- Designer (Editor toolbar plus options to paste formatted text)
- Developer (Designer toolbar plus Source Code button)
Removed Options
The following options have been removed from all of these toolbars. Custom toolbars are also expected to exclude these options.
Underline
Users expect underlined text on a website to be a link, so we shouldn't use underlined text for any other purpose.
Strikethrough
Using strikethrough (or the preferred del and ins elements) in an accessible manner may require additional markup that isn't well-supported in the WYSIWYG editor, as well as some CSS to announce to screen readers when the inserted and deleted passages begin and end.
Decrease/Increase Indent
This functionality produces markup that may not fit properly in the templates (e.g. break the responsive layout) and may be difficult to locate and fix at scale. [WCAG 2.0 SC 1.4.8 Visual Presentation - Level AAA]
Text Alignment (Left/Center/Right/Justify)
Text alignment should be consistently applied by the templates. Changes in alignment from one page to the next make it difficult for users to scan the content for the desired information. Large amounts of centered or justified text are difficult for some readers to read and cause additional issues for readers using screen magnification or increased text size. [WCAG 2.0 SC 1.4.8 Visual Presentation - Level AAA]
Fonts
Fonts should be used in a consistent manner across pages as defined in the templates. Some fonts may cause issues with readability or may not support the required characters and sizes used by the templates.
Font Sizes
Font sizes are specified by the design and implemented within the templates to allow the user to resize text as needed using the browser's zoom functionality. Changing the font size in the WYSIWYG editor would result in less consistency across pages (or even within the page) and may reduce the user's ability to resize the text as needed. [WCAG 2.0 SC 1.4.4 Resize text - Level AA]
Text/Background Color
Changing the color of text or the background color may result in issues with color contrast [WCAG 2.0 SC 1.4.3 Contrast (Minimum) - Level AA and WCAG 2.0 SC 1.4.6 Contrast (Enhanced) - Level AAA]. Additionally, setting these colors in the WYSIWYG may interfere with the user's ability to customize the site's color pallete to meet their needs [WCAG 2.0 SC 1.4.8 Visual Presentation - Level AAA] and may contribute to using color as the only visual means of conveying information [WCAG 2.0 SC 1.4.1 Use of Color - Level A].
Horizontal Line
A horizontal line is often inserted as a method of separating groups of text. This is a design element that should be implemented using appropriate styles and components.
Tables
The toolbar button is only required to create tables. If a table is already on the page, all of the table properties and options are available from the context menu (typically reached by right-clicking on the table in the editor).
Creating accessible tables is relatively complicated, so we determined that it was easier for us to help create those tables when needed. If you need to add a table to a page, please open a ticket in ServiceNow and include "Omni CMS Table" in the description.
