Web Content Accessibility Guidelines (WCAG) are recommendations for making the web more accessible for everyone, see WCAG. In Paligo, you can enable WCAG settings for the HTML5 output in the Layout Editor.
-
Select Layout in the top menu.
Paligo displays a list of Layouts. The list is empty if there are no custom Layouts in your Paligo instance.
-
Select the Layout you want to update or Create a Layout.
Tip
You can copy the URL of the Layout Editor and paste it into a new tab in your browser. This can be useful if you frequently switch between your Paligo content and the Layout settings.
-
Select Universal Access in the sidebar.
-
The following WCAG settings are available:
-
Include WCAG CSS file - Makes the text darker to improve the contrast. Disabled by default.
-
Admonitions use strong instead of h3 - Replaces the default HTML
h3element for admonition titles with thestrongelement, which is recommended for accessibility. Disabled by default. -
Include inline styles for Skip Navigation - This option adds an inline style element for this to reduce the Total Content Shift (any time something on the page visibly changes position within the frame). A hidden element links to the main body content for keyboard navigation and screen readers. Enabled by default.
-
Use class rather than ID for features - Makes elements use class instead of element IDs. Certain IDs are duplicated in default HTML5. This option will replace those IDs with class values to avoid validation problems affecting accessibility tools. Disabled by default.
The ID values that will be replaced by class values are:
-
logotype-pageheader
-
navbar
-
navbar-collapse
-
header-navigation-next
-
header-navigation-prev
-
aa-search-input
-
content-wrapper
-
-
-
Select Save.
Comments
0 comments
Article is closed for comments.