Toegankelijke PDF genereren voor VTH website

[Robbert]

De volgende pagina moet beschikbaar worden gemaakt als toegankelijke PDF:

http://vth-programma-verslag.digitaal.utrecht.nl/print/

De code van een proof of concept is beschikbaar in de volgende branches van twee repositories:

• https://github.com/frameless/strapi/tree/feat/utrecht-vth-pdf
• https://github.com/frameless/toegankelijkheidsrapport.frameless.io/tree/feat/utrecht

Taken:

• Prince XML gebruiken om PDF te genereren
• Accordions renderen als altijd zichtbare sections
• Accordions renderen met goede heading level
• <Markdown headingLevel={level} /> renderen met goede heading level
• Table of Contents renderen met TableOfContents component uit design system (workaround: TableOfContents implementatie gekopieerd naar repo)
• paginanummers tonen ondering
• onderzoeken of paginanummers getoond kunnen worden in table of contents. Antwoord: lijkt niet mogelijk met Prince XML.
• Table of Contents renderen met TableOfContents component uit @utrecht/component-library-react (bottleneck: TypeScript build is kapot)
• Tekst-alternatief voor logo gemeente Utrecht
• Met Editorially waarschuwingen geven voor tabellen zonder table cells
• Table caption die in een <figure> staat op dezelfde pagina renderen als de tabel (page-break-after: avoid?)
• Table of Contents met "Inhoudsopgave" heading op één pagina renderen
• Images als data: URL renderen (dat is lastig omdat je een async request moet doen tijdens het renderen van markdown)
  • tijdelijke workaround
• design tokens met ch unit converteren naar em
  • tijdelijke workaround
• Link component (die normaalgesproken :any-link gebruikt) netjes renderen in PrinceXML als blauwe link
• "Do not use merged table cells" (WCAG 4.1.1 violation) fixen

Verbetering in de content:

• Tabelheaders renderen met table caption of figure
• Tekst-alternatief toevoegen voor de images van grafieken
• <tbody> element toevoegen aan tabellen
• Table header cells die met <td> zijn gemaakt herkennen en converteren naar <td>
• Lege paragraphs herkennen (en paragraphs met alleen  ) en verwijderen
• Ordered list die uit 5 losse ordered lists bestaat herkennen, en samenvoegen tot 1 lijst: <ol start="5"><li>vijfde item</li></ol>
• Overdaad aan onnodige &nbps; herkennen en verwijderen
• Overdaad aan <Emphasis> en <Strong> componenten opschonen