Wasacz, blog

Internet Explorer traktuje taki zapis mniej więcej tak samo, jakby poddać go działaniu funkcji strip_tags() z PHP. Co to oznacza praktyce? Nie można takiego elementu stylować za pomocą arkusza stylów, a co za tym idzie – nie ma możliwości wykorzystania expressions(). Na szczęście istnieją inne metody rozwiązania tego problemu.

Nie używaj tego wcale

Pewnym sposobem na obejście problemu jest zastosowanie się do wskazówki pochodzącej między innymi z książki W głąb dostępności. Metoda jest prosta: skoro istnieje element o zbliżonej funkcji, ale określający akronimy (<acronym/>), dlaczego więc całkowicie nie zrezygnować z definiowania skrótów na rzecz tego znacznika? Jeśli dbasz o semantyczność swojego kodu, zapewne zauważysz różnicę pomiędzy skrótem a skrótowcem (czyli inaczej akronimem). Na szczęście masz jeszcze inne wyjście.

Zamieniaj elementy w locie

Alternatywnym rozwiązaniem jest stosowanie odpowiednich znaczników, a dla przeglądarek mających problemy z ich interpretacją – wykorzystanie skryptu JavaScript. Pierwsza myśl, jaka przyszła mi do głowy, to napisanie czegoś podobnego do tego, co zostało użyte na stronach słownika PWN (polecam zajrzeć w źródło dowolnie wybranego hasła). Operacje na poziomie DOM, wszystko fajnie, pięknie…

Znalazłem jednak o wiele lepsze i wydajniejsze rozwiązanie – bardzo interesujące, moim zdaniem. Rozwiązanie problemu z nieobsługiwanym znacznikiem opiera się na zaledwie jednej linijce kodu:

document.createElement("abbr");

Od tej pory możliwe jest stylowanie elementów za pomocą CSS, wyświetla się także etykietka ekranowa z atrybutu title. Ale i tak wątpliwy pozostaje cel stosowania takich rozwiązań.