Skip to content
MenuClose
PalletLinker

Accessibility

How this site is built

A pallet yard's website should work the way a pallet does: predictably, in bad conditions, without special equipment. Here is what we have actually done.

It works without JavaScript

  • Every link is a real anchor with a real destination — no script-driven navigation.
  • The main menu is a native <details> element, so it opens and closes with no script at all.
  • Dropdown sections inside the menu are nested <details> elements.
  • The request form is a real <form> that posts to our server and redirects to a confirmation page. With JavaScript it submits in place and validates as you type; without it, the server validates and tells you what to fix.
  • The Pallet Passport lookup is a plain GET form. Results render server-side.
  • The size library renders every row before any filter is applied; the filters are an enhancement.
  • The floating quote button is an anchor to the in-page form when scripting is unavailable.
  • FAQ and accordion sections are <details> elements, expandable without script.

Keyboard and screen readers

  • A skip link to the main content is the first focusable element on every page.
  • Visible focus rings everywhere, never removed.
  • The full-screen quote window traps focus while open, closes on Escape, and returns focus to the button that opened it.
  • Form errors are announced through a live region and linked to their fields with aria-describedby.
  • Current page is marked with aria-current in the menu.
  • Every page uses one h1 and a logical heading order.
  • Decorative illustrations are hidden from assistive technology; the logo carries a label.

Motion and colour

  • All animation is disabled when your system requests reduced motion.
  • Body text meets WCAG AA contrast on our paper background; large display text meets AA at its size.
  • No colour is the only carrier of meaning — stock levels, grades and errors all carry text.
  • No automatic carousels, no pop-ups on arrival, no sound.

Typography and zoom

One typeface across the whole site, sized in relative units so browser text settings are respected. Layouts reflow to 320px and tolerate 200% zoom without horizontal scrolling; wide tables scroll inside their own container rather than breaking the page.

Where we know we fall short

The size library and specification tables are genuinely wide, and on a small screen they require horizontal scrolling inside the table. We have not found a better answer that keeps the data comparable. If a table is unusable for you, email us and we will send the same information as plain text.

Tell us

If something here does not work for you, write to hello@palletlinker.com and describe what happened. We will fix it and reply — within one business day, like everything else.

Back to contact

Get a quote