Skip to main content

What is accessibility and why does it matter for your Triptease Messages?

Learn how to make your Triptease Messages accessible for all guests

Updated over a week ago

TL;DR

  • Web accessibility ensures everyone can use and understand your Messages, including guests with disabilities.

  • The European Accessibility Act requires booking experiences to meet accessibility standards.

  • Triptease Messages are designed with accessibility in mind, but you are responsible for customizing them correctly.

When to Use It

You should focus on accessibility:

  • Anytime you create or edit a Message.

  • When updating your site to comply with the European Accessibility Act (from June 28th, 2025).

  • If you want to improve the guest experience for people using screen readers, keyboards, or other assistive tools.

How It Works

Triptease Messages include built-in features that support Web Content Accessibility Guidelines (WCAG) 2.1 AA standards. These standards require all content to be:

  • Perceivable

    Guests must be able to see and understand your content. This includes clear headings, logical structure, legible fonts, and strong color contrast. Non-text content like images must have alt text or captions.

  • Operable

    Messages must be usable with keyboards, voice commands, or screen readers. They should never block essential actions on your site.

  • Understandable

    Content must be clear and easy to read so all guests know what to do next

How Triptease Helps

Triptease provides:

  • Messages that can be navigated with keyboards, voice control, and screen readers.

  • Built-in options to add alt text to all images.

  • Consistent design patterns that follow WCAG principles.

How to Make Your Messages Accessible

Here are simple steps you can take to customize Messages for accessibility:

  1. Use High-Contrast Colors

    Make sure your text and icons stand out against background colors. Use the WebAIM Contrast Checker to test your combinations.

    Example of good and poor color contrast in a message. The left example shows a message with black text on a white background, passing all accessibility contrast checks (contrast ratio 11.94:1). The right example shows pink text on a white background, failing all contrast checks (contrast ratio 1.62:1).

  2. Choose Clear, Scalable Fonts

    Use legible fonts at least 14px in size. Serif fonts work well for headings, and sans-serif fonts are best for body text.

    Example of good and poor font choices for accessibility. The left example shows a message with a large, clear heading (Value Serif Pro, 20px/28px line height) and legible body text (Inter, 14px/20px line height). The right example shows a message with much smaller text (headings and body both Value Serif Pro, 10–12px), making it difficult to read.

  3. Add Alt Text to Images

    When uploading images, include descriptive alt text. Good alt text:

  4. Write Descriptive Link Text

    Avoid vague phrases like “Click here.” Be specific about what happens when the guest clicks the link.

    Note: Currently, links can only be added to buttons. Support for text links is coming soon.

    Example of good and bad link descriptions. On the left, a message about signature cocktails includes a descriptive link reading “Make a reservation,” with a checkmark indicating this is correct. On the right, the same message uses a vague “Click here” link, marked with an X to show poor accessibility.

  5. Keep Language Simple and Clear

    Write content at about a Grade 9 reading level so it’s easy for everyone to understand. Use the Hemingway Editor to test your text.

Related Articles
How to Create Targeted Messages That Convert with Triptease
Did this answer your question?