How to Create a Skip Link for Screen Readers with InDesign & in5

A Skip Link lets disabled users easily skip over purely visual content and jump ahead to substantial content (e.g., skip over a cover page to the main story).

To create a Skip Link with InDesign & in5:

  1. Create a Button or Hyperlink from the element that you would like to use as a Skip Link.
  2. Point that link to the page with the main content.
  3. Use the Accessibility panel* to designate a text frame on your target page as a <main> element using the Custom Tag drop-down (optional).
  4. In the Accessibility panel, select Treat as Skip Link.
  5. In the Accessibility panel, choose Show ONLY to Screen Reader under the Screen Reader Visibility (optional).

*  The Accessibility panel is only available to Elite and Enterprise plans.

Treating the element as a Skip Link means that in5 will move it off the page and into the top of the reading order in the output, ensuring that a screen reader sees it immediately.

You can see in the video below why I suggest that you create the Hyperlink or Button first.

Accessible PDFs from InDesign vs. Accessible HTML from InDesign

The article is written as a parallel to Adobe’s article on Creating Accessible PDFs, so that you can compare the steps required to set up accessibility for both PDF and in5, and to get a sense of the accessibility of the output.

For the purposes of this article, I will assume that you’re not interested in InDesign’s native HTML export, because it does not support layout the way a PDF does. In contrast, in5 exports HTML while maintaining your InDesign layout.

in5 is a 3rd-party InDesign plugin that can create accessible, interactive HTML output (without any coding on your part).

Both the PDF export and in5 can produce 508 compliant output from InDesign, but there are some key difference detailed in the article below.

Liquid Layout in Adobe InDesign: What is it Used For?

InDesign liquid pouring into smartphone

Liquid Layouts were an idea ahead of their time. They let you create “rules” governing how the items on your InDesign pages would scale and change position if the InDesign page were to change size.

liquid layout panel

This liquid ability was no doubt the InDesign team’s solution to a problem that was on its way: the mass availability of smartphones and tablets of various screen sizes, and the need to create digital content for these new devices.

The Liquid Layout feature pre-dated what would be the web’s solution to this problem: CSS Media Queries.

There’s a motto in investing, “being early is the same as being wrong.” Here, the InDesign team’s efforts were early, and Liquid Layout Rules do not map well to CSS Media Queries.

So what are Liquid Layouts good for?

15 Ways to Publish Digitally with InDesign & in5

different outputs illustrated

in5 lets you create interactive content using InDesign, and without coding.

What kinds of projects can you publish with in5?

Well…

This is by no means an exhaustive list, but here are several of the wonderful places that you can publish your in5 projects:

  1. Web
  2. Web App
  3. Mobile App
  4. WordPress
  5. Animated GIF
  6. Google Ad
  7. Kiosk App
  8. Tradeshow Presentation
  9. Live Presentation
  10. Sales Enablement App
  11. LMS
  12. Embed in another in5 project
  13. Distribute as a local download
  14. Part of a membership site
  15. Premium publication app

All of these options are described in the following video, and in the article below.

Let’s take a look at these options in detail.