Accessibility statement

This statement applies to Vibe Card. We want as many people as possible to be able to use this website, and we would rather tell you plainly where it falls short than claim a standard we do not meet.

What does work

We audited the site rather than filling in a template, so we can say what we found on both sides. These are the parts we checked and that passed.

• Keyboard focus is always visible. Focused elements get a 2px pink outline that meets the 3:1 contrast requirement for a focus indicator.
• Pages declare their language as English, and page content sits inside a main landmark.
• Card results can be opened with Enter or Space, not only with a mouse.
• Body text is real text rather than pictures of text, and it reflows when the browser zooms.
• Headings, links and buttons are marked up as headings, links and buttons in most places.

What we know is not accessible

We checked the site against WCAG 2.2 AA. These are the problems we found. They are not exhaustive, because the areas listed at the end of this page have not been tested at all.

• Some text does not have enough contrast against its background.

  Lighter grey text, used for secondary detail such as dates, counts and helper lines, measures 2.5:1 against white where 4.5:1 is required. Our pink is used for small labels and links at 3.5:1, which is enough for large text but not for text at these sizes. Both are widespread rather than isolated.

  Fails WCAG 1.4.3 Contrast (Minimum), AA.

• Most form fields are not programmatically labelled.

  Fields are labelled visually, by the text beside or above them, and by placeholder text. Only a handful are joined to their label in the markup, so a screen reader may announce a field without saying what it is for.

  Fails WCAG 1.3.1 Info and Relationships and 3.3.2 Labels or Instructions, both A.

• Form errors are not announced.

  When something is wrong, the message appears on screen but is not linked to the field it belongs to and is not announced by assistive technology. Someone not looking at the screen may not know a form failed or which field caused it.

  Fails WCAG 3.3.1 Error Identification, A.

• There is no skip link.

  Every page begins with the site header and navigation. Someone using a keyboard or a screen reader has to move through those before reaching the page content, on every page, with no way to jump past them.

  Fails WCAG 2.4.1 Bypass Blocks, A.

• Some images have no alternative text.

  Card artwork carries a description of what is in the picture, and the product gallery names each view. Avatars and some images elsewhere on the site still have none.

  Fails WCAG 1.1.1 Non-text Content, A.

Reporting an accessibility problem

If you find a problem that is not listed here, or you need something on this site in a different format, please use our contact form and choose “An accessibility problem”. Tell us the page and what happened, and we will reply to the address you give us. If something on this site is stopping you placing an order, say so and we will take the order another way.

The form itself is built to the standard this page describes: every field is labelled, errors are announced and linked to the field they belong to, and it can be completed without a mouse. If the form is the thing you cannot use, that is worth telling us about most of all, and how it works explains what we do with an order once it reaches us.

How we tested this website

We reviewed the site's code and measured every colour pair in our palette against the WCAG contrast formula. The contact form was built against these criteria rather than checked afterwards. We have not yet carried out testing with assistive technology, or a full keyboard walkthrough of buying a card. When we do, this statement will be updated to say what we found, including anything it turns out we have missed.

What we have not tested

Each of these needs a person using the site with assistive technology, or a keyboard walkthrough of a real purchase, and we have not done that yet. We are telling you rather than leaving it out: if a statement is silent about something, you cannot tell whether it passed or was never looked at.

• The order in which keyboard focus moves through a page.
• Whether search and checkout can be completed using a keyboard alone.
• What a screen reader announces on any page.
• Behaviour at 400% zoom and at small screen widths.
• Whether anything relies on colour alone to convey meaning.

You may also want to read our terms of sale and privacy policy.