Skip to main content

Site Binder Page

Module: ChemIQ For: Employees scanning the poster (the visitor); Admin, Manager (you, configuring the underlying inventory)

The site binder is the page an employee lands on after scanning a site access poster with their phone. It's the operational answer to "where do employees access SDS during their shift?" — a fast, login-free, mobile-first list of every hazardous chemical at that specific site.

This page documents everything an employee sees when they scan a poster, in the order they see it, so EHS Managers know what the experience looks like end-to-end.

The URL​

When a worker scans the QR code on a site poster, their phone opens:

https://sds.tellusehs.com/s/{site_token}

The {site_token} is a short, opaque, non-guessable identifier — never the site name. The token is the credential: anyone with the URL gets access to the binder, which is why the site posters page lets you rotate the token if a poster gets shared inappropriately (see Site Access Posters).

The URL also includes a <meta name="robots" content="noindex, nofollow"> header so search engines never index it. Site binder URLs are access tokens, not public content.

At the Top of the Page​

The header packs three high-stakes pieces of information into a tight block visible without scrolling on a phone.

Site Name and Poster Label​

The site name and (if you set one) the poster label — Acme Coatings — Mix Room or Acme Coatings — Main Entrance. Helpful when employees can see they're looking at the right binder for the right physical location.

Emergency Contact Strip​

A three-line block, prominently sized:

Shift Supervisor on Duty Site EHS Manager +1 (555) 123-4567

On a phone, the phone number is tap-callable — the worker can tap it during a spill and the phone dials immediately. The contact is resolved atomically: the site's emergency contact wins if set, otherwise the company's contact (see Setting Up Your Emergency Contact).

Above the contact, a static line reads: "In an emergency, call 911 first" — in English and Spanish.

Coverage Stats​

A small one-liner showing the SDS coverage state of the site's inventory:

"47 chemicals — 39 with SDS on file, 8 missing"

This is intentionally visible to employees, not just managers. The "8 missing" number tells a worker that there are chemicals at the site they may encounter for which the SDS is not yet available. It also tells an OSHA inspector that you're not hiding compliance gaps behind a filter — you're surfacing them so they can be fixed.

Search and Barcode Scanner​

Below the header, two controls help workers find the chemical they need fast:

A single text input with placeholder "Search by product name or CAS...". Search is client-side filtering — it doesn't require a network round trip. Results filter as you type.

Barcode Scanner Button​

A camera icon next to the search box. Tap it and the phone's camera opens. Scan the UPC or internal SKU on a container, and the binder jumps directly to that chemical's row. This is the fastest path during a spill: scan the drum, see the SDS, no typing.

The scanner uses the browser's built-in Barcode Detection API. On older devices or browsers that don't support it, the icon stays disabled and the worker falls back to text search.

The Chemical List​

Below the search controls, the list of every hazardous chemical on the site's product list. The list is catalog-driven, not stock-driven — chemicals on the site's inventory list appear regardless of current stock level. Out-of-stock items still show with a clear badge but remain accessible.

Each Chemical Row​

A typical row shows:

ElementWhat it tells the worker
Product nameThe exact name as it appears in your catalog
Signal word badgeDanger (red) or Warning (amber) — the GHS signal word from SDS Section 2
CAS numberIf assigned, in monospace; otherwise —
GHS pictogram stripThe applicable GHS pictograms for this product, with WCAG-compliant alt text
H/S/E severity chipsThree small chips showing Health, Safety, Environment severity (1-5 with text label like High, Moderate, Low)
"Tap for SDS PDF"Tap the row to expand the Safety Information Summary and access the full SDS PDF download

The signal word, pictograms, and H/S/E chips render as a single visual unit — the H/S/E rating is never shown without the pictograms and signal word next to it. This is a Tellus design rule from the EHS-expert review: the rating summarizes the pictograms, it does not replace them.

Out-of-Stock Badge​

When a chemical's quantity at the site is zero, the row shows a small Currently out of stock badge but still appears in the list. Out-of-stock does not mean "no longer used" — a solvent reordered monthly is still in active use even when the bottle is empty between deliveries. OSHA's SDS-access requirement is tied to what you use, not to what's currently on the shelf, so the binder keeps the SDS reachable.

Tellus never shows the actual quantity number on this page. Stock is a binary in-stock/out-of-stock signal only.

SDS-Missing Badge​

