Definitive Image Replacement
Techniky náhrady textu obrázkem (image replacement) mají různé mouchy. Některé jsou nezobrazitelné uživatelům se zapnutými CSS / vypnutými obrázky, jiné vyžadují prázdný <span> navíc, další jsou ignorovány hlasovými čtečkami.
Anatoly Papirovsky uveřejnil na svém webu techniku Definitive Image Replacement, která +− funguje v majoritních prohlížečích a zároveň řeší problémy předchozích technik.
Definitive Image Replacement představuje dobrý základ pro vyřešení problémů a zákrut, které skýtají jiné image replacement techniky. Nepotřebuje bonusový <span> a funguje při vypnutých obrázích / zapnutých CSS. Víceméně bezproblémově zatím technika běží v Safari a IE, ve Firefoxu a Opery je nutno dořešit drobné errory…
Aktualizace: Anatoly uveřejnil další článek Working with DIR. Popisuje v něm finální řešení, které funguje i ve Firefoxu. Teď již zbývá jen dořešit Operu se zapnutými CSS / vypnutými obrázky (což je tak minoritní skupina uživatelů, že se DIR stává univerzálně použitelným).
Komentáře
Zajímavým řešením je také sIFR – nahrazení obrázkových nadpisů flashem. Zajímavé řešení které právě zkouším v praxi a vypadá dobře, doporučuji prostudovat http://www.mikeindustries.com/blog/archive/2005/02/sifr-2.0-release-candidate-4
Problém s prázdným spanem jsem vyřešil tímto zápisem:
Nadpis
Je to sice trochu krkolomný zápis, ale TIDY to jako warning nebere.
Jéé. To sem ale BFU :o) Tak snad naposled:
<h1><a href=’http://www.mojestranka.cz‘ title=’Jít na úvodní stránku’>Nějaký nadpis
<span><br></span></a></h1>
Jódlující Bernandýn: Jaké to má být řešení, to je ještě navíc nesemantické řešení narozdíl od prázdného spanu. Ech jo. To moje vyřadilo span absoutně, jestli sis nevšiml a funguje při zapnutých stylech / vypnutých obrázcích. Ech jo, čtěte než budete něco plácat, prosím…
Anatoly: Řešení s prázdným spanem je snad semantické? Řešení, o kterém jsem psal také funguje při vypnutých obrázcích i stylech, tak nevím o co jde. Napsal jsem to zde jen jako alternativu, protože vím, že před časem tu Filosof psal o HTML Tidy Validatoru, který mu bral prázdný span jako chybu.
Vzhledem k tomu, že prázdný span nemá žádný význam, tak je to zcela semantické. Ten element je tam možná navíc, ale je to semantické. Tvé řešení ovšem není vůbec semantické, protože používaš významovou značku – BR. Smiř se s faktem, že tvé řešení je absolutně nesmyslné a kvůli stroji jej nikdo používat nebude, to už raději prázdný SPAN.
Anatoly: neříkám, že je semantické, ale zároveň bych ani neřekl, že je „absolutně nesmyslné“. Ten můj zápis rozhodně nemá být řešením podobný tomu tvému. A pochopitelně až styly upravíš tak, aby plně fungovalo i v Opeře, využiji ho.
Pro Operu to nikdy neupravím, protože to prostě nejde – jsem již řekl hodně krát, a stejně nechápu,jak ta malá chybička v Opeře – při vypnutých obrázcích – může ovlivnit tvoje rozhodnutí… Těch lidí je tak 0.00000001%. No budiž, nikoho do ničeho nenutím… jen se divím.
Firefox funguje! :) Opera se asi nevyřeší… ale tam to ovlivňuje jen ty Images OFF a CSS On, takže pohoda. Když tak tam mám i podrobnější článek na to téma, je tam popis jak to dělat úsporně atd. – http://fecklessmind.com/main/6/working-with-dir