Obrazek + tekst jako link przy użyciu CSS

[lukasamd]

Witam,

jakiś czas temu miałem na swoim serwisie nawigację w topie zrobioną przy użyciu linków-obrazków, w tradycyjny sposób czyli:

<a><img /></a>

Po najechaniu myszką na obrazek zmieniał się on na inny przy użyciu javascript.

Jakiś czas temu zrezygnowałem jednak z tego rozwiązania na rzecz Rollover w css, w efekcie linki-obrazki w nawigacji wyglądają tak:

<a href="adres" title="tytul" class="klasa_przycisku" />

Cały efekt jest realizowany za pomocą CSS'a, dzięki czemu nie ma problemu z js a i szybkość działania się poprawiła.

Zastanowiło mnie jednak coś innego: co widzi robot sieciowy? W sumie nie widzi chyba tych linków wcale, bo przecież nie bierze pod uwagę css'a... postanowiłem więc dodać tekst, który byłby wyświetlany zamiast obrazków, gdy css nie jest obsługiwane, wyglądałoby to mniej-więcej tak:

<a href="adres" title="tytul" class="klasa_przycisku"><span class="unlink">Anchor linka</span></a>

Klasa unlink ma za zadanie... ukrywać to co jest w niej zawarte. W wyniku tego, anchor będzie ukrywany a pojawią się obrazki gdy przeglądający ma włączoną obsługę css, a gdy nie ma, będzie widoczny tekst a nie będzie obrazków:

.unlink {
display: none;
}

No dobra, wszystko opisałem, to teraz czas na dwa pytania odnośnie tego rozwiązania:

1. Czy to jest sensowne rozwiązanie? Tzn. w każdym wypadku coś jest serwowane przeglądającym / robotem, co pozwala na przeglądanie strony.

2. Czy to może w jakiś sposób zostać potraktowane jako cloaking? Z jednej strony nie robię nic złego, z drugiej jednak, pokazuję / ukrywam przed niektórymi przeglądającymi pewne elementy. Nie wydaje mi się, ale chciałbym poznać również wasza zdanie na ten temat

[Mion]

Ad 1) tak

Ad 2) nie