Skip to content

Conversation

CrossR
Copy link

@CrossR CrossR commented Sep 10, 2025

Opening this more for discussion, as I'm sure there is plenty of things I'm not considering...so didn't want to spend a bunch of time on it then realise I'd missed a bunch.

Chrome a while ago added the ability to export tagged PDFs, then a bit later, puppeteer added the functionality to use that as well: puppeteer/puppeteer#7509.
That has both the feature in chrome linked, then later the PR to add it to puppeteer.

Enabling it makes the produced PDF documents more accessible, and means things like "alt" text on images are exported:

Before change:

Screenshot 2025-09-10 at 13 58 12

After Change:

image

With the code in the demo slides just being:

<img border="rounded" src="https://github.com/slidevjs/themes/blob/main/screenshots/theme-default/01.png?raw=true" alt="Image of an alternative theme,  with a water background.">

This is obviously not a complete PR, but does show that with an extra option passed over in 3 more places, the produced PDFs (if some time is spent on adding alt text to ones talks too...) could be a lot more usable via screen readers and such.

There is probably a question of "Are the PDFs even readable enough for this to matter" which I can't really answer, but it would be cool to see this change added.

Things I don't know:

  • Browser and browser version support?
  • Enabled by default or not? Option for it, or just always on etc.
  • Anything else I'm missing? Can it be enabled via Chrome /export or only the CLI etc.

As I say...this is mostly for a discussion, so if someone with more experience / time already has answers to my questions above, and wants to work on it instead, that is fine with me! I'd just like my slides to be slightly more readable for my colleagues.

Apologies if I missed an open issue / PR on this....I searched a few terms but didn't find anything.

Copy link

netlify bot commented Sep 10, 2025

Deploy Preview for slidev ready!

Name Link
🔨 Latest commit 89eb7ca
🔍 Latest deploy log https://app.netlify.com/projects/slidev/deploys/68c177575164270008c3873b
😎 Deploy Preview https://deploy-preview-2273--slidev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant