ZenFlip Accessibility Features: A Step-by-Step Guide for Publishers

ZenFlip builds accessibility into the platform so your publications reach every reader. This guide walks through each accessibility feature, where to find it, and how to configure it.

1. Adding Page Descriptions (Alt Text)

Page descriptions tell screen readers what each page contains. They are the single most impactful thing you can do for accessibility.

How to add page descriptions

1. Open your publication in the Editor (Dashboard > Publications > click your publication > Edit)

2. In the left sidebar, click the Settings tab (gear icon)

3. Scroll to the Accessibility section (marked with an accessibility icon)

4. You will see a text field labelled "Alt Text (Page X)" with the placeholder "Describe this page for screen readers..."

5. Write a concise description of what the page shows — include key text, image descriptions, and data from charts

6. Navigate to the next page and repeat

7. Descriptions save automatically when you click outside the field

Tips for good page descriptions

• Lead with the most important information: "Company Q3 revenue report showing 12% growth" not "This page has a chart"

• Include text that is baked into images (headings rendered as graphics, text overlays on photos)

• Keep it under 2-3 sentences per page

• Skip purely decorative elements (page borders, background textures)

How it reaches readers

When a screen reader user navigates your flipbook, ZenFlip announces: "Page 3 of 12. [Your page description]" via an ARIA live region. The description is also embedded in the page markup as an aria-label.

2. AI Vision Processing (Automatic Image Descriptions)

For publications with many images, charts, or diagrams, ZenFlip can automatically generate descriptions using AI vision.

How to enable AI vision processing

1. Open your publication's detail page (Dashboard > Publications > click the publication)

2. Scroll down to the AI Chat settings section

3. Find the Vision Processing dropdown (default is "Off")

4. Select a mode:

- Off — No AI processing (default) - Smart — AI analyses only visual-heavy pages (recommended for most publications) - All Pages — AI analyses every page for maximum accessibility coverage

1. Click Save AI Settings

What it generates

• Descriptions of photographs, illustrations, and graphics

• Interpretations of charts, graphs, and data visualisations

• Text recognition from images containing embedded text

• These descriptions make visual content searchable and accessible to screen readers

Cost and processing

• Approximately $0.05 per 100 pages processed

• Processing happens in the background after saving

• The status indicator shows progress (indexing, ready, or error)

• You can re-index at any time by clicking the re-index button

3. ImmersiveReader

The ImmersiveReader provides an accessible reading experience with customisable typography, themes, and audio support. It is designed for readers with dyslexia, low vision, or cognitive disabilities.

How readers access it

• Keyboard shortcut: Press R while viewing a flipbook

• Toolbar button: Click the book icon labelled "Immersive Reader" in the viewer toolbar

Available settings (readers control these)

How to enable it for your publications

ImmersiveReader is controlled by a feature flag. Contact your account administrator or ZenFlip support to enable it for your organisation. Once enabled, the ImmersiveReader button appears automatically in the viewer toolbar for all publications that have text content.

What readers see

The ImmersiveReader opens as a full-screen overlay showing the current page's text content. All reader preferences are saved to their browser (localStorage) so they persist between sessions. The reader can navigate pages using arrow keys and the TTS will auto-advance.

4. Text-to-Speech (TTS)

ZenFlip's built-in TTS reads publication content aloud using the browser's speech synthesis API.

How readers access TTS

• Keyboard shortcut: Press T to toggle TTS on/off

• Toolbar: Click the Play button in the TTS control group (visible when TTS is enabled)

• ImmersiveReader: TTS controls are also available inside the ImmersiveReader panel

TTS features

• Word-level highlighting — The current word being spoken is highlighted in the text, helping readers follow along

• Speed control — Adjustable from 0.5x to 2x speed (options: 0.5x, 0.75x, 1x, 1.25x, 1.5x, 2x)

• Click-to-seek — Readers can click any word in the ImmersiveReader to start reading from that point

• Auto-advance — When a page finishes, TTS automatically moves to the next page

• Play/Pause/Stop — Standard audio controls

5. Keyboard Navigation

Every control in the ZenFlip viewer is accessible by keyboard. No mouse required.

Keyboard shortcuts (press ? to see this in the viewer)

Focus management

• All viewer dialogs trap focus — Tab and Shift+Tab cycle within the dialog

• Focus returns to the trigger element when a dialog closes

• Visible focus indicators (outlines) appear on all interactive elements

• Skip navigation links allow keyboard users to jump past repeated content

6. Screen Reader Support

ZenFlip's viewer includes built-in screen reader compatibility:

ARIA live announcements

When a reader navigates pages, the viewer announces via ARIA live region:

• Single page: "Page 3 of 12. [Page description]"

• Double spread: "Showing pages 4 and 5 of 12"

• Zoom changes, mode switches, and fullscreen state are also announced

Semantic markup

• All viewer buttons have descriptive aria-label attributes

• Pages use role="document" with aria-roledescription="page"

• Navigation landmarks (role="main", role="navigation") structure the UI

• Active states are communicated via aria-current="page" on thumbnails and TOC items

7. Display Preferences (Automatic)

ZenFlip automatically detects and respects reader system preferences:

Reduced motion

If a reader has enabled "Reduce motion" in their operating system settings:

• Page flip animations are replaced with instant transitions

• Smooth scrolling becomes standard scrolling

• Spinner animations are disabled

• All CSS transitions and animations are removed

High contrast

If a reader has enabled "Increase contrast" in their system settings:

• Borders and outlines become thicker and more visible

• UI elements receive enhanced contrast treatment

• Focus indicators are more prominent

No publisher action is needed — these adaptations happen automatically based on each reader's system preferences.

8. Viewer Mode Options

Publishers and readers can choose between viewing modes:

Readers toggle modes using the toolbar or keyboard shortcuts.

9. Accessibility Statement

ZenFlip publishes a public accessibility statement at /legal/accessibility that documents:

• WCAG 2.2 AA conformance target

• Features provided (keyboard navigation, screen reader support, visual design)

• Known limitations and remediation timeline

• Contact information for accessibility feedback

• Legal framework references (Section 508, EN 301 549, European Accessibility Act)

Publishers can reference this statement when responding to accessibility audits or RFPs.

10. Automated Accessibility Testing

ZenFlip runs automated accessibility tests in CI/CD:

• axe-core scans via Playwright on key pages (homepage, pricing, signup, login)

• Tests enforce WCAG 2.1 AA rules

• Critical violations fail the build — they cannot ship

• This ensures the platform maintains accessibility standards over time

Quick Checklist for Publishers

Before publishing, use this checklist:

• [ ] Page descriptions — Added alt text for every page (or enabled AI vision processing)

• [ ] Source PDF quality — Used heading styles, real text (not images of text), and sufficient contrast

• [ ] Images — All meaningful images have alt text in the source PDF

• [ ] Test with keyboard — Navigate your published flipbook using only keyboard

• [ ] Test with screen reader — Listen to your flipbook with VoiceOver (Mac) or NVDA (Windows)

• [ ] Test at 200% zoom — Verify content remains usable when zoomed

• [ ] Check colour contrast — Verify text in your content meets 4.5:1 minimum ratio

Comparison: ZenFlip vs. Flipsnack Accessibility

Need Help?

• Accessibility statement: zenflip.io/legal/accessibility

• General guide: How to Create an Accessible Digital Publication

• Support: support@zenflip.io