The Accessibility Settings tab below the stage: Helping you make better accessibility design decisions

dominKnow | ONE helps you create WCAG 2.2 AA compliant content.

We've put a lot of work and thought into making sure the tool itself does as much of that work as possible for you, but there are always some things an author has to do on their own to make sure their content is as accessible as possible.

To help with this, the Accessibility Settings Tab below the stage provides control over an element's accessibility settings plus context-specific tips and best practices you can use while you author.

To open it, select an element on the stage and select the Accessibility option under the three-dot Element Control icon or select the Accessibility Tab below the Stage.

If there is an accessibility issue for the selected element the three-dot Element Control icon will show an exclamation mark, for example if an image doesn't have alt text or a video or audio file doesn't have a transcript or a closed captioning file.

The Accessibility tab is context-sensitive, so features will only be available if applicable to the type of element selected on the Page.

The Focusable checkbox lets you set whether the element should be focusable for screen readers and learners using a keyboard to navigate the page. 

The Screen Reader Text field lets you add information to help screen reader users better understand the element, such as describing that an image has hotspots within it.

The Alt Text field lets you set alt text for the element, if appropriate. If you add a Description to an image when you upload it the description will be set as the alt text by default. You can use this field to change the alt text for a specific use of the image, for example if the context where you’re using the image means the description text isn’t accurate or helpful.

The Edit Asset button is available for media files. It opens the Asset Properties panel, where you can add Closed Caption files to audio or video, for example.

The ARIA Attributes settings let you control the element’s ARIA Role and Hidden status. For example, if you have an image that is serving as a button, then you can change the image’s roles to button rather than the default role of image. This helps screen reader users better understand the image. Or you may have an element on th page for visual design and want to set it as Hidden for Screen Readers. 

On the right side of the Accessibility tab you’ll see advice and tips you can use while authoring to help make sure the element meets accessibility best practice guidelines as well as descriptions of how screen reader users will navigate some types of content.