Edycja Stron

Obrazy funkcjonalne są używane do inicjowania działań, a nie przekazywania informacji. Są one używane w przyciskach, linkach i innych elementach interaktywnych. Obraz alternatywny dla obrazu powinien przekazać działanie, które zostanie zainicjowane (cel obrazu), a nie opis obrazu. Na przykład, jak pokazano w przykładach poniżej, alternatywa tekstu powinna być "drukuj tę stronę", a nie "(obraz z) drukarki", "szukaj", a nie "lupa powiększająca" lub "strona przykładowa", a nie "Przykład logo". Brakujące lub puste wartości alt powodują znaczące problemy dla użytkowników czytników ekranu, ponieważ funkcjonalne obrazy są niezbędne do funkcjonalności treści. Czytniki ekranu zazwyczaj publikują nazwę pliku obrazu, adres URL obrazu lub adres URL miejsca docelowego linku, co prawdopodobnie nie pomoże użytkownikom zrozumieć działania, które zostanie zainicjowane przez obraz. Podejście 1: Obraz używany samodzielnie jako połączone log...

Obrazy dekoracyjne nie przekazują informacji o zawartości strony. Na przykład informacje dostarczone przez obrazek mogą być już podane przy użyciu sąsiadujących tekstów lub może być dodany obraz, aby witryna była bardziej atrakcyjna wizualnie. W tych przypadkach należy użyć pustego tekstu w atrybutach alt (alt=""), aby mogły zostać zignorowane przez technologie wspomagające, takie jak czytniki ekranu. Wartości tekstowe dla tych typów obrazów spowodowałyby, że wartość atrybutu będzie się wyświetlać na ekranie lub może rozpraszać użytkowników, jeśli tematyka różni się od tekstu znajdującego się w sąsiednim tekście. Opuszczenie alt nie jest również dobrą opcją, ponieważ w przypadku, gdy nie jest to możliwe odczytanie atrybutu, niektórzy czytniki ekranu opublikują nazwę pliku. Niezależnie od tego, czy traktować obraz jako dekoracyjny czy informacyjny, jest to decyzja, którą może wykonać tylko autor, w oparciu o przyczyny umieszczenia obrazu na stronie. Obrazy mogą być dekorac...

Samouczki > Obrazy > Obrazy informacyjne Obrazy informacyjne przekazują prostą koncepcję lub informacje, które mogą być wyrażone w krótkim zdaniu. Alternatywa tekstowa powinna przekazać treść, która jest wyświetlana wizualnie, co zazwyczaj nie jest dosłownym opisem obrazu. W niektórych sytuacjach może być potrzebny szczegółowy opis dosłowny, ale tylko wtedy, gdy zawartość obrazu jest w całości lub w części przekazywana. Niezależnie od tego, czy traktować obraz jako informacyjny czy dekoracyjny, jest to orzeczenie , które autorzy opierają na podstawie umieszczenia obrazu na stronie. Podejście 1. Obrazy używane do oznaczania informacji Ten przykład pokazuje dwie ikony obrazu - jedna z telefonem, jedna z faksem. Numer telefonu następuje po każdym obrazie. Zgodnie z prezentacją wizualną, do identyfikacji urządzenia skojarzonego z każdym numerem używane są alternatywne teksty "Telefon:" i "Faks:". PRZYKŁAD: Telefon: 0123 456 7890 Faks: 0123 456 789...

Samouczki > Obrazy > Pojęcie obrazu Technologie omówione w tym samouczku: Czcionki  i Transformacje CSS, MathML, HTML5, WAI-ARIA Obrazy muszą zawierać alternatywne teksty, które opisują informacje lub funkcje reprezentowane przez nie. Zapewnia to, że obrazy mogą być używane przez osoby z różnymi niepełnosprawnościami. Ten samouczek pokazuje, jak zapewnić odpowiednie alternatywy tekstowe w oparciu o cel obrazu: Obrazy informacyjne : obrazy przedstawiające graficznie pojęcia i informacje, typowe obrazy, zdjęcia i ilustracje. Alternatywa tekstowa powinna być co najmniej krótkim opisem przekazującym istotne informacje przedstawione przez obraz. Obrazy ozdobne : podaj alternatywną wartość tekstu (alt=""), jeśli jedynym celem obrazu jest dodanie wizualnej dekoracji na stronie, a nie przekazywanie informacji, które są ważne dla zrozumienia strony. Obrazy funkcjonalne : Alternatywa tekstowa obrazu używana jako link lub jako przycisk powinna opisywać funkcjonalność łąc...