The standard we hold the site to

The target is the Web Content Accessibility Guidelines 2.2 at level AA. That is a target, not a certificate. Nobody outside the business has audited the site, and we do not claim conformance we have not had checked.

Our own checks run against keyboard-only use, screen reader output, 200% zoom and the widths a parts buyer actually opens a page at: a 320px phone in a truck cab, a 768px tablet on the shop floor, a 1440px desk monitor and 1920px and wider. Content reflows at every one of those without a sideways scrollbar on the page itself. Wide tables, such as the grade table and the anchor drill-size table, scroll inside their own box instead.

What works today

  • Skip link. The first Tab press on any page shows a "Skip to content" link that jumps past the sidebar to the main column.
  • Sidebar and drawer. On desktop the navigation is a fixed sidebar of ordinary links. Under 960px it becomes a drawer: the Menu button reports open or closed, focus stays inside while it is open, Esc closes it and focus returns to the button.
  • Focus you can see. Every link, button and field shows a 2px signal-teal ring when focused. We never remove the outline without replacing it.
  • Tap targets. Buttons, nav rows, chips and configurator options are at least 44px tall and sized by padding, so long labels such as "Hex cap screws, Grade 5 and 8" wrap rather than clip.
  • The catalogue rail. The horizontal rail on the home page takes arrow keys, Home and End when focused, plus previous and next buttons and a position readout like 03 / 11. With reduced motion turned on, or on a small touch screen, it becomes a plain vertical list.
  • Configurator. Options are real buttons that report their pressed state. Blocked combinations, like zinc on stainless or B7 as a hex cap screw, are marked as unavailable and explained in text, not only by a struck-through style.
  • Forms. Every field has a visible label. Errors appear as text beside the field, in words like "Leave a phone or an email. We need one way to reply." Colour is never the only signal.
  • Contrast. Body text is near-black on cool white. Where teal carries text, we use the darker signal ink, which meets AA contrast on white.
  • Images. Every photograph of stock carries alt text saying what is in it, for example the head markings on a Grade 8 screw. Icons are decorative and hidden from screen readers.
  • Motion. Count-up figures, the drawn rule through the headline lockup and section reveals all switch off when your system asks for reduced motion.

Where it falls short

We would rather list these than have you find them.

  • Chat replies. The support chat checks for new messages every five seconds while it is open. A screen reader may not announce each reply the moment it arrives; moving focus into the message log reads them.
  • Configurator readout. When you change an option the designation string and the warnings update together. On some screen readers the whole block is announced again, which is long. We are working on announcing only what changed.
  • Labels in photographs. Bin labels and paint-marker lengths in the photographs are deliberately out of focus. They carry no information you need; the same facts are in the text and the spec rows.
  • Display type. The headline face, Chakra Petch, has squared, cut-corner letters. At small sizes it can read harder for some people, so it is used only for headings and figures. Body text is IBM Plex Sans at 17px.
  • Web fonts. Fonts load from Google Fonts. If they are blocked, the site falls back to system faces and stays usable, but spacing in a few headings will shift.

Checked at these widths

A part number is useless if half of it runs off a phone screen. These are the layouts we look at before a page goes live.

Layout checks by viewport width
WidthNavigationCatalogue railTables
320 pxDrawer from the leftVertical list on touchScroll inside own box
414 pxDrawer from the leftVertical list on touchScroll inside own box
768 pxDrawer from the leftHorizontal, swipe and buttonsMost fit; wide ones scroll
1024 pxFixed sidebarHorizontal, keys and dragFit in the column
1440 pxFixed sidebarHorizontal, wheel, keys, dragFit in the column
1920 pxFixed sidebarHorizontal, wheel, keys, dragFit, column capped

How to report a barrier

Email [email protected] or call +1 (536) 555-1163. Tell us the page address, what you were trying to do and what got in the way. The browser and any assistive technology you use helps, but it is not required.

We do not take phone quotes for parts without a written spec. That rule bends here. If the form is the barrier, call and read us the list: thread, length, grade and count. We write it down, send it back to you in writing to confirm, and the inquiry runs from there like any other.

Post also reaches us: Zavtilo, 46 Market Street, Büro 5, Austin, Texas 82389, United States. For questions about personal data use the data request page; for everything else about using the site, the terms.

Read it out. We write it down.

Form, email or phone. Any of them gets your parts list a written reply.