When a chemical on the site's inventory list has no SDS document on file, the row shows a SDS not yet on file — contact coordinator / call 911 in emergencies badge. The chemical is not hidden from the binder; it's surfaced with a clear flag and a path to escalate.

Hiding chemicals that lack SDSs would mask the compliance gap from both the employer and any inspector evaluating SDS access under 29 CFR 1910.1200(g)(1). Showing them with a flag tells the truth — and triggers an automatic task in the EHS Manager's queue so the underlying gap can be fixed.

Tapping a Row — The Safety Summary Drawer​

Tapping a chemical row expands an in-line drawer with the auto-generated Safety Information Summary for that chemical — top 3 hazards, required PPE icons, first-aid quick reference, storage do/don't, and spill response. The same content and the same liability guardrails as the per-product page (see Per-Product SDS Page for the full breakdown of how the summary is generated).

Inside the drawer, a prominent Open Full SDS (PDF) link streams the latest SDS PDF from secure storage.

Last-Synced Banner​

A persistent banner — not buried in settings, not behind a tooltip — at the bottom or top of the binder page reads:

"Last synced: 2026-05-18 09:42 AM"

This is the PWA freshness signal. Every time the binder is opened, the phone attempts a server sync. If the sync succeeds, the timestamp updates and the cache refreshes silently. If the sync fails (because the phone is offline), the cached binder is served and the timestamp stays at whatever it was last set to.

Workers can glance at the banner and know whether the binder they're looking at is fresh (synced within the last few minutes), stale-but-acceptable (synced earlier today), or expired (will refuse to load offline at the 24-hour mark).

What Happens When the Cache Expires​

If the phone hasn't successfully synced with the server in 24 hours, the binder refuses to serve offline. Instead, it shows:

"Cache expired — connect to the internet to refresh, or contact your EHS coordinator at [name + phone]."

The coordinator name and phone come from the same emergency contact record used everywhere else on the binder. The worker can call directly from the message.

This 24-hour hard cap is non-negotiable. It exists because a poster that's been revoked or a chemical whose SDS has been updated must propagate to workers in bounded time — and "bounded" means "within one operational day." It's how Tellus aligns the PWA backup with OSHA's revocation-latency expectations in adjacent standards.

The Revoked-Poster Page​

If a poster's token has been revoked (see Site Access Posters), scanning the QR code no longer opens the binder. Instead, the worker sees a branded message:

"This poster has been deactivated. Contact your EHS coordinator: [name + phone if available]."

Critically, the emergency contact is still shown even on the revoked page. A worker who scans an old poster during an actual incident still gets a human number to call. This is intentional — SDS access is a safety obligation, not a payment lever or a delete button. The contact is the safety floor.

What's NEVER Shown on the Binder​

The site binder follows the same opt-in rule as the rest of the portal. It never shows:

  • Inventory quantities (numbers — only an in-stock / out-of-stock badge)
  • Storage locations within the site (e.g., "Warehouse Aisle 3, Shelf B")
  • Employee data, user accounts, or internal audit history
  • Inactive (soft-deleted) inventory rows — those are hidden, preserved only for historical exposure records
  • Pricing, suppliers, or purchase data

Mobile, Accessibility, and Offline​

The binder is mobile-first by design — phones are the primary device for this use case.

  • Single-column layout on any phone
  • Tap targets are at least 44 pixels
  • The phone number in the emergency contact strip is always tap-callable
  • WCAG 2.2 AA conformance — alt text on every pictogram, no color-only hazard encoding, full keyboard navigation, screen-reader-tested heading structure
  • Language: UI auto-detects browser Accept-Language and renders chrome in English or Spanish at launch
  • Performance target: under 2 seconds on a 3G connection from a cold load

Offline behavior is governed by the PWA cache rules described above — sync on open, 24-hour hard cap, persistent last-synced banner.

What This Means for You as an Admin​

Three things to remember about the binder from the EHS Manager side:

  1. The binder is dynamic. When you add a chemical to the site's inventory, archive one, or reactivate a previously archived chemical, the change is immediately reflected. No manual "republish."
  2. The Site Posters panel surfaces missing-SDS chemicals so you can fix the underlying gap. The binder shows them with a flag; the panel turns those flags into actionable tasks.
  3. The binder is your inspector-readiness story. Scan counts, last-synced timestamps, and the access log together prove to OSHA that workers actually use the system — not just that you bought it.