ikony bez podpisów

Ikony bez podpisów to usterka dostępności, w której elementy graficzne interfejsu nie mają towarzyszącego opisu tekstowego.

Ikony bez podpisów a dostępność interfejsu

Ikona bez podpisu tekstowego może być niejednoznaczna dla osoby korzystającej z interfejsu. Sam symbol graficzny nie zawsze przekazuje znaczenie w sposób zrozumiały, szczególnie gdy jest mały, ma nietypowy kształt albo występuje bez dodatkowego kontekstu. Dotyczy to między innymi przycisków otwierających menu, wyszukiwarkę, ustawienia, koszyk lub formularz. Problem jest większy w przypadku użytkownika korzystającego z czytnika ekranu, ponieważ program odczytuje przede wszystkim nazwę dostępną dla elementu interaktywnego, a nie domyśla się znaczenia na podstawie wyglądu ikony.

W praktyce trzeba rozróżnić ikonę dekoracyjną od ikony pełniącej funkcję. Obraz użyty wyłącznie jako ozdoba nie powinien być odczytywany jako osobna treść, natomiast ikona będąca przyciskiem, linkiem lub kontrolką musi mieć dostępną nazwę. Nazwa ta może pochodzić z widocznego tekstu, atrybutu aria-label, powiązanego elementu tekstowego albo odpowiednio użytego tekstu alternatywnego. Nie jest poprawnym rozwiązaniem pozostawienie pustego przycisku lub linku z samym plikiem graficznym, jeśli użytkownik nie otrzymuje informacji o jego działaniu.

Różnica między ikoną dekoracyjną a kontrolką

Jeżeli ikona tylko wzmacnia znaczenie widocznego napisu, na przykład symbol lupy znajduje się obok słowa „Szukaj”, można oznaczyć obraz jako dekoracyjny. Dla elementu img stosuje się w takim przypadku pusty atrybut alt="", aby czytnik ekranu nie odczytywał tej samej informacji drugi raz. Przy ikonach tworzonych za pomocą SVG lub fontów ikon często stosuje się również aria-hidden="true", gdy grafika nie wnosi samodzielnej treści. Atrybut ten nie powinien jednak ukrywać całej kontrolki, która nadal musi mieć własną nazwę.

Inaczej należy postąpić z przyciskiem zawierającym wyłącznie ikonę. Przycisk z symbolem kosza powinien mieć nazwę określającą czynność, na przykład „Usuń plik”, a nie tylko techniczną nazwę pliku graficznego. Przycisk z ikoną zamknięcia powinien być opisany jako „Zamknij okno”, natomiast przycisk z ikoną menu jako „Otwórz menu”. Nazwa powinna opisywać działanie elementu, ponieważ użytkownik musi wiedzieć, jaki skutek nastąpi po aktywowaniu kontrolki. Sam atrybut title nie powinien być jedynym mechanizmem zapewniającym dostępny opis.

Sprawdzanie nazw dostępnych w aplikacji

Weryfikacja problemu polega na sprawdzeniu drzewa dostępności oraz zachowania interfejsu z klawiatury i czytnikiem ekranu. W narzędziach deweloperskich przeglądarki można ustalić, czy przycisk albo link ma nazwę dostępną, rolę i stan. Element opisany wyłącznie jako „button” lub „link”, bez informacji o funkcji, wskazuje na brak właściwego opisu. Warto też sprawdzić, czy tekst nie jest ukryty przed technologiami asystującymi oraz czy etykieta nie zmienia się niezależnie od aktualnego stanu kontrolki.

Problem może występować nie tylko w kodzie strony, ale również w aplikacji desktopowej, ustawieniach systemu lub programie używanym do obsługi sprzętu. Ikony na pulpicie, pasku narzędzi albo w panelu konfiguracji powinny mieć tekstowe nazwy, jeśli uruchamiają polecenia. Przy testowaniu należy zwrócić uwagę na powiększenie interfejsu, kontrast i skalowanie, ponieważ przy większym rozmiarze tekstu podpis może zostać ucięty albo zasłonięty przez samą grafikę. Sama poprawność techniczna atrybutu nie wystarcza, gdy opis staje się niewidoczny lub nieaktualny w działającym programie.

Naprawa problemu w laptopie lub komputerze PC

Usunięcie usterki wymaga ustalenia, gdzie powstaje brak informacji: w kodzie strony, konfiguracji aplikacji, motywie graficznym, sterowniku albo ustawieniach systemowych. W przypadku programu internetowego poprawa może polegać na dodaniu dostępnej nazwy do przycisku, uzupełnieniu tekstu alternatywnego, oznaczeniu grafiki dekoracyjnej albo naprawie relacji między etykietą a kontrolką. W aplikacji instalowanej lokalnie trzeba dodatkowo sprawdzić, czy interfejs prawidłowo współpracuje z mechanizmami dostępności systemu oraz czy aktualizacja programu nie usunęła opisów kontrolek.

Warszawskie Pogotowie Komputerowe wykonuje profesjonalną naprawę laptopów, komputerów PC i podzespołów, a w ramach diagnostyki można ustalić, czy brak podpisów ikon wynika z ustawień systemowych, działania konkretnego programu lub problemu z jego interfejsem. Po usunięciu przyczyny warto ponownie sprawdzić elementy za pomocą klawiatury i czytnika ekranu, ponieważ poprawiona ikona powinna mieć jednoznaczną nazwę, prawidłową funkcję oraz stan możliwy do odczytania przez technologie asystujące.