Existenzrecht des Links "Druckversion" - bei vorhandem Druckstylesheet - Seite 6

mantiz · #51 (**permalink**) 26.09.2010, 11:28

Zitat:

Zitat von AndreasB

Das Skript erzeugt ja die "[Wn]".
Wenn in einem Dokument keinerlei Anmerkungen, die mit "[n]" gekennzeichnet sind, vorkommen, dann würde man im Skript eben das "W" auskommentieren.

Mir war es wichtig, dass das Skript auch für reichhaltige Text verwendbar bleibt, in denen eben Anmerkungen und Literaturverweise vorkommen.

Soweit klar, denke ich.

Zitat:

Zitat von AndreasB

Deutlicher wird es vielleicht, wenn Du das ungeparste Dokument siehst:

HTML-Code:

<body> <h1>URLs beim Drucken ausgeben</h1> <p>Lorem ipsum <a href="/heisse-schokolade-aus-ganzen-kakaobohnen">Kakao</a><span class="url-verweis">&nbsp;[W1]</span> sit 	amet&nbsp;<a class="anmerkungsverweis" href="#anmerkung-1">[1]</a>, consectetur <a href="http://alistapart.com/articles/alaprintstyles/">Alistapart</a><span class="url-verweis">&nbsp;[W2]</span> elit, 	sed do eiusmod tempor incididunt ut labore et dolore magna aliqua: <a href="http://example.tld">http://example.tld</a>. Ut 	enim ad <a href="#minim">minim</a><span class="url-verweis">&nbsp;[W3]</span> veniam, quis nostrud exercitation <a  class="literaturverweis" href="#metzger-1975">[Metzger 1975]</a> laboris 	nisi ut aliquip ex ea commodo consequat.</p> <p id="minim">Minim:<br /> 	Nam commodo tempus sem, eget sollicitudin sem adipiscing suscipit.   Integer eget egestas libero. Pellentesque mauris <a class="literaturverweis" href="#kuhn-1967">[Kuhn 1967]</a>, dictum vitae   condimentum ut&nbsp;<a class="anmerkungsverweis" href="#anmerkung-2">[2]</a>, volutpat et ligula. Nulla leo lacus, iaculis quis semper   non, faucibus sed libero.</p> <div class="literaturverzeichnis"> 	<h3>Literatur</h3> 	<dl> 		<dt id="kuhn-1967">[Kuhn 1967]</dt> 		<dd> <strong>Kuhn</strong>, Thomas S.: <em>Die 			Struktur wissenschaftlicher Revolutionen.</em> Frankfurt: Suhrkamp, 			1967 (Suhrkamp Wissenschaft 25). -&nbsp;ISBN&nbsp;3-518-07625-6</dd> 		<dt id="metzger-1975">[Metzger 1975]</dt> 		<dd> <strong>Metzger</strong>, Wolfgang: <em>Gesetze 			des Sehens.</em> 3. Auflage. Frankfurt: Kramer, 1975 (Senckenberg-Buch 53). 			-&nbsp;ISBN&nbsp;3-7829-1047-8</dd> 	</dl> </div> <div class="anmerkungsverzeichnis"> 	<h3>Anmerkungen</h3> 	<dl> 		<dt id="anmerkung-1">[1]</dt> 		<dd>Quisque a nisl ac enim pretium vestibulum.</dd> 		<dt id="anmerkung-2">[2]</dt> 		<dd>Donec euismod facilisis tristique. Duis elit diam, tincidunt id   porttitor pellentesque, ullamcorper ut turpis.</dd> 	</dl> </div> <?php include ("links-for-print.inc" ?> </body>

Leider nicht, aber ich hab' mir Deine Post weiter oben nochmal durchgelesen.

Zitat:

Zitat von AndreasB

Achtung! Ich unterscheide ja zwei Typen dieser lokalen Links. Typ 3 und Typ 4.

Jep, ich meinte damit Typ 4, wobei rein technisch gesehen Typ 4-6 dieselben Link-Typen wären, die ich einfach im Script ignorieren würde.
Typ 5 und 6 geben ja bereits den Verweis auf Literatur bzw. Anmerkung direkt an.
Bei Typ 4 wüsste ich jetzt nicht, wie man wo was einfügen sollte, um das Sprungziel kenntlich zu machen und würde diesen Typ daher erstmal ignorieren.
Typ 3 stellt einen relativen Link dar, der zu einem absoluten umgeschrieben werden muss.
Typ 2 würde nicht mit aufgenommen werden, da Link bereits im Text steht.

