011 — Order CTAs by importance

by Óscar Otero

1 min read

If your design contains several CTAs, order them by importance. Only one must be the primary action that must be in the first position.

If the buttons are in reversed order, the primary action must be on the right edge:

Use flex-flow: row or flex-flow: row-reverse CSS properties to order visually the buttons without affecting the real order in HTML, with the additional benefit of keeping the focus order on pressing the Tab key.

Written by human