What it means on a web page
When related elements are not visually grouped close together, or unrelated elements are placed adjacent, people can misread which elements belong together.
People may associate a label with the wrong input, or miss that items are related.
This describes a general tendency. How much it matters on a particular page depends on the page and the people using it.
Does theuxbites check this?
No. This cannot be judged from a page's HTML, so the audit does not check it and never reports a finding for it. It is described here for when you review a design yourself.
Suggestions
Keep related elements close together. Use spacing, borders, or background colour to signal grouping.
- Place form labels directly above (or to the left of) their input fields
- Use consistent spacing: more space between groups, less within groups
- Use <fieldset> and <legend> to group logically related form fields
- Use card or container patterns to visually group related content blocks
- Audit page with a blur test: related items should still appear grouped when blurred
These are common ways to apply the principle, not rules. Whether one fits depends on your page.
See how your page does
An audit checks nine other UX principles on your page, together with speed, accessibility, SEO and AI visibility.