kindle, paper white, book, device, glasses, e-book, pencil, electronic, reading, reader, education, e-reader, information, screen, display, touch, learning, page, technology, digital, amazon, kindle, kindle, kindle, kindle, kindle. How to Make a Digital Magazine Accessible
Photo by 742787 on Pixabay

Guides

How to Make a Digital Magazine Accessible

A production guide for accessible digital issues: WCAG 2.2 AA for web, EPUB Accessibility 1.1 metadata, PDF/UA checks for tagged PDF, image roles, validators and manual tests.

This is an editorial pen name used by the publication, not a claim of an independently verified personal identity. Original editorial credit: Review Desk.

What to take away

  • State one target per formatWCAG 2.2 Level AA for the web edition, EPUB Accessibility 1.1 for EPUB, and PDF/UA-1 (ISO 14289-1) as the yardstick for tagged PDF.
  • An EPUB must carry accessibility metadata. Under EPUB Accessibility 1.1, accessMode, accessibilityFeature and accessibilityHazard are mandatory; accessibilitySummary and accessModeSufficient are recommended.
  • Write the content map before layout, so reading order, image roles and table structure are decided once and carried into every format.
  • Test by hand as well as by toolkeyboard only, 200 percent text size, a 320 CSS pixel width, raised text spacing and a screen reader. W3C itself warns that quick checks can pass a page that still has significant barriers.
  • The law differs by country. in the United States the ADA applies, and the Department of Justice's 2022 guidance says it has no regulation setting detailed web standards; UK public bodies must meet WCAG 2.2 AA; for other publishers, ask a qualified adviser.

Pick the target for each format

Choose the standard before the first page is built, and write it in the commissioning brief. Which formats you offer is a separate decision, covered in digital magazine formats compared.

FormatTarget to stateWhat the source says
Web or app editionWCAG 2.2 Level AALevel AA means every Level A and Level AA success criterion is met
EPUBEPUB Accessibility 1.1 with WCAG 2.2 Level AAThe specification requires at least WCAG 2.0 Level A and strongly recommends the latest WCAG at Level AA
Tagged PDFPDF/UA-1 (ISO 14289-1), checked against WCAGPDF/UA-1 is a constrained PDF 1.7 consistent with WCAG 2.0

An EPUB declares its claim in a dcterms:conformsTo property, with a value in the pattern "EPUB Accessibility 1.1 - WCAG 2.2 Level AA". Do not write that string unless the issue has been tested to that level.

Where the law applies

Rules differ by jurisdiction, and this is not legal advice.

  • United States.The ADA applies to state and local governments (Title II) and businesses open to the public (Title III). The Department of Justice's web guidance, dated 18 March 2022, says the Department does not have a regulation setting out detailed standards, and points to WCAG and the Section 508 Standards as technical guidance. A separate rule published on 24 April 2024 covers state and local governments. Check the current Department position before relying on this. Section 508 binds federal agencies; its standard for electronic content (E205.4) incorporates WCAG 2.0 Level A and AA.
  • United Kingdom.The Public Sector Bodies (Websites and Mobile Applications) (No. 2) Accessibility Regulations 2018 cover public sector bodies. GOV.UK states the standard as WCAG 2.2 AA and requires an accessibility statement. A magazine published by a council or university can fall inside this. Duties for other publishers are set out in Equality Act duties for UK digital magazine publishers.
  • European Union.The EPUB Accessibility 1.1 specification names Directive 2019/882 as an example of a law that needs more than Level A. Ask counsel whether your readers and sales fall inside it.

Build the content map first

List every block of one article in reading order before anyone opens a layout tool. Editorial suggestion: use a table so a designer cannot misread it.

OrderBlockRoleNote for production
1TitleHeading level 1One per article
2Deck and bylineTextMarked up, not an image
3Lead imageInformativeAlt text plus visible caption
4BodyTextSubheads at logical levels
5Pull quoteRepeat of nearby textEditorial suggestion: treat as decoration if it duplicates the body
6Data tableTableCaption, header cells, simple structure
7Audio clipMediaTranscript commissioned with the clip

Then read the unstyled document from start to finish. The order should still make sense without columns, floating cards or drop caps. That test matches WCAG criterion 1.3.2, Meaningful Sequence (Level A), which requires a correct reading sequence that software can determine.

The criteria that bite hardest in magazines

These WCAG 2.2 success criteria produce most of the failures in magazine files. Levels are as published in the Recommendation.

Level

1.1.1 Non-text Content
A
1.2.2 Captions (Prerecorded)
A
1.2.5 Audio Description (Prerecorded)
AA
1.3.1 Info and Relationships
A
1.3.2 Meaningful Sequence
A
1.4.3 Contrast (Minimum)
AA
1.4.4 Resize Text
AA
1.4.10 Reflow
AA
1.4.12 Text Spacing
AA
2.4.4 Link Purpose (In Context)
A
2.4.11 Focus Not Obscured (Minimum)
AA
2.5.8 Target Size (Minimum)
AA
3.1.1 Language of Page
A

Typical magazine failure

1.1.1 Non-text Content
Photos, charts and icons with no alternative
1.2.2 Captions (Prerecorded)
Video with no captions
1.2.5 Audio Description (Prerecorded)
Key visuals absent from the soundtrack
1.3.1 Info and Relationships
Sidebar or caption identified only by position
1.3.2 Meaningful Sequence
Columns read in the wrong order
1.4.3 Contrast (Minimum)
Text over photographs
1.4.4 Resize Text
Text locked in image or fixed boxes
1.4.10 Reflow
Fixed-width pages need sideways scrolling
1.4.12 Text Spacing
Clipped text when spacing is raised
2.4.4 Link Purpose (In Context)
"Click here" links
2.4.11 Focus Not Obscured (Minimum)
Sticky bars hide the focused link
2.5.8 Target Size (Minimum)
Tiny page-turn and share icons
3.1.1 Language of Page
No language set

Production fix

1.1.1 Non-text Content
Classify every image (next section)
1.2.2 Captions (Prerecorded)
Edit captions for speech and meaningful sounds
1.2.5 Audio Description (Prerecorded)
Add description or a descriptive transcript
1.3.1 Info and Relationships
Use real headings, lists, figure and caption markup
1.3.2 Meaningful Sequence
Fix source order, then style
1.4.3 Contrast (Minimum)
4.5 to 1, or 3 to 1 for large text
1.4.4 Resize Text
Real text that scales to 200 percent
1.4.10 Reflow
Reflow at 320 CSS pixels wide
1.4.12 Text Spacing
Boxes that grow; see the layout and typography guide
2.4.4 Link Purpose (In Context)
Link text that names the destination
2.4.11 Focus Not Obscured (Minimum)
Offset or release sticky elements
2.5.8 Target Size (Minimum)
Targets of at least 24 by 24 CSS pixels
3.1.1 Language of Page
Set the document language, mark foreign passages

Criteria 2.4.11 and 2.5.8 are new in WCAG 2.2. They matter for apps and issue readers more than for static pages.

Classify every image

W3C's images tutorial sorts images by what they do. Use its categories as the table your picture desk fills in, and use the W3C alt decision tree when a case is unclear.

Image role / Treatment

Decorative flourish or texture
Empty alternative (alt=""), so it is skipped
Informative photograph
Short alternative covering what matters in this article
Functional (link or button)
Alternative describes the action, not the picture
Image of text
Same words as the image, or better, real text
Complex (chart, map, diagram)
Short alternative plus a full description or the data nearby
Group conveying one idea
One alternative for the group

Editorial suggestion: write the alternative in context. A portrait caption may already name the person and event, so the alternative can carry the visible detail that the caption leaves out. A credit identifies who made the picture and is not an alternative. The photo editing guide covers caption practice.

