XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   Barrierefreiheit (http://xhtmlforum.de/forumdisplay.php?f=78)
-   -   Image-Replacement für Anfänger (http://xhtmlforum.de/showthread.php?t=49434)

Geronimo 16.12.2007 22:12

Image-Replacement für Anfänger
 
Servus,

ist es im Sinne der Barrierefreiheit nachteilig wenn man eine Überschrift nicht aufwändig durch ein Bild ersetzt sondern einfach ein mit einem Alternativtext versehenes Bild als Überschrift auszeichnet? Sollte das nicht der Fall sein: Würdet ihr dennoch auf Image-Replacement zurückgreifen?

Code:

<h1>Firma Mustermann</h1>
<h1><img src="firma-mustermann.jpg" alt="Firma Mustermann" /></h1>

Beste Grüße

Gerhard

Crizzo 16.12.2007 22:17

Bei der Gilder/Levin-Methode sind laut: Ãœbersicht: Image-Replacement-Techniken – Artikel von Jens Meiert noch keine Zugänglichkeitsprobleme bekannt. Also spricht nichts dagegen.

paracelsus 16.12.2007 22:38

Hi!

Im Normalfall wird aber auch der Text im alt Attribut als H1 dargestellt, wenn Bilder aus sind.
Ich verwende allerdings auch gerne die Gilder/Levin Methode für normale Bilder, bei bildern die Transparenz enthalten (ist selten) nehme ich die Phark.

Geronimo 16.12.2007 22:50

Zitat:

Zitat von paracelsus (Beitrag 362778)
[...] bei bildern die Transparenz enthalten (ist selten) nehme ich die Phark.

Das trifft hier zu. Leider scheint die Phark-Methode nicht für IE 5 geeignet zu sein.

paracelsus 16.12.2007 22:56

Zitat:

Zitat von designfanatiker (Beitrag 362780)
Das trifft hier zu. Leider scheint die Phark-Methode nicht für IE 5 geeignet zu sein.

Richtig!
Aber das ist glaube ich auch kein grosses (im Artikel ein halbes) Problem.
Man kann einfach nicht alles haben ... :lol:

wenn Du trotzdem fürn IE 5 kompatibel bleiben willst, dann empfehle ich doch eher den img tag in die h1 zu setzen.

heiko_rs 16.12.2007 23:07

Wenn man wirklich konsequent Design und Inhalt trennt, sollte man meiner Meinung nach keine Grafiken ins Markup stellen, die ausschließlich Design-Aufgaben erfüllen (also z.B. eine spezielle Schrift liefern).

Abgesehen davon erzielt man mit Gilder/Levin eh einen besseren Effekt als per alt-Text, da sich dieser im IE (anders als z.B. im FX) nicht stylen läßt, sondern klein und ohne Fettschrift dasteht, mit einem schönen roten x daneben ;)

Zitat:

Zitat von designfanatiker (Beitrag 362780)
Leider scheint die Phark-Methode nicht für IE 5 geeignet zu sein.

Doch, kein Problem :mrgreen:

text-indent auf 0 zurücksetzen und stattdessen letter-spacing: -9999px; (bzw. -99999px, nachdem ich einmal erlebte, daß bei -9999px trotz font-size: 0; noch ein kleiner "Fleck" blieb.)

Geronimo 16.12.2007 23:08

Zitat:

Zitat von paracelsus (Beitrag 362783)
[...] wenn Du trotzdem fürn IE 5 kompatibel bleiben willst, dann empfehle ich doch eher den img tag in die h1 zu setzen.

Unbedingt. Werd's dann wohl auf die altmodische Art machen.

paracelsus 16.12.2007 23:12

Zitat:

Zitat von heiko_rs (Beitrag 362785)
Wenn man wirklich konsequent Design und Inhalt trennt, sollte man meiner Meinung nach keine Grafiken ins Markup stellen, die ausschließlich Design-Aufgaben erfüllen (also z.B. eine spezielle Schrift liefern).

Damit hast Du recht ...:?
Zitat:

Zitat von heiko_rs (Beitrag 362785)
Abgesehen davon erzielt man mit Gilder/Levin eh einen besseren Effekt als per alt-Text, da sich dieser im IE (anders als z.B. im FX) nicht stylen läßt, sondern klein und ohne Fettschrift dasteht, mit einem schönen roten x daneben ;)

... damit leider auch, dachte das ich damit leben muss ...:(

Zitat:

Zitat von heiko_rs (Beitrag 362785)
Doch, kein Problem :mrgreen:

text-indent auf 0 zurücksetzen und stattdessen letter-spacing: -9999px; (bzw. -99999px, nachdem ich einmal erlebte, daß bei -9999px trotz font-size: 0; noch ein kleiner "Fleck" blieb.)

... das ist super, werde ich antesten. Danke sehr!:)

heiko_rs 16.12.2007 23:18

Mal schnell aus einem IE-CSS von mir herauskopiert:

Code:

* html h1 {
        text-indent /**/: /**/0;
        letter-spacing /**/: /**/-99999px;
        }

Durch die speziell gesetzten Kommentare liest es nur der IE 5.0 (wobei es letztlich auch alle übrigen IE-Versionen lesen dürften).

Geronimo 16.12.2007 23:56

Zitat:

Zitat von heiko_rs (Beitrag 362785)
Wenn man wirklich konsequent Design und Inhalt trennt, sollte man meiner Meinung nach keine Grafiken ins Markup stellen, die ausschließlich Design-Aufgaben erfüllen (also z.B. eine spezielle Schrift liefern).

Hab' mich damit bisher nicht befasst und mir deshalb gerade bei Jens Meiert die vielen verschiedenen Methoden angeschaut. So richtig anfreunden konnte ich mich mit keiner. Mein Favorit ist jedoch die Radu-Methode. Allerdings hab' ich es bisher nicht fertig gebracht auf diese Weise den Text zu ersetzen. Auf Hacks möchte ich möglichst verzichten.


Alle Zeitangaben in WEZ +2. Es ist jetzt 23:08 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023