Zitat:

Zitat von AndreasB

Das kommt bisher in meinem Testcase nicht vor.
Was denkst Du? Sollte man mit der Redundanz leben, dass ein mehrfach vorkommender Link eben auch mehrfach in der Linkliste auftaucht?
Denn wenn man das nicht will, hätte man keine fortlaufend durchnummerierten Verweise.
Vielmehr könnte dann ein Verweis mit niedrigerer Ziffer einem Verweis mit höherer Ziffer folgen.

W1, W2, W3, W4, W1, W5.

Ich tendiere dazu, die Redundanz hinzunehmen:

W1, W2, W3, W4, W5, W6.

Nein, so meinte ich das nicht.
Die Links würden ja in der Reihenfolge ihres Vorkommens im Text in die Liste aufgenommen. Wenn ein Link bereits in der Liste steht, würde der Link nicht mit z.B. "W1" nochmal aufgenommen werden, sondern im Text einfach "[W1]" hinzugefügt, die Liste bleibt unangetastet.

Also, im Text kommen die Links folgendermaßen vor:
W1, W2, W3, W2, W1
Als Liste würde generiert werden:
W1, W2, W3

Unabhängig davon, wie oft ein Link im Text enthalten ist.

Zitat:

Zitat von AndreasB

Das würde nur einen Teil der auszuschließenden Links ausschließen.

Es sollen ja auch Links mit bestimmten Klassen ausgeschlossen werden.
Ich nehme mal Deine Syntax:
"//a[@class="literaturverweis"]/a"

Wichtig bei Klassenattributen: es muss eine Regel sein die nicht "gleich" verwendet, sondern "enthält".
Denn es soll ja auch ein Link getroffen werden wie:
<a class="literaturverweis foo" href="...">...</a>

Da müsste ich mir die XPath-Syntax nochmal ansehen, aber ich denke sowas müsste dort auch möglich sein.
Es wäre dann sowieso so, dass man mehrere XPath-Ausdrücke sowohl für die White- als auch für die Blacklist angeben kann, was man dann ein Ein- oder Ausschlussregel definiert bleibt einem selbst überlassen.

Zitat:

Zitat von AndreasB

Zu programmiertechnischen Verfahren kann ich mich nicht äußern.

Ansonsten wäre es prima, wenn kein extra Markup nötig wäre. Das ist schon ein hochrangiges Ziel.

Mal schauen, was sich da machen lässt.

AndreasB · #52 (**permalink**) 27.09.2010, 08:04

Vorab: freut mich sehr, dass Dich die ganze Sache interessiert und Du vorhast, so ein Skript zu entwickeln.
Es wäre toll, wenn dann, begleitet von Kommentaren der Poster hier, etwas herauskäme, was vielen Autoren nützlich sein kann.

Wenn Du möchtest, verwende ruhig den Code des Testcases. Zumindest habe ich es nicht nur zum Darstellen der Aufgabe, sondern auch zum Testen geschrieben.

Zitat:

Jep, ich meinte damit Typ 4, wobei rein technisch gesehen Typ 4-6 dieselben Link-Typen wären, die ich einfach im Script ignorieren würde.

Genau.

Zitat:

Typ 3 stellt einen relativen Link dar, der zu einem absoluten umgeschrieben werden muss.

Genau.

Zitat:

Typ 2 würde nicht mit aufgenommen werden, da Link bereits im Text steht.

Yep.

Nein, so meinte ich das nicht.
Die Links würden ja in der Reihenfolge ihres Vorkommens im Text in die Liste aufgenommen. Wenn ein Link bereits in der Liste steht, würde der Link nicht mit z.B. "W1" nochmal aufgenommen werden, sondern im Text einfach "[W1]" hinzugefügt, die Liste bleibt unangetastet.

Zitat:

Also, im Text kommen die Links folgendermaßen vor:
W1, W2, W3, W2, W1
Als Liste würde generiert werden:
W1, W2, W3

Gut.

Zitat:

Ansonsten wäre es prima, wenn kein extra Markup nötig wäre. Das ist schon ein hochrangiges Ziel.

Mal schauen, was sich da machen lässt.

Fein.

andir · #53 (**permalink**) 27.09.2010, 08:52

@mantiz: Mir ist am WE ( beim Forentreffen) noch eingefallen ( auf Anfrage von Roman), dass der Link "Druckversion schliessen" ja nicht zwingend JS enthalten muss. Schöner wärs zwar, weil der Browser dann auf den Cache zugreift, aber eine history.back() Anweisung in php scheints nicht zu geben und sessions oder cookies will ich ja nicht.

Ich habe folgende Lösung: Bereits weiter oben habe ich in meiner Druckversionslösung ( Angebot an Nutzer) die url abgefragt und in einem array gespeichert. Jetzt nehme ich den Inhalt der Variablen url und gebe ihn erneut aus, aber gekürzt um den Parameter, den ich vorher angehängt hatte. So gehts automatisch ohne Javascript und noscript-Krücken. Javascript-Blocker können damit ebenso bequem zum Urpsrungsdokument / style zurück wie alle anderen auch.

PHP-Code:


			
echo substr( $url, 0, -13);

(13 entspricht der Zeichenanzahl des Parameters inklusive Fragezeichen)

Zugegeben, ist nicht annähernd so fordernd wie die Bedingungen von Andreas

aber eben eine nette Lösung des noscript-Problems an dieser Stelle.

AndreasB · #54 (**permalink**) 27.09.2010, 09:16

Zitat:

Zitat von andir

Zugegeben, ist nicht annähernd so fordernd wie die Bedingungen von Andreas

Eine minimalistische Variante wäre noch, beim Link "Druckversion" dem Nutzer ein Popup mit folgendem Inhalt aufgehen zu lassen:

***
Es wird eine für den Druck optimierte Version angeboten.

Sie können eine Vorschau in ihrem Browser betrachten:

Menü Datei > Druckvorschau

Die Druckversion ist frei von Farben und Bildern.
Sie enthält keinen Navigationsbereich.

Beispiel für eine Druckversion:

[Bild]
***

andir · #55 (**permalink**) 27.09.2010, 09:48

Hm, was willst Du damit erreichen?

Die Reduzierung einer Handlungsbarriere?
Eine Vorschau der (Druck-)Vorschau?
Ersatz der "Druckversion"?

Wenns um die "Vorschau der Vorschau" neben Erklärtext geht, wäre das eine Sache, die mit CSS-Popups gelöst werden müsste ( und könnte). Sinnvoll wäre dann die Wahl eines Symbolbildes.

AndreasB · #56 (**permalink**) 27.09.2010, 10:43

Zitat:

Zitat von andir

Hm, was willst Du damit erreichen?

Die Reduzierung einer Handlungsbarriere?
Eine Vorschau der (Druck-)Vorschau?
Ersatz der "Druckversion"?

1. Der Nutzer soll allein durch die Existenz des Links Druckversion erfahren: "Es gibt eine speziell für den Druck vorbereitete Version dieser Seite"
Wenn alle Nutzer mit ihrem Browser vertraut wären, würde ein entsprechender Hinweis in der Fußzeile (also kein Link) genügen.
Da dies nicht so ist:

2. Der Nutzer, der dies nicht weiß, soll die Möglichkeit erhalten an eine wirklich realistische Druckvorschau zu gelangen.
Dies geht allein über den Befehl "Druckvorschau".

3. Der Nutzer soll sogar noch bevor er den Befehl ausprobiert, eine Ahnung davon erhalten, was ihn beim Aufrufen des Befehls erwartet.
Daher wird eine Beispielseite der Site, es könnte Blindtext für den Fließtext verwendet werden, als Bild gezeigt.
Vermutlich wäre es sehr aufwändig, wenn man statt einer solchen generischen Beispielseite, eine "Screenshot" der wahren Seite (die erste Druckseite) als Bild einfügen wollte. Das Bild müsste serverseitig erzeugt werden.
Ein bestimmter Browser müsste auf dem Server dazu installiert sein, damit das serverseitige Skript einen "Screenshot" anfertigen könnte.
Alles ein gigantischer Aufwand, nur weil viele Nutzer den Befehl "Druckvorschau" nicht kennen bzw. weil es keinen Javascriptbefehl gibt, der diesen Befehl aufruft.

Zitat:

Zitat von andir

[Wenn es um einen] Erklärtext geht, wäre das eine Sache, die mit CSS-Popups gelöst werden müsste ( und könnte).

