主页 / coding / 问题 / 78835461
Accepted
Aryan Khanna
Asked: 2024-08-06 00:25:23 +0800 CST

我正在尝试以编程方式向 PDF 中的图像添加 ALT 文本

  • 772

我已经生成了 ALT 文本，只需要以某种方式将其添加到图像的图形标签下。背景介绍 - 我希望我的 pdf 符合 WCAG 2.1 AA 标准，我正在使用 adobe autotag 功能来标记 pdf。它将图像标记为 /figure。我可以完全提取图形并生成替代文本，但我找不到将替代文本嵌入或添加到图像并使其符合 WCAG 2.1 AA 的方法。我最终还想将其添加到 AWS 中的 lambda 函数中。有什么办法吗？谢谢！

我尝试使用多个开源库 pikepdf、pymupdf 和其他一些库，还尝试将 pdf 转换为 html 或 xml，但问题是 pdf 无法完全转换回原来的状态。我还尝试直接在代码中添加它，但文件损坏了。

python

2 个回答

  1. Best Answer

    Alt 文本的 MCID 要么在生成 PDF 时分配（因此对于此 WEB.HTML 页面，由浏览器 PDF 生成器分配），要么在检查其他人工验证内容时，在 GUI 中轻松手动分配。因此，Acrobat 预检是Alt Text强制性 PDF/AU 后期制作中最简单、最容易索引的点。

    在网页中，存在 1:1 的直接关系，alt=直接与 相结合img src。PDF 中不保留这种直接关联。

    <div class="gravatar-wrapper-32">
<img src="https://www.gravatar.com/avatar/f50f5b351c1d07d2a5a8f023e1731768?s=64&amp;d=identicon&amp;r=PG&amp;f=y&amp;so-version=2"
alt="Aryan Khanna's user avatar"
width="32" height="32" class="bar-sm"></div>

    尝试在 PDF 流中添加所有生产互连组件通常会带来问题，因为所有现有文件组件都需要重新索引和重新编号，因此会成为一项庞大而缓慢的内部任务。

    在此处输入图片描述

    在 PDF 的中间添加所需对象及其所有从属或祖先（父级 = 119）和任何子对象并不容易。这是 156 个对象中的第 120 个。图像可以位于文件中的任何位置，因为图像和/Alt文本没有直接关系，只是页面索引中的数字。实际上，在这种情况下，图像被放在文档编号 11 对象的位置很靠后。

    120 0 obj
<</Type /StructElem /S /Figure /Alt (Aryan Khanna's user avatar) /P 119 0 R /K [ << /Type /MCR /Pg 2 0 R /MCID 34 >> ] /ID (node00000026) >>
endobj

    如何放置标签是找到图像编号并在页面内容中查找它，这里它被添加为/X11。

    /X11 Do

    /MCID 34现在在它之前注入相关的标签号

    /P<</MCID 34>>BDC
/X11 Do

    即手动将标签链接置于正确图像之前作为子引用。因此它将被视为图像的标签。

    在此处输入图片描述

    但是，由于每个 PDF 都需要至少两次手动目视检查来验证图像，因此最简单的方法是同时检查图像 alt 数据。

    在此处输入图片描述

    • 1

  2. 因此，我使用 node.js 中的 pdf-lib 来找到此解决方案的答案——也特别感谢 KJ 为我指明了道路。我首先使用 adobe api 进行自动标记，然后使用 pdflib 进行后期处理，添加我将通过 LLM 生成的 alt 标签。对我来说，通过 objid 引用它更容易，否则普通 ID 也可以很好地与此配合使用。我仍在全力以赴，希望在几周后添加一个 github 链接，如果有人愿意提供任何反馈并帮助为这个项目做出贡献！

    const pdfLib = require('pdf-lib');
const fs = require('fs').promises;

async function modifyPDF() {
    async function generateAltText(objId) {
        try {
          const json_file = await fs.readFile('output/ExtractTextTableInfoWithFiguresTablesRenditionsFromPDF/extract2024-07-30T14-39-57/structuredData.json', 'utf8');
          const data = JSON.parse(json_file);
    
      // Check if the object ID exists in the JSON
      if (altTexts[objId]) {
        return altTexts[objId];
      } else {
        return `Generated alt text for object ${objId}`;
      }
    } catch (err) {
      console.error("Error reading JSON file:", err);
      return `Generated alt text for object ${objId}`;
    }
  }

  

try {
    const pdfPath = '../output/AutotagPDF/what_is_fair_use_2018_Original.pdf.pdf';
    const pdfData = await fs.readFile(pdfPath);
    const pdfDoc = await pdfLib.PDFDocument.load(pdfData);

pdfDoc.context.enumerateIndirectObjects().forEach(([pdfRef, pdfObject]) => {
  if (pdfObject instanceof pdfLib.PDFDict) {
    const type = pdfObject.lookup(pdfLib.PDFName.of('Type'))?.encodedName;
    const structType = pdfObject.lookup(pdfLib.PDFName.of('S'))?.encodedName;

    if (structType === "/Figure") {
      const objId = `${pdfRef.objectNumber}-${pdfRef.generationNumber}`;
      const altText = pdfObject.lookup(pdfLib.PDFName.of('Alt'))?.value;

      if (!altText) {
        const newAltText = generateAltText(objId);
        pdfObject.set(pdfLib.PDFName.of('Alt'), pdfLib.PDFString.of(newAltText));
        pdfObject.set(pdfLib.PDFName.of('Contents'), 

pdfLib.PDFString.of(newAltText));
            console.log(`Updated Alt text for figure with Object ID: ${objId}`);
          } else {
            console.log(`Figure found with Object ID: ${objId}, Alt text already exists: ${altText}`);
          }
        }
      }
    });

    const pdfBytes = await pdfDoc.save();
    await fs.writeFile("your-pdf-document-accessible.pdf", pdfBytes);
    console.log("PDF modification complete. Output saved to your-pdf-document-accessible.pdf");
  } catch (err) {
    console.error("Error processing PDF:", err);
  }
}

modifyPDF().catch(err => console.error(err));
    • 0

相关问题