
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.
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.
| Format | Target to state | What the source says |
|---|---|---|
| Web or app edition | WCAG 2.2 Level AA | Level AA means every Level A and Level AA success criterion is met |
| EPUB | EPUB Accessibility 1.1 with WCAG 2.2 Level AA | The specification requires at least WCAG 2.0 Level A and strongly recommends the latest WCAG at Level AA |
| Tagged PDF | PDF/UA-1 (ISO 14289-1), checked against WCAG | PDF/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.
| Order | Block | Role | Note for production |
|---|---|---|---|
| 1 | Title | Heading level 1 | One per article |
| 2 | Deck and byline | Text | Marked up, not an image |
| 3 | Lead image | Informative | Alt text plus visible caption |
| 4 | Body | Text | Subheads at logical levels |
| 5 | Pull quote | Repeat of nearby text | Editorial suggestion: treat as decoration if it duplicates the body |
| 6 | Data table | Table | Caption, header cells, simple structure |
| 7 | Audio clip | Media | Transcript 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.
- 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.
- 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.
- 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.
- 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.
- Media.Play every clip with captions on and sound off, then read the transcript alone.
- 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
- [Easy Checksa first review of web accessibility, W3C WAI](https://www.w3.org/WAI/test-evaluate/easy-checks/)
- [Technique PDF1alt text in PDF documents, W3C](https://www.w3.org/WAI/WCAG22/Techniques/pdf/PDF1)
- EPUBCheck, W3C
- Ace by DAISY
- PDF Accessibility Checker (PAC)
- Keyboard accessibility, WebAIM
- WAVE web accessibility evaluation tool, WebAIM
- axe DevTools, Deque Systems
- About NVDA, NV Access
In this guide
- 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.
- 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.







