Skip to main content

Content Editing Indicators

Images without Image Descriptions (Alternative Text) #

When you insert an image in the Main Content or a Custom Content text box, but it is missing Alternative Text (Image Description), the image will have a pulsating yellow border. To fix this, you must re-insert the image and fill in the Alternative Text field. These are only visible in the Main Content or Custom Content text boxes, and cannot be seen on your live website.

An example of an image in the rich text editor that lacks alternative text, giving it a pulsing yellow border.
This is what an image looks like in the rich text editor when it does not have an Image Description (Alternative Text). Note the pulsating yellow border.

Alternative text is a way to describe images in a non-visual manner. It is especially important for users who cannot see the images on a website or for situations where an image is not able to be downloaded by a user’s browser.

Learn More About Image Descriptions

Text with Unnecessary Formatting #

When text is copied from another source (Word Documents, Excel Spreadsheets, E-mails, other websites, etc.) and then pasted into the Main Content or a Custom Content text box in Umbraco, some of the formatting (font styles, font sizes, colors, etc.) can be copied with the text. Unnecessary formatting creates visual inconsistency and will be confusing for users.

A yellow box will display around text which contains this unnecessary formatting. To remove this formatting, click the  Clear Formatting button in the Formatting Tool Bar. 

This warning is only visible in the Main Content or Custom Content text boxes and cannot be seen on your live website.

Example of a warning message around content with inline styles

Learn How to Clear Formatting in Umbraco

Heading Level Labels #

Beside each Heading in the Main Content or Custom Content text box, you will notice a small gray label denoting which heading level you've chosen. These are only visible in the Main Content or Custom Content text boxes, and cannot be seen on your live website. These are purely a reminder to keep your heading levels in appropriate hierarchy.

Each heading level shown beside their label as seen in the rich text editor.

Read more about appropriately using Headings