Tables, audio and video

Use tables only for data. Mark up the caption, the header cells and the cell associations, and simplify split or nested grids. For a chart, state the finding in the prose and give the values or a complete description.

W3C defines captions as a text version of speech and non-speech audio needed to understand the content, synchronised with the audio. It separates two transcript types. A basic transcript carries speech and necessary sounds. A descriptive transcript adds the visual information, and W3C says descriptive transcripts are needed to serve people who are both Deaf and blind. Editorial suggestion: commission the descriptive version at the shoot, when notes on visuals are still easy to take.

Make and check each format

Web edition. Run the Nu Html Checker, the markup validator hosted by W3C, for markup errors. Add a browser checker such as axe DevTools (made by Deque Systems, with a browser extension) or WAVE (WebAIM), then continue with the manual tests below. WAVE describes its aim as to "facilitate human evaluation" of web content.

EPUB. Run EPUBCheck, the conformance checker for EPUB files, then Ace by DAISY, the accessibility checker for EPUB. In the package metadata, include accessMode, accessibilityFeature and accessibilityHazard, and add accessibilitySummary and accessModeSufficient. If the EPUB is offered as the reflowable equivalent of a print issue, the specification says it should include page navigation, and any publication that does must include a page list.

Tagged PDF. PDF/UA-1 requires that all real content is tagged, artifacts are marked and left out of the tag tree, reading order is logical, real images get a Figure tag with alternative text, fonts are embedded and the language is declared. W3C publishes matching PDF techniques for WCAG: PDF1 (alt text), PDF6 (tables), PDF9 (headings), PDF16 (language), PDF11 (links) and PDF18 (title). Check the file with PAC, a free checker for PDF/UA and WCAG that includes a screen-reader preview, and then inspect the tag tree by hand. Editorial suggestion: treat the manual inspection as mandatory, because tags can be missing or wrong. Editorial suggestion: offer a reflowable format next to any fixed-layout replica.

Run the manual tests

Automated tools cover part of the criteria. Record each test with the tool, version, platform and build identifier so another editor can repeat it.

  1. Keyboard.Use Tab and Shift+Tab to move, Enter and Space to activate. Focus must always be visible, in a logical order, and never trapped. WebAIM's keyboard guidance describes what to look for.
  2. Zoom.Raise text to 200 percent, then narrow the window to 320 CSS pixels. Nothing may vanish or need sideways scrolling, except content that needs two-dimensional layout, such as a data table.
  3. Text spacing.Apply line height 1.5, paragraph spacing 2, letter spacing 0.12 and word spacing 0.16 times the font size. Check that nothing clips or overlaps.
  4. Screen reader.NVDA is a free, open-source screen reader for Windows. VoiceOver is the screen reader built into macOS. Listen to headings, landmarks, image alternatives, table navigation and form errors.
  5. Media.Play every clip with captions on and sound off, then read the transcript alone.
  6. Account paths.Walk the sign-in, subscription, consent and download routes, not only the article.

Log each finding, the fix and the retest. Common failure patterns are collected in digital magazine accessibility problems.

Publish what you tested

Say which formats exist, what each one supports, and which known gaps remain. Give a working route for reporting a barrier. UK public bodies must publish an accessibility statement, and it is good practice elsewhere. Tie the statement to the tested build, and update it when a correction ships.

Sources

In this guide

  1. Digital magazine formats compared: HTML, EPUB, PDF, and appsDigital magazine formats compared across responsive HTML, reflowable and fixed EPUB, tagged PDF, and apps for access, design, distribution, and archives.
  2. Digital magazine accessibility problems with practical fixesDigital magazine accessibility problems and fixes for image-only pages, reading order, headings, alt text, tables, contrast, keyboard traps, media, and PDFs.

More in Guides

Latest from Noah B. Hughes