View Access - Everyday Interface Patterns

A static view access badge shows Team review, Team only, owner Jules, and updated date July 8, 2026.

Program

View access badges should show who can see a saved view without implying live sharing, permission enforcement, or user services.

view_access_badge.html

Visuals: captured from real browser rendering

<section class="view-access" aria-labelledby="view-access-title">
  <h2 id="view-access-title">View access</h2>
  <dl>
    <div><dt>View</dt><dd>Team review</dd></div>
    <div><dt>Access</dt><dd><span class="badge">Team only</span></dd></div>
    <div><dt>Owner</dt><dd>Jules</dd></div>
    <div><dt>Updated</dt><dd><time datetime="2026-07-08">July 8, 2026</time></dd></div>
  </dl>
  <button type="button">Review access</button>
  <p class="note">Static access badge only; the button does not route, save, share, apply, query, persist, or call a permission service.</p>
</section>
<style>
  .view-access { display: grid; gap: 10px; max-width: 38rem; border: 1px solid #0f766e; padding: 12px; background: #f0fdfa; }
  .view-access dl { display: grid; gap: 8px; margin: 0; }
  .view-access dl div { display: grid; grid-template-columns: 7rem 1fr; gap: 8px; }
  .view-access dt { color: #475569; }
  .view-access dd, .note { margin: 0; }
  .badge { border-radius: 999px; background: #ccfbf1; padding: 2px 8px; }
  .view-access button { justify-self: start; padding: 8px 12px; }
  .note { color: #475569; }
</style>

Label the access surface.
The section is labelled by its visible heading.
Show the view row.
The view name is exact pinned data.
Show the access badge.
The access value is visible as a static badge.
Show the owner row.
The owner is exact pinned data.
Show the updated date.
The updated date is visible with a datetime value.
Check access badge honesty.
View, access, owner, updated date, button, and no permission service.

access surface The section heading names the view access surface.

access badge Team only is exact pinned access data.

no permission service The lesson should not imply sharing APIs, permission APIs, user APIs, or persistence.