manipulacja czcionką

Manipulacja czcionką to technika ukrywania treści przez zastosowanie znikomego rozmiaru lub koloru zbliżonego do tła.

Manipulacja czcionką jako sposób ukrywania treści

Manipulacja czcionką to technika polegająca na takim ustawieniu właściwości tekstu, aby treść była obecna w kodzie dokumentu, lecz praktycznie niewidoczna dla osoby korzystającej ze strony lub aplikacji. Najczęściej wykorzystuje się bardzo mały rozmiar pisma, kolor zbliżony do koloru tła, pełną przezroczystość albo krój o parametrach utrudniających odczyt. W dokumencie HTML za wygląd tekstu mogą odpowiadać reguły CSS, a w plikach biurowych podobny efekt można uzyskać przez ustawienie koloru znaków, rozmiaru lub efektów tekstowych.

Nie każda różnica w wyglądzie czcionki oznacza nadużycie. Zmniejszony tekst może być przypisem, etykietą techniczną albo elementem pomocniczym interfejsu. Problem pojawia się wtedy, gdy ukryty tekst zawiera informacje przeznaczone dla wyszukiwarek, automatycznych filtrów lub innych programów, a nie dla użytkownika. Taka treść może zaburzać ocenę dokumentu, utrudniać analizę strony i powodować rozbieżność między tym, co znajduje się w kodzie, a tym, co faktycznie widać na ekranie.

Rozmiar, kolor i przezroczystość tekstu

Najprostszym przypadkiem jest użycie minimalnego rozmiaru czcionki. Tekst może mieć ustawiony rozmiar tak mały, że po wyrenderowaniu zajmuje pojedyncze piksele albo staje się nieczytelny przy typowej rozdzielczości ekranu. Inną metodą jest ustawienie koloru tekstu bardzo podobnego do tła, na przykład jasnoszarego na białym tle. Warto jednak pamiętać, że podobieństwo kolorów należy oceniać na podstawie kontrastu, a nie wyłącznie wzrokowo. Kontrast może zmienić się po zastosowaniu motywu, trybu wysokiego kontrastu, skalowania interfejsu lub filtrów systemowych.

Ukrywanie może być również osiągane przez właściwość opacity, przezroczysty kolor zapisany w formacie RGBA albo inne reguły wpływające na renderowanie. W kodzie strony należy odróżnić tekst niewidoczny z powodu stylu od tekstu usuniętego z układu za pomocą właściwości takich jak display: none lub visibility: hidden. Znaczenie ma także położenie elementu, jego rozmiar, przepełnienie kontenera oraz kolejność warstw. Sama obecność słów w kodzie źródłowym nie dowodzi jeszcze manipulacji, dlatego ocena wymaga porównania kodu, obliczonych stylów CSS i obrazu strony po renderowaniu.

Wpływ na czytelność, dostępność i indeksowanie

Tekst ukryty przez zmianę czcionki może zostać pominięty przez człowieka, ale nadal może być odczytany przez parser HTML, narzędzie indeksujące albo technologię asystującą. Zależnie od zastosowanej właściwości CSS treść może pozostać w modelu DOM, w drzewie dostępności lub wyłącznie w kodzie źródłowym. Dlatego wynik kontroli zależy od tego, czy sprawdzany jest surowy dokument, struktura DOM, drzewo dostępności, czy końcowy obraz ekranu. Różne mechanizmy ukrywania wywołują różne skutki dla czytników ekranu, funkcji powiększania i wyszukiwania tekstu w przeglądarce.

W praktyce warto sprawdzić deklaracje font-size, color, background-color, opacity, visibility, display, text-indent, overflow oraz pozycjonowanie elementu. Istotne jest również zweryfikowanie dziedziczenia stylów, ponieważ tekst może otrzymać problematyczne właściwości z nadrzędnego kontenera. Kontrolę można uzupełnić zmianą powiększenia strony, zaznaczeniem całej treści, przełączeniem trybu wysokiego kontrastu i wyłączeniem arkuszy stylów. Jeżeli tekst pojawia się dopiero po zaznaczeniu, zmianie tła albo użyciu narzędzi deweloperskich, jest to sygnał do dalszej analizy, lecz nie samodzielny dowód intencjonalnego ukrywania.

Sprawdzenie dokumentu i przywrócenie prawidłowego formatowania

Diagnozę należy rozpocząć od ustalenia, czy nietypowe formatowanie występuje tylko w jednym dokumencie, na jednej stronie lub w jednym programie. Następnie można porównać wygląd tekstu w różnych przeglądarkach, po zmianie skali oraz przy użyciu alternatywnego arkusza stylów. W przypadku strony internetowej pomocne jest otwarcie inspektora elementów i sprawdzenie stylów obliczonych dla konkretnego węzła. W przypadku dokumentu biurowego należy zaznaczyć cały tekst, wyświetlić znaki niedrukowane i sprawdzić formatowanie znaków oraz akapitów.

Usunięcie problemu powinno polegać na przywróceniu czytelnego rozmiaru i kontrastu czcionki oraz na usunięciu reguł, które nie mają uzasadnienia w strukturze dokumentu. Nie należy automatycznie kasować każdego tekstu niewidocznego, ponieważ część takich elementów może służyć do obsługi interfejsu, opisów kontrolek lub prawidłowego działania technologii asystujących. Warszawskie Pogotowie Komputerowe zajmuje się profesjonalną naprawą laptopów, komputerów PC i ich podzespołów, a w ramach diagnostyki można ustalić, czy problem z wyświetlaniem czcionek wynika z dokumentu, ustawień systemu, aplikacji, sterownika grafiki albo błędów renderowania.