Skip to main content

Email & Landing Page Accessibility

Learn how to improve accessibility in your emails and landing pages using Knak features and simple best practices.

Updated over 2 weeks ago

Improve Accessibility in Knak

Use these features to make your content easier to read. Improve support for screen readers. Create a better experience for all viewers.

Follow Accessibility Best Practices

Font Size

  • Use at least 14 px font size.

  • Smaller text is harder to read.

Color Contrast

  • Use high contrast between text and background.

  • Avoid light text on light backgrounds.

Links

  • Use bold or underline for visibility.

  • Write descriptive link text.

  • Avoid โ€œclick here.โ€

Text

  • Use live text instead of images.

  • Screen readers cannot read text inside images.

Images

  • Keep image usage under 40%

  • Too many images reduce readability.

Emoji

  • Do not replace words with emojis.

  • Include text alongside emojis.


Use Element Tags for Structure

Element tags define the structure of your content. They help screen readers understand headings and paragraphs.


Apply Element Tags

  1. Select a text element.

  2. Open the Element Tag dropdown.

  3. Choose a tag:

    • H1 for the main title

    • H2 or H3 for subheadings

    • P for paragraphs

Element Tag setting in the text attributes section.

Best Practices

  • Use one H1 per email.

  • Follow a logical order (H1 โ†’ H2 โ†’ H3).

  • Do not skip heading levels.

๐Ÿ‘‰ For full details, see the Element Tags help article.


Set Alt Text for Images

Alt text (alternative text) describes an image. It displays when images do not load. Screen readers use it to explain visuals.

Add Alt Text

  1. Select an image in your email or landing page.

  2. Enter a short description in the Alt Text field.

    Alternate Text Input field for an image added in Knak.

Use AI to Generate Alt Text

Use Knak AI to create alt text quickly.

  1. Select an image.

  2. Click Knak AI Suggestions.

    Knak AI Suggestions button to create alt text options for an image.
  3. Choose a suggestion by pressing the Use button.

    Knak AI alt text suggestions with "use" button highlighted.
  4. Save your changes.

To enable this feature:

  • Go to Admin โ†’ Settings

  • Navigate to the AI Features tab.

  • Enable Alt-Text Suggestions for images in the Editor.

    AI Features section in the admin settings page with arrow pointing to the feature fort the AI Alternate Image Text feature.

Best Practices

  • Describe the purpose of the image.

  • Keep text short and clear.

  • Avoid repeating nearby text

  • Review the Optimize tab while building your asset.


Add Roles to Table Elements

Set table roles at the section level to improve how screen readers interpret layout.

Set a Table Role

  1. Select a section in your email or landing page

  2. Open the HTML settings in the right panel

  3. Find the Table Role option

  4. Choose a role:

    • Presentation for layout sections

    • Header or Footer for structured sections

When to Use Each Role

  • Use Presentation for layout tables with no data

  • Use Header or Footer when the section has meaning or structure

This helps screen readers read content in the correct way.

Section settings panel showing Table Role dropdown

Set the HTML Language Attribute

Set the correct language for your email. This helps screen readers pronounce content correctly.

  • Open Email Settings

  • Select the correct language

Language selection in email settings

Need more help? Contact support via live chat using the chat bubble in the bottom right corner or email support@knak.com.

Did this answer your question?