Centrum wsparcia

Sugestie do trzech zauważonych problemów:

1. Elementy nachodzą na siebie Najpewniej chodzi o elementy na górze strony. Na przykład element prezentujący temperaturę jest pozycjonowany absolutnie. W niektórych kombinacjach np. na urządzeniu mobilnym wchodzi w konflikt z nagłówkiem "Toruń.Direct — Invest in the future". Jednym z rozwiązań jest zrezygnowanie z position: absolute co umożliwi naturalne układanie się elementów jeden pod drugim.

2. Kontrast nie jest zachowany Problem z kontrastem występuje w wielu miejscach. Dla wspomnianego wyżej nagłówka rzadko kiedy osiąga poziom 3:1, w momencie kiedy wymagane jest 4.5:1. Zmienne tło nie ułatwia sytuacji, można to jednak naprawić np. poprzez zastosowanie tła tylko dla nagłówka. względem którego przewidywalność kontrastu będzie większa, wpływ zmieniającego się tła zostanie zredukowany.

background-color: rgb(0 0 0 / 70%);

1. Ruchome elementy Bogate i wszechobecne animacje na stronie to duży problem. Żadnej z nich nie można zatrzymać. Wszystkie są nieskończone. Rozwiązaniem jest zatrzymanie ich przed upływem 5 sekund lub dodanie możliwość kontroli przez użytkownika np. poprzez dedykowane akcje typu pauza/start każdej z nich.

Istnieje też programistyczna możliwość aby respektować systemowe preferencje użytkownika w zakresie animacji. Na przykład w css za pomocą:

@media (prefers-reduced-motion: reduce) {
... nadpisanie reguł
}