Was meinst Du bitte genau mit "CSS-Popup"? Ein Einblenden beim Hovern? Hast Du ein Beispiel?
Ist so eine Lösung zugänglich?

Vermutlich würde in so ein Popup kein Bild hineinpassen, wie es bei meinem Vorschlag vorkommt, richtig?

andir · #57 (**permalink**) 27.09.2010, 12:29

Per :hover und :focus Maus- und Tastaturnutzern zugänglich.
Kein Javascript erforderlich.
Nimm ein Bild deiner Wahl

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

<head>
    <title>Druckvorschau mit Hoverelement</title>

    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <meta name="description" content="" />
    <style type ="text/css">
<!--

a {
    position: relative;
    top: 5em;
    left: 3em;
}
a span {
    display: none;
    position: absolute;
    top: -2em;
    left: 11em;
    width: 30em;
    height: 10em:
    font-size: 1em;
    color: #000;
    background-color: #fff;
    border: 1px solid red;
}
a span img {
    float: left;
    width: 10em;
    height: 7em;
    margin: 2em;
}
a:hover span, a:focus span {
    display:block;
}
a span span {
    display: inline;
    position: static;
    border: none;
    padding-top: 2em;

}

 -->                    </style>

</head>

<body>
<a href="#" rel="nofollow">Druckversion anzeigen<span><img src="arial.gif" alt="Symbolbild der Druckversion"/><span>Über diesen Verweis können Sie eine Vorschau auf das Druckergebnis aufrufen und auf Wunsch ausdrucken. Für den Ausdruck überflüssige Teile der Seite wurden entfernt.</span></span></a>


</body>
</html>

AndreasB · #58 (**permalink**) 27.09.2010, 13:11

@andir
Danke für das Beispiel des "CSS-Popups".

Ich bin noch nicht sicher, wie ich das Verfahren bewerte.

Immerhin führt ein Klick auf den Link nicht, wie es Nutzer gewohnt sind, zum Öffnen eines Inhaltes in einem Fenster oder Tab.

Generell bin ich bei Nachbildungen erstmal skeptisch.

Das ist selbstverständlich keine Kritik an Deinem Beispiel.

Im Screenreader-Simulator Fangs wird, erwartungsgemäß, der Inhalt des CSS-Popups nicht ausgegeben.

andir · #59 (**permalink**) 27.09.2010, 13:15

?

Das ist ein Beispielscode, der Link hat keinen gültigen Verweis, sondern verweist auf die gleiche Seite ( #). Nimm einen gültigen Verweis und das Verweisziel wird aufgerufen. Für Tastaturnutzer heißt das dann: Fokus drauf und [Enter] Taste.

Edit: Haben Blinde ein Interesse an einer Druckvorschau?

AndreasB · #60 (**permalink**) 27.09.2010, 13:37

Zitat:

Zitat von andir

Das ist ein Beispielscode, der Link hat keinen gültigen Verweis, sondern verweist auf die gleiche Seite ( #). Nimm einen gültigen Verweis und das Verweisziel wird aufgerufen.

Alles klar. Du siehst das CSS-Popup als "vorläufige Bereitstellung des Inhaltes beim Hovern bzw. Fokussieren.

Dann bliebe von meiner Skepsis allein übrig:

Wenn ein Mausnutzer, der die Info durch Hovern bereits sieht, dem Link folgt und erwartet, dass er dort weitere neue Informationen findet, wird enttäuscht.
Er findet dasselbe vor.

Zitat:

Zitat von andir

Edit: Haben Blinde ein Interesse an einer Druckvorschau?

Gute Frage.
Ich habe keine Antwort.

Spekulieren könnte man, dass Blinde, die allein den Kerninhalt lokal archivieren wollen, es angenehm finden, wenn die Druckversion allein den Kerninhalt ausgibt.

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
FAQ -- Häufig gestellte Fragen und häufig gegebene Antworten	mazzo	CSS	10	05.04.2012 17:32
Prüfbericht BIENE 2005	Dieter	Barrierefreiheit	44	14.02.2006 15:35
Zeilenüberlappung bei margin-top mit negativem Wert	c.weber.os	CSS	15	15.10.2005 15:11
Problem mit der grösse des Links	jay	CSS	8	24.10.2004 02:38
link breiter als der Text des links ?	jay	CSS	4	21.10.2004 17:54