Go to Venngage
All Collections
Accessibility Tools & Design Tips
Design with Accessibility in Mind
Layer items in an accessible design

Layer items in an accessible design

Use layering tools to move visual elements and text to the back or front of your design.
Renée Meloche avatar
Written by Renée Meloche. Updated over a week ago
Available on the following Venngage subscription plans: Premium, Business and Enterprise.

Select the visual element (icon, photo, etc.) or text box you want to layer. This will bring up the blue bounding box around the element.

A partial view of a design open on a canvas in the upgraded Venngage Editor (Beta). A group of three icons appears above text: a blue circle, an orange circle, and a white speech bubble icon. The blue circle is selected behind the orange circle and the speech bubble, its blue bounding box visible through the other icons. The user clicks the speech bubble icon and a blue bounding box becomes visible around it; the bounding box around the blue circle disappears.

The Layer menu will appear in the top toolbar.

Use the mouse or keyboard keys to change the layer of the element.

A close-up cropped image of the Layer tool in the top toolbar of the upgraded Editor (Beta), with available controls listed and their keyboard commands next to them, as listed below.

Move to front

Move an element from the bottom layer to the top so that it appears in front of all other elements.

A partial view of a design open on a canvas in the upgraded Venngage Editor (Beta). A group of three icons appears above text: a blue circle, an orange circle, and a white speech bubble icon. The blue circle is selected; it appears in front of the orange circle and behind the speech bubble, its blue bounding box visible through the speech bubble icon. The user clicks the "Layer" menu in the top toolbar, then clicks "Move to front" in the menu. The blue circle appears in front of the speech bubble icon.

Back to top

Move forward

Move an element forward one layer at a time so that it appears between other elements. You can also move it to the absolute top (front) layer with this command.

A partial view of a design open on a canvas in the upgraded Venngage Editor (Beta). A group of three icons appears above text: a blue circle, an orange circle, and a white speech bubble icon. The white speech bubble icon is selected; it appears behind the orange and blue circles, its blue bounding box visible through the icons. The user clicks the "Layer" menu in the top toolbar, then clicks "Move forward" in the menu several times. The speech bubble icon moves forward, first appearing between the orange circle and the blue circle, then appearing in front of the blue circle.
A partial view of a design open on a canvas in the upgraded Venngage Editor (Beta). A group of three icons appears above text: a blue circle, an orange circle, and a white speech bubble icon. The orange circle icon is selected; it appears behind the blue circle and the white speech bubble, its blue bounding box visible through the icons. The user clicks the "Layer" menu in the top toolbar, then clicks "Move forward" in the menu several times. The orange circle icon moves forward, first appearing between the blue circle and the white speech bubble, then appearing in front of white speech bubble icon.

Back to top

Move backward

Move an element backward one layer at a time so that it appears between other elements. You can also move it to the absolute bottom (back) layer with this command.

A partial view of a design open on a canvas in the upgraded Venngage Editor (Beta). A group of three icons appears above text: a blue circle, an orange circle, and a white speech bubble icon. The orange circle icon is selected; it appears in front of the blue circle and the white speech bubble, its blue bounding box visible. The user clicks the "Layer" menu in the top toolbar, then clicks "Move backwards" in the menu several times. The orange circle icon moves back, first appearing between the blue circle and the white speech bubble, then appearing behind the blue circle, beneath both other icons.

Back to top

Move to back

Move an element from the top layer to the bottom so that it appears behind all other elements.

A partial view of a design open on a canvas in the upgraded Venngage Editor (Beta). A group of three icons appears above text: a blue circle, an orange circle, and a white speech bubble icon. The white speech bubble icon is selected; it appears in front of the orange and blue circles, its blue bounding box visible. The user clicks the "Layer" menu in the top toolbar, then clicks "Move to back" in the menu several times. The speech bubble icon moves to the bottom of the icon group, appearing behind the orange circle and the blue circle.

Back to top

Related Articles:

Start designing!

Curious about upgrading? Compare our plan features side by side.

Did this answer your question?