False hierarchy
Consent choices with unequal prominence
A fictional service displays a full-width coloured “Accept all” button while “Use necessary data only” is a faint text link after several paragraphs.
Individual HTML example · Interface interference
A fictional software trial uses a large highlighted annual-upgrade card and places the existing monthly option as low-contrast text beneath testimonials.
This is an original fictional comparison. It depicts no real company and is not a legal finding or safe harbour.
A fictional software trial uses a large highlighted annual-upgrade card and places the existing monthly option as low-contrast text beneath testimonials.
Recommended annual plan. The existing monthly path is separated and de-emphasised.. Displayed amount: €240: €240 billed now. Choose monthly or annual
Compare billing options. Annual and monthly prices, commitments and controls receive comparable treatment.. Choose monthly or annual. €240 billed now. Price, period and commitment, expanded: The price and material terms associated with “Choose monthly or annual” remain beside this choice.
Why the first version can mislead: The presentation changes what the user can notice or predict at the subscription decision. The problematic state shows: “The existing monthly path is separated and de-emphasised.” Its influence should be tested by comparing the consequence and usability of “€240 billed now” with “Choose monthly or annual”. A subscriber may enter a longer commitment without noticing the viable monthly alternative.
What a fairer design does: Show annual and monthly options together with total price, billing period and equivalent controls.
Complete pattern context
Parallel options are presented as if one were hierarchically primary, giving a business-favoured option materially greater visual or interactive prominence. The label describes a recurring design mechanism; whether a particular implementation is harmful or unlawful depends on the complete journey, audience, evidence and rules within scope.
The full guide explains inclusion and exclusion criteria, harms, fair design principles, evidence questions and the relevant EU legal information layers. The example page isolates one scenario so it can be shared and discussed without reproducing the complete library on one page.
Continue comparing
False hierarchy
A fictional service displays a full-width coloured “Accept all” button while “Use necessary data only” is a faint text link after several paragraphs.
Bundled options
A fictional ticket seller offers a concert ticket only through a control that also adds a city travel pass, although the travel component is separately deliverable and not required for entry.
Bundled options
A fictional service offers a core plan only as a bundle with premium support and data migration, while implying those extras can be removed later although no controls exist.
Evidence base