Siedem śmiertelnych grzechów markupu
5. Błędy elementu img
Dwa z najbardziej powszechnych problemów, jakie spotykamy przy weryfikacji pod względem zgodności ze standardami dokumentów sieciowych, są związane z elementem img. Pierwszy z nich, to naprawdę dokuczliwa usterka: brak atrybutu alt. Znaczenie atrybutu alt dla dostępności i użyteczności było powszechnie znaną kwestią na długo, zanim dostępność i użyteczność stały się dziedziną dezajnu sieciowego. Dlaczego ach dlaczego wię,c ciągle jest jednym z najczęściej popełnianych błędów? Napraw go po prostu i sprawdź, czy wszystkie twoje obrazki mają atrybut alt na swoim miejscu.
Drugim powszechnym błędem elementu img jest stosowanie prezentacyjnego atrybutu border. Jest to atrybut zdezaktualizowany na korzyść deklaracji w arkuszach stylów. Możesz łatwo wyłączyć wszelkie obramowanie obrazków, dodając po prostu następującą regułę do twojego arkusza stylów:
img {
border: 0;
}
Oczywiście możesz mieć bardziej złożone potrzeby i wymagać konkretnego obramowanie dla jednych obrazków ale i barku ramki dla drugich. Mjąc do dyspozycji całą gamę selektrów typów lub tworząc specyficzne klasy, możesz dostosować swoje własności obramowania dla obrazków, jakie ci będą pasowały. Po prostu zrezygnuj z atrybutu border elementu img i wszystko będzie dobrze.
