Dokumente im Artikel bereitstellen

Zitat von WiglWagll

Ich finde immer nur digitale Artikel zum herunterladen

Genauso. PDF ist ein digitaler Artikel.

Zitat von WiglWagll

In der Detailansicht des
Produkts möchte ich ihm lediglich 1,2,3 pdfs bereitstellen, die er lesen kann. Diese werden nicht gekauft.

Die PDFs kann man in die Mediathek wie Bilder und Videos hochladen und in die Artikelbeschreibung übernehmen.

ich persönlich bevorzuge Blätter Plugins - hier kann man eben die PDF mit Animation durchblättern oder kleine PDF Viewer.
https://de.wordpress.org/plugins/pdf-embedder/
=>
https://wp-pdf.com/premium/

oder vergleichbares.

woocommerce custom tab (zum erstellen des reiters) als Modul oder als code
und dann fügst du per hand den link zum pdf ein

zb.
icon https://fontawesome.com/icons/file-pdf?f=sharp&s=light
oder was du eben auf deiner webseite verwendest

<ul class="pdf">
<li class="produkt-pdf">
<i class="<i class="fa-sharp fa-light fa-file-pdf"></i>
<a href="link-zur.pdf">Name des pdfs</a>
</li>


</ul>

css müsstest du dann halt erstellen und anpassen

Zitat von Henk1060-V2

Code

<i class="<i class="fa-sharp fa-light fa-file-pdf"></i>

Schalte bitte für sehbehinderte Benutzer fontawesome aus.

<i class="fa-sharp fa-light fa-file-pdf" aria-hidden="true"></i>

8<-
Das Attribut **aria-hidden** wird verwendet, um Inhalte für sehbehinderte Benutzer auszublenden, die mit Bildschirmleseprogrammen durch die Anwendung navigieren¹. Es wird mit den Werten **true** und **false** verwendet. Wenn **aria-hidden="true"** auf ein Element angewendet wird, wird dieses Element und alle seine Kinder aus dem Zugriff des Screenreaders entfernt². Der Bildschirmleser überspringt den Elementinhalt, ohne ihn zu diktieren.

Das Attribut kann nützlich sein, um rein dekorative Inhalte, doppelte Inhalte, außerhalb des Bildschirms oder eingeklappte Inhalte auszublenden². Das Vorhandensein des Attributs versteckt den Inhalt jedoch nur vor der assistiven Technologie, aber nicht visuell. **aria-hidden="true"** sollte nicht auf Elemente angewendet werden, die den Fokus erhalten können².

Beachten Sie, dass ein Element und seine Kinder, die **aria-hidden="true"** deklariert haben, immer noch sichtbar sind, es sei denn, sie werden auch durch CSS versteckt. Verwenden Sie Vorsicht, wenn Sie **aria-hidden** verwenden, um sichtbar gerenderte Inhalte vor assistiven Technologien zu verstecken. Sie sollten keine sichtbaren Inhalte verstecken, es sei denn, dies verbessert das Erlebnis für Benutzer von assistiven Technologien, indem redundante oder überflüssige Inhalte entfernt werden².

Quelle: Unterhaltung mit Bing, 28.6.2023
(1) Was sind diese Attribute `aria-labelledby` und `aria-hidden`?. https://de.acervolima.com/was-sind-diese…nd-aria-hidden/.
(2) HTML: was bedeutet Aria-hidden true - codedocu. https://codedocu.de/Net-Framework/…idden-true?2496.
(3) aria-hidden - Accessibility | MDN - MDN Web Docs. https://developer.mozilla.org/en-US/docs/Web…tes/aria-hidden.
(4) Worauf bei ARIA zu achten ist – ARIA und die Accessibility-API .... https://www.barrierefreies-webdesign.de/knowhow/msaa/checkpunkte.html.

Zitat von WiglWagll

hm, die Idee es in der Beschreibung einzubauen klingt nicht so schlecht. Hätte aber gern sowas wie hier: siehe Anhang.
Dazu kommt, dass ist das mittels API erstellen möchte

Anstelle Produktbeschreibung möchtest du ein weiteren Product Tab.
kein Problem - dafür gibt es Plugins

zum Beispiel
WooCommerce Product Tabs
=>
https://wpconcern.com/plugins/woocommerce-product-tabs/

in so einem WooCommerce Product Tab kannst du wie in einer Produktbeschreibung auch PDFs anbieten