The Accessibility editor can be found in the right panel of the editor under properties. The editor is designed to help you make your published content more accessible to all users, including those with disabilities. It allows you to easily add and manage accessibility attributes for your content elements, ensuring they are usable and understandable by assistive technologies.
What You Can Do with the Accessibility Feature
We have made it easy to add the most common accessibility features, such as:
• aria-label – Provides a clear, descriptive label for screen readers.
• tabindex – Controls the order in which users navigate elements using the keyboard.
• HTML Tag - controls the HTML tag for the selected element
Use Custom Attributes
Need an attribute that isn’t listed? You can add custom attributes to fit specific accessibility requirements or if they are need for tracking.
Manage Inherited Attributes
When adding attributes to a main component the attributes will be made available for the instances of the main component to be easily edited. Inherited attributes cannot be removed and are marked with a lock icon 🔒.
Automatically added attributes
Some attributes or even the HTML tag might be required by interactions to ensure the published content is accessible. These attributes will not be possible to edit or remove and are marked with a 🔒 icon.
How to Use the Accessibility Editor
Access the Accessibility Editor: In the editor, navigate to the right panel, when you have an element selected, you will find the Accessibility editor under the properties tab:
Add Attributes: Use the dropdown menu to add new attributes. You can choose from common attributes or add a custom one.
Edit Attributes: Click on an attribute to edit its value. You can change text, numbers, or toggle boolean values.
Remove Attributes: If an attribute is no longer needed, you can remove it by clicking the remove button next to it.
Locked: Attributes that are locked will have a lock icon 🔒. Hover over the icon to see why it's locked.
Best Practices for Accessible Content
✅ Use Clear, Descriptive Labels – Ensure that aria-label values provide meaningful descriptions.
✅ Optimize Keyboard Navigation – Use tabindex to create a logical and intuitive focus order.
✅ Avoid Unnecessary Attributes – Too many attributes can confuse assistive technologies rather than help.
By integrating accessibility best practices into your design workflow, you can create content that is inclusive, user-friendly, and compliant with accessibility standards.