Raport (eksport)

http://itime.pl/

Informacje

  • Utworzono:
  • Wygenerowano:

Filtry działają lokalnie w tym pliku HTML (offline).

Podsumowanie

Raport jest zbudowany z komunikatów walidatorów dla analizowanych stron.

  • Błędy: 0
  • Ostrzeżenia: 19
  • Informacje: 0
  • Widok analizowanej strony: Komputer (1280×720)
  • Basic Auth: wyłączone

Analizowane pliki

  • HTML: 1

Wyniki

Po każdorazowej zmianie zaznaczenia, kliknij „Zastosuj filtry”, aby odświeżyć widok raportu.

Widok raportu
Zakres

Filtrowanie działa lokalnie w przeglądarce.

Wybór zawęża raport do jednej strony (URL).

Wybierz regułę (tytuł + kod, np. „Łącza…” (axe_link-in-text-block)).

Wybór zawęża raport do jednego kryterium sukcesu (np. 1.3.1).

Poziom komunikatu
Poziom WCAG

To wynik testu automatycznego, nie pełny audyt — każdy komunikat potwierdź ręcznie w kontekście strony.

http://itime.pl/ — błędy: 0, ostrzeżenia: 19, informacje: 0, razem: 19

  • Kontrast tekstu wymaga sprawdzenia ręcznego

    Poziom
    ostrzeżenie · WCAG 2.2 (AA) (axe_incomplete_color-contrast)
    Co to znaczy
    Automat nie zmierzył kontrastu tego tekstu, więc nie wiadomo, czy jest za niski. Wymagane minimum to 4,5:1 dla zwykłego tekstu i 3:1 dla dużego (co najmniej 18 pkt albo 14 pkt pogrubione).
    Dlaczego to ważne
    Osoby słabowidzące, starsze oraz korzystające z ekranu w trudnych warunkach nie odczytają tekstu o zbyt niskim kontraście. To jedna z najczęstszych i najłatwiej mierzalnych barier.
    Jak to naprawić
    Zmierz kontrast ręcznie: pobierz kolor tekstu i kolor tła dokładnie w tym miejscu, a potem porównaj z wymaganym progiem. Poprawiaj dopiero wtedy, gdy wynik jest za niski.
    Dlaczego automat tego nie ocenił
    Nie można określić koloru tła elementu, ponieważ element ma obraz tła.
    Ograniczenie automatu
    Pomiar kontrastu bywa zawodny dla tekstu na obrazie lub gradiencie - takie przypadki warto sprawdzić ręcznie.
    — Szczegóły reguły: Wymaga weryfikacji: kontrast między kolorami pierwszego planu i tła musi spełniać progi kontrastu WCAG 2 AA., WCAG 1.4.3 WCAG: 1.4.3
    Szczegóły walidatora
    Popraw co najmniej jeden z poniższych problemów:
    • Nie można określić koloru tła elementu, ponieważ element ma obraz tła.
    Komunikat
    Elementy muszą mieć wystarczający kontrast kolorów. (wymaga ręcznej weryfikacji)
    Tekst i kontekst
    Tekst: Start
    Kontekst: Start
    Lokalizacja
    • Selector: 
      a[href="#top"]
    • XPath: 
      /html[1]/body[1]/nav[1]/div[1]/div[2]/ul[1]/li[1]/a[1]
    • Pozycja: x=272.1, y=0, w=59.6, h=50 (viewport 1280×720)
    • Alternatywne selektory:
      • li:nth-child(1) > a[href$="#top"]
    Fragment HTML 
    <a href="#top">Start</a>
    Kontekst HTML 
    <li> <a href="#top">Start</a> </li>

  • Kontrast tekstu wymaga sprawdzenia ręcznego

    Poziom
    ostrzeżenie · WCAG 2.2 (AA) (axe_incomplete_color-contrast)
    Co to znaczy
    Automat nie zmierzył kontrastu tego tekstu, więc nie wiadomo, czy jest za niski. Wymagane minimum to 4,5:1 dla zwykłego tekstu i 3:1 dla dużego (co najmniej 18 pkt albo 14 pkt pogrubione).
    Dlaczego to ważne
    Osoby słabowidzące, starsze oraz korzystające z ekranu w trudnych warunkach nie odczytają tekstu o zbyt niskim kontraście. To jedna z najczęstszych i najłatwiej mierzalnych barier.
    Jak to naprawić
    Zmierz kontrast ręcznie: pobierz kolor tekstu i kolor tła dokładnie w tym miejscu, a potem porównaj z wymaganym progiem. Poprawiaj dopiero wtedy, gdy wynik jest za niski.
    Dlaczego automat tego nie ocenił
    Nie można określić koloru tła elementu, ponieważ element ma obraz tła.
    Ograniczenie automatu
    Pomiar kontrastu bywa zawodny dla tekstu na obrazie lub gradiencie - takie przypadki warto sprawdzić ręcznie.
    — Szczegóły reguły: Wymaga weryfikacji: kontrast między kolorami pierwszego planu i tła musi spełniać progi kontrastu WCAG 2 AA., WCAG 1.4.3 WCAG: 1.4.3
    Szczegóły walidatora
    Popraw co najmniej jeden z poniższych problemów:
    • Nie można określić koloru tła elementu, ponieważ element ma obraz tła.
    Komunikat
    Elementy muszą mieć wystarczający kontrast kolorów. (wymaga ręcznej weryfikacji)
    Tekst i kontekst
    Tekst: O firmie
    Kontekst: O firmie
    Lokalizacja
    • Selector: 
      a[href="#about"]
    • XPath: 
      /html[1]/body[1]/nav[1]/div[1]/div[2]/ul[1]/li[2]/a[1]
    • Pozycja: x=331.7, y=0, w=79, h=50 (viewport 1280×720)
    • Alternatywne selektory:
      • a[href$="#about"]
    Fragment HTML 
    <a href="#about">O firmie</a>
    Kontekst HTML 
    <li> <a href="#about">O firmie</a> </li>

  • Kontrast tekstu wymaga sprawdzenia ręcznego

    Poziom
    ostrzeżenie · WCAG 2.2 (AA) (axe_incomplete_color-contrast)
    Co to znaczy
    Automat nie zmierzył kontrastu tego tekstu, więc nie wiadomo, czy jest za niski. Wymagane minimum to 4,5:1 dla zwykłego tekstu i 3:1 dla dużego (co najmniej 18 pkt albo 14 pkt pogrubione).
    Dlaczego to ważne
    Osoby słabowidzące, starsze oraz korzystające z ekranu w trudnych warunkach nie odczytają tekstu o zbyt niskim kontraście. To jedna z najczęstszych i najłatwiej mierzalnych barier.
    Jak to naprawić
    Zmierz kontrast ręcznie: pobierz kolor tekstu i kolor tła dokładnie w tym miejscu, a potem porównaj z wymaganym progiem. Poprawiaj dopiero wtedy, gdy wynik jest za niski.
    Dlaczego automat tego nie ocenił
    Nie można określić koloru tła elementu, ponieważ element ma obraz tła.
    Ograniczenie automatu
    Pomiar kontrastu bywa zawodny dla tekstu na obrazie lub gradiencie - takie przypadki warto sprawdzić ręcznie.
    — Szczegóły reguły: Wymaga weryfikacji: kontrast między kolorami pierwszego planu i tła musi spełniać progi kontrastu WCAG 2 AA., WCAG 1.4.3 WCAG: 1.4.3
    Szczegóły walidatora
    Popraw co najmniej jeden z poniższych problemów:
    • Nie można określić koloru tła elementu, ponieważ element ma obraz tła.
    Komunikat
    Elementy muszą mieć wystarczający kontrast kolorów. (wymaga ręcznej weryfikacji)
    Tekst i kontekst
    Tekst: Oferta
    Kontekst: Oferta
    Lokalizacja
    • Selector: 
      a[href="#services"]
    • XPath: 
      /html[1]/body[1]/nav[1]/div[1]/div[2]/ul[1]/li[3]/a[1]
    • Pozycja: x=410.7, y=0, w=68.9, h=50 (viewport 1280×720)
    • Alternatywne selektory:
      • a[href$="#services"]
    Fragment HTML 
    <a href="#services">Oferta</a>
    Kontekst HTML 
    <li> <a href="#services">Oferta</a> </li>

  • Kontrast tekstu wymaga sprawdzenia ręcznego

    Poziom
    ostrzeżenie · WCAG 2.2 (AA) (axe_incomplete_color-contrast)
    Co to znaczy
    Automat nie zmierzył kontrastu tego tekstu, więc nie wiadomo, czy jest za niski. Wymagane minimum to 4,5:1 dla zwykłego tekstu i 3:1 dla dużego (co najmniej 18 pkt albo 14 pkt pogrubione).
    Dlaczego to ważne
    Osoby słabowidzące, starsze oraz korzystające z ekranu w trudnych warunkach nie odczytają tekstu o zbyt niskim kontraście. To jedna z najczęstszych i najłatwiej mierzalnych barier.
    Jak to naprawić
    Zmierz kontrast ręcznie: pobierz kolor tekstu i kolor tła dokładnie w tym miejscu, a potem porównaj z wymaganym progiem. Poprawiaj dopiero wtedy, gdy wynik jest za niski.
    Dlaczego automat tego nie ocenił
    Nie można określić koloru tła elementu, ponieważ element ma obraz tła.
    Ograniczenie automatu
    Pomiar kontrastu bywa zawodny dla tekstu na obrazie lub gradiencie - takie przypadki warto sprawdzić ręcznie.
    — Szczegóły reguły: Wymaga weryfikacji: kontrast między kolorami pierwszego planu i tła musi spełniać progi kontrastu WCAG 2 AA., WCAG 1.4.3 WCAG: 1.4.3
    Szczegóły walidatora
    Popraw co najmniej jeden z poniższych problemów:
    • Nie można określić koloru tła elementu, ponieważ element ma obraz tła.
    Komunikat
    Elementy muszą mieć wystarczający kontrast kolorów. (wymaga ręcznej weryfikacji)
    Tekst i kontekst
    Tekst: Kontakt
    Kontekst: Kontakt
    Lokalizacja
    • Selector: 
      a[href="#contact"]
    • XPath: 
      /html[1]/body[1]/nav[1]/div[1]/div[2]/ul[1]/li[4]/a[1]
    • Pozycja: x=479.6, y=0, w=77.5, h=50 (viewport 1280×720)
    • Alternatywne selektory:
      • a[href$="#contact"]
    Fragment HTML 
    <a href="#contact">Kontakt</a>
    Kontekst HTML 
    <li> <a href="#contact">Kontakt</a> </li>

  • Kontrast tekstu wymaga sprawdzenia ręcznego

    Poziom
    ostrzeżenie · WCAG 2.2 (AA) (axe_incomplete_color-contrast)
    Co to znaczy
    Automat nie zmierzył kontrastu tego tekstu, więc nie wiadomo, czy jest za niski. Wymagane minimum to 4,5:1 dla zwykłego tekstu i 3:1 dla dużego (co najmniej 18 pkt albo 14 pkt pogrubione).
    Dlaczego to ważne
    Osoby słabowidzące, starsze oraz korzystające z ekranu w trudnych warunkach nie odczytają tekstu o zbyt niskim kontraście. To jedna z najczęstszych i najłatwiej mierzalnych barier.
    Jak to naprawić
    Zmierz kontrast ręcznie: pobierz kolor tekstu i kolor tła dokładnie w tym miejscu, a potem porównaj z wymaganym progiem. Poprawiaj dopiero wtedy, gdy wynik jest za niski.
    Dlaczego automat tego nie ocenił
    Nie można określić koloru tła elementu, ponieważ element ma obraz tła.
    Ograniczenie automatu
    Pomiar kontrastu bywa zawodny dla tekstu na obrazie lub gradiencie - takie przypadki warto sprawdzić ręcznie.
    — Szczegóły reguły: Wymaga weryfikacji: kontrast między kolorami pierwszego planu i tła musi spełniać progi kontrastu WCAG 2 AA., WCAG 1.4.3 WCAG: 1.4.3
    Szczegóły walidatora
    Popraw co najmniej jeden z poniższych problemów:
    • Nie można określić koloru tła elementu, ponieważ element ma obraz tła.
    Komunikat
    Elementy muszą mieć wystarczający kontrast kolorów. (wymaga ręcznej weryfikacji)
    Tekst i kontekst
    Tekst: Internet Time
    Kontekst: Internet Time Pracujemy na twój sukces.
    Lokalizacja
    • Selector: 
      .text-vertical-center > h1
    • XPath: 
      /html[1]/body[1]/header[1]/div[1]/h1[1]
    • Pozycja: x=0, y=311.7, w=1280, h=61.6 (viewport 1280×720)
    • Alternatywne selektory:
      • .text-vertical-center > h1
    Fragment HTML 
    <h1>Internet Time</h1>
    Kontekst HTML 
    <div class="text-vertical-center animated fadeInDownBig"> <img height="300" src="img/logo.png" alt="Internet Time logotyp"> <h1>Internet Time</h1> <h2 class="h1-subtitle">Pracujemy na twój sukces.</h2> </div>

  • Kontrast tekstu wymaga sprawdzenia ręcznego

    Poziom
    ostrzeżenie · WCAG 2.2 (AA) (axe_incomplete_color-contrast)
    Co to znaczy
    Automat nie zmierzył kontrastu tego tekstu, więc nie wiadomo, czy jest za niski. Wymagane minimum to 4,5:1 dla zwykłego tekstu i 3:1 dla dużego (co najmniej 18 pkt albo 14 pkt pogrubione).
    Dlaczego to ważne
    Osoby słabowidzące, starsze oraz korzystające z ekranu w trudnych warunkach nie odczytają tekstu o zbyt niskim kontraście. To jedna z najczęstszych i najłatwiej mierzalnych barier.
    Jak to naprawić
    Zmierz kontrast ręcznie: pobierz kolor tekstu i kolor tła dokładnie w tym miejscu, a potem porównaj z wymaganym progiem. Poprawiaj dopiero wtedy, gdy wynik jest za niski.
    Dlaczego automat tego nie ocenił
    Nie można określić koloru tła elementu, ponieważ element ma obraz tła.
    Ograniczenie automatu
    Pomiar kontrastu bywa zawodny dla tekstu na obrazie lub gradiencie - takie przypadki warto sprawdzić ręcznie.
    — Szczegóły reguły: Wymaga weryfikacji: kontrast między kolorami pierwszego planu i tła musi spełniać progi kontrastu WCAG 2 AA., WCAG 1.4.3 WCAG: 1.4.3
    Szczegóły walidatora
    Popraw co najmniej jeden z poniższych problemów:
    • Nie można określić koloru tła elementu, ponieważ element ma obraz tła.
    Komunikat
    Elementy muszą mieć wystarczający kontrast kolorów. (wymaga ręcznej weryfikacji)
    Tekst i kontekst
    Tekst: Pracujemy na twój sukces.
    Kontekst: Internet Time Pracujemy na twój sukces.
    Lokalizacja
    • Selector: 
      h2.h1-subtitle
    • XPath: 
      /html[1]/body[1]/header[1]/div[1]/h2[1]
    • Pozycja: x=0, y=393.3, w=1280, h=26.4 (viewport 1280×720)
    • Alternatywne selektory:
      • .text-vertical-center > .h1-subtitle
    Fragment HTML 
    <h2 class="h1-subtitle">Pracujemy na twój sukces.</h2>
    Kontekst HTML 
    <div class="text-vertical-center animated fadeInDownBig"> <img height="300" src="img/logo.png" alt="Internet Time logotyp"> <h1>Internet Time</h1> <h2 class="h1-subtitle">Pracujemy na twój sukces.</h2> </div>

  • Kontrast tekstu wymaga sprawdzenia ręcznego

    Poziom
    ostrzeżenie · WCAG 2.2 (AA) (axe_incomplete_color-contrast)
    Co to znaczy
    Automat nie zmierzył kontrastu tego tekstu, więc nie wiadomo, czy jest za niski. Wymagane minimum to 4,5:1 dla zwykłego tekstu i 3:1 dla dużego (co najmniej 18 pkt albo 14 pkt pogrubione).
    Dlaczego to ważne
    Osoby słabowidzące, starsze oraz korzystające z ekranu w trudnych warunkach nie odczytają tekstu o zbyt niskim kontraście. To jedna z najczęstszych i najłatwiej mierzalnych barier.
    Jak to naprawić
    Zmierz kontrast ręcznie: pobierz kolor tekstu i kolor tła dokładnie w tym miejscu, a potem porównaj z wymaganym progiem. Poprawiaj dopiero wtedy, gdy wynik jest za niski.
    Dlaczego automat tego nie ocenił
    Nie można określić koloru tła elementu, ponieważ element ma obraz tła.
    Ograniczenie automatu
    Pomiar kontrastu bywa zawodny dla tekstu na obrazie lub gradiencie - takie przypadki warto sprawdzić ręcznie.
    — Szczegóły reguły: Wymaga weryfikacji: kontrast między kolorami pierwszego planu i tła musi spełniać progi kontrastu WCAG 2 AA., WCAG 1.4.3 WCAG: 1.4.3
    Szczegóły walidatora
    Popraw co najmniej jeden z poniższych problemów:
    • Nie można określić koloru tła elementu, ponieważ element ma obraz tła.
    Komunikat
    Elementy muszą mieć wystarczający kontrast kolorów. (wymaga ręcznej weryfikacji)
    Tekst i kontekst
    Tekst: Internet Time
    Kontekst: Internet Time Twój partner w biznesie.
    Lokalizacja
    • Selector: 
      .text-vertical-center-2 > h1
    • XPath: 
      /html[1]/body[1]/aside[1]/div[1]/h1[1]
    • Pozycja: x=0, y=1624, w=1280, h=61.6 (viewport 1280×720)
    • Alternatywne selektory:
      • .text-vertical-center-2 > h1
    Fragment HTML 
    <h1>Internet Time</h1>
    Kontekst HTML 
    <div class="text-vertical-center-2"> <h1>Internet Time</h1> <h2 class="h1-subtitle">Twój partner w biznesie.</h2> </div>

  • Kontrast tekstu wymaga sprawdzenia ręcznego

    Poziom
    ostrzeżenie · WCAG 2.2 (AA) (axe_incomplete_color-contrast)
    Co to znaczy
    Automat nie zmierzył kontrastu tego tekstu, więc nie wiadomo, czy jest za niski. Wymagane minimum to 4,5:1 dla zwykłego tekstu i 3:1 dla dużego (co najmniej 18 pkt albo 14 pkt pogrubione).
    Dlaczego to ważne
    Osoby słabowidzące, starsze oraz korzystające z ekranu w trudnych warunkach nie odczytają tekstu o zbyt niskim kontraście. To jedna z najczęstszych i najłatwiej mierzalnych barier.
    Jak to naprawić
    Zmierz kontrast ręcznie: pobierz kolor tekstu i kolor tła dokładnie w tym miejscu, a potem porównaj z wymaganym progiem. Poprawiaj dopiero wtedy, gdy wynik jest za niski.
    Dlaczego automat tego nie ocenił
    Nie można określić koloru tła elementu, ponieważ element ma obraz tła.
    Ograniczenie automatu
    Pomiar kontrastu bywa zawodny dla tekstu na obrazie lub gradiencie - takie przypadki warto sprawdzić ręcznie.
    — Szczegóły reguły: Wymaga weryfikacji: kontrast między kolorami pierwszego planu i tła musi spełniać progi kontrastu WCAG 2 AA., WCAG 1.4.3 WCAG: 1.4.3
    Szczegóły walidatora
    Popraw co najmniej jeden z poniższych problemów:
    • Nie można określić koloru tła elementu, ponieważ element ma obraz tła.
    Komunikat
    Elementy muszą mieć wystarczający kontrast kolorów. (wymaga ręcznej weryfikacji)
    Tekst i kontekst
    Tekst: Twój partner w biznesie.
    Kontekst: Internet Time Twój partner w biznesie.
    Lokalizacja
    • Selector: 
      h2.h1-subtitle
    • XPath: 
      /html[1]/body[1]/aside[1]/div[1]/h2[1]
    • Pozycja: x=0, y=1705.6, w=1280, h=26.4 (viewport 1280×720)
    • Alternatywne selektory:
      • .text-vertical-center-2 > .h1-subtitle
    Fragment HTML 
    <h2 class="h1-subtitle">Twój partner w biznesie.</h2>
    Kontekst HTML 
    <div class="text-vertical-center-2"> <h1>Internet Time</h1> <h2 class="h1-subtitle">Twój partner w biznesie.</h2> </div>

  • Istotna treść w obrazie tła

    Poziom
    ostrzeżenie · WCAG 2.2 (A) (ace_img_alt_background)
    Co to znaczy
    Ważna informacja (np. tekst, wykres) jest przekazana wyłącznie przez obraz tła CSS, który nie ma żadnej alternatywy tekstowej.
    Dlaczego to ważne
    Obrazy tła są niewidoczne dla czytnika ekranu i znikają w trybie wysokiego kontrastu. Treść podana tylko w tle jest całkowicie niedostępna dla części użytkowników.
    Jak to naprawić
    Nie przekazuj istotnej treści przez obraz tła. Użyj <img> z alt, albo dodaj równoważny tekst w HTML. Tła stosuj tylko do dekoracji.
    Ograniczenie automatu
    Walidator wykrywa brak atrybutu alt, ale nie oceni, czy treść opisu jest trafna - to musi sprawdzić człowiek.
    — Szczegóły reguły: Obrazy tła przekazujące istotne informacje muszą mieć tekst alternatywny opisujący obraz, WCAG 1.1.1 WCAG: 1.1.1
    Tekst i kontekst
    Tekst: Internet Time Pracujemy na twój sukces.
    Kontekst: Menu Start O firmie Oferta Kontakt Internet Time Pracujemy na twój sukces. …
    Lokalizacja
    • Selector: 
      #top
    • XPath: 
      /html[1]/body[1]/header[1]
    • Pozycja: x=0, y=0, w=1280, h=720 (viewport 1280×720)
    Fragment HTML 
    <header id="top" class="header"> <div class="text-vertical-center animated fadeInDownBig"> <img height="300" src="img/logo.png" alt="Internet Time logotyp"> <h1>Internet Time</h1> <h2 class="h1-subtitle">Pracujemy na twój sukces.</h2> </div> </header>
    Kontekst HTML 
    <body> <!-- Navigation --> <nav class="navbar navbar-default navbar-fixed-top"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Menu</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#top"> <img height="20" src="img/logo-mini.png" alt="Internet Time logotyp mobile"> </a> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li> <a href="#top">Start</a> </li> <li> <a href="#about">O firmie</a> </li> <li> <a href="#services">Oferta</a> </li> <li> <a href="#contact">Kontakt</a> </li> </ul> </div> </div> </nav> <!-- Header --> <header id="top" class="header"> <div class="text-vertical-center animated fadeInDownBig"> <img height="300" src="img/logo.png" alt="Internet Time logotyp"> <h1>Internet Time</h1> <h2 class="h1-subtitle">Pracujemy na twój sukces.</h2> </div> </header> <!-- About --> <section id="about" class="about"> <div class="container"> <div class="row"> <div class="col-lg-12 text-center"> <h2>O firmie</h2> <hr class="small"> <p class="lead">Internet Time działa na rynku już od 1994 roku.<br><br>Jesteśmy firmą, która działa w branży IT w obszarze outsourcingu usług IT, wdrożeń oraz integracji.<br><br>Posiadamy również dział programistyczny aplikacji desktop i WEB, dział związany z usługami internetowymi, hostingowy, oraz ISP.<br><br>W skład naszej firmy wchodzi również własny dział związany z usługami instalacyjnymi budujący sieci komputerowe, systemy elektronicznych zabezpieczeń takie jak: kontrola dostępu, monitoring, alarmy, PPOŻ.</p> <!--<p class="lead">Nasza firma posiada wieloletnie doświadczenie w branży IT.<br/>Świadczone przez nas usługi wykonujemy profesjonalnie oraz kompleksowo.</p>--> <p class="lead">Zapraszamy do zapoznania się z naszą ofertą.<br>Jesteśmy do Państwa usług.<br><br><br><br><br><br><br><br></p> </div> </div> <!-- /.row --> </div> <!-- /.container --> </section> <!-- Partnership --> <aside class="partnership" aria-label="Sekcja wyróżniająca firmę Internet Time"> <div class="text-vertical-center-2"> <h1>Internet Time</h1> <h2 class="h1-subtitle">Twój partner w biznesie.</h2> </div> </aside> <!-- Services --> <!-- The circle icons use Font Awesome's stacked icon classes. For more information, visit http://fontawesome.io/examples/ --> <section id="services" class="services bg-primary"> <div class="container"> <div class="row text-center"> <div class="col-lg-12"> <h2>Oferta</h2> <hr class="small"> <div class="row"> <div class="col-md-4 col-sm-4"> <div class="service-item"> <span class="fa-stack fa-4x"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-wifi fa-stack-1x text-primary"></i> </span> <h3 class="h2-subtitle-services"> <strong>Internet dla domu i firmy</strong> </h3> <p>Oferujemy usługę dostępu do Internetu klientom indywidualnym oraz klientom biznesowym. Zapewniamy szybkie i niezawodne łącze w oparciu o najnowsze technologie.<br></p> <!--<a …

  • Istotna treść w obrazie tła

    Poziom
    ostrzeżenie · WCAG 2.2 (A) (ace_img_alt_background)
    Co to znaczy
    Ważna informacja (np. tekst, wykres) jest przekazana wyłącznie przez obraz tła CSS, który nie ma żadnej alternatywy tekstowej.
    Dlaczego to ważne
    Obrazy tła są niewidoczne dla czytnika ekranu i znikają w trybie wysokiego kontrastu. Treść podana tylko w tle jest całkowicie niedostępna dla części użytkowników.
    Jak to naprawić
    Nie przekazuj istotnej treści przez obraz tła. Użyj <img> z alt, albo dodaj równoważny tekst w HTML. Tła stosuj tylko do dekoracji.
    Ograniczenie automatu
    Walidator wykrywa brak atrybutu alt, ale nie oceni, czy treść opisu jest trafna - to musi sprawdzić człowiek.
    — Szczegóły reguły: Obrazy tła przekazujące istotne informacje muszą mieć tekst alternatywny opisujący obraz, WCAG 1.1.1 WCAG: 1.1.1
    Tekst i kontekst
    Tekst: Internet Time Twój partner w biznesie.
    Kontekst: Menu Start O firmie Oferta Kontakt Internet Time Pracujemy na twój sukces. …
    Lokalizacja
    • Selector: 
      aside[aria-label="Sekcja wyróżniająca firmę Internet Time"]
    • XPath: 
      /html[1]/body[1]/aside[1]
    • Pozycja: x=0, y=1483, w=1280, h=400 (viewport 1280×720)
    Fragment HTML 
    <aside class="partnership" aria-label="Sekcja wyróżniająca firmę Internet Time"> <div class="text-vertical-center-2"> <h1>Internet Time</h1> <h2 class="h1-subtitle">Twój partner w biznesie.</h2> </div> </aside>
    Kontekst HTML 
    <body> <!-- Navigation --> <nav class="navbar navbar-default navbar-fixed-top"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Menu</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#top"> <img height="20" src="img/logo-mini.png" alt="Internet Time logotyp mobile"> </a> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li> <a href="#top">Start</a> </li> <li> <a href="#about">O firmie</a> </li> <li> <a href="#services">Oferta</a> </li> <li> <a href="#contact">Kontakt</a> </li> </ul> </div> </div> </nav> <!-- Header --> <header id="top" class="header"> <div class="text-vertical-center animated fadeInDownBig"> <img height="300" src="img/logo.png" alt="Internet Time logotyp"> <h1>Internet Time</h1> <h2 class="h1-subtitle">Pracujemy na twój sukces.</h2> </div> </header> <!-- About --> <section id="about" class="about"> <div class="container"> <div class="row"> <div class="col-lg-12 text-center"> <h2>O firmie</h2> <hr class="small"> <p class="lead">Internet Time działa na rynku już od 1994 roku.<br><br>Jesteśmy firmą, która działa w branży IT w obszarze outsourcingu usług IT, wdrożeń oraz integracji.<br><br>Posiadamy również dział programistyczny aplikacji desktop i WEB, dział związany z usługami internetowymi, hostingowy, oraz ISP.<br><br>W skład naszej firmy wchodzi również własny dział związany z usługami instalacyjnymi budujący sieci komputerowe, systemy elektronicznych zabezpieczeń takie jak: kontrola dostępu, monitoring, alarmy, PPOŻ.</p> <!--<p class="lead">Nasza firma posiada wieloletnie doświadczenie w branży IT.<br/>Świadczone przez nas usługi wykonujemy profesjonalnie oraz kompleksowo.</p>--> <p class="lead">Zapraszamy do zapoznania się z naszą ofertą.<br>Jesteśmy do Państwa usług.<br><br><br><br><br><br><br><br></p> </div> </div> <!-- /.row --> </div> <!-- /.container --> </section> <!-- Partnership --> <aside class="partnership" aria-label="Sekcja wyróżniająca firmę Internet Time"> <div class="text-vertical-center-2"> <h1>Internet Time</h1> <h2 class="h1-subtitle">Twój partner w biznesie.</h2> </div> </aside> <!-- Services --> <!-- The circle icons use Font Awesome's stacked icon classes. For more information, visit http://fontawesome.io/examples/ --> <section id="services" class="services bg-primary"> <div class="container"> <div class="row text-center"> <div class="col-lg-12"> <h2>Oferta</h2> <hr class="small"> <div class="row"> <div class="col-md-4 col-sm-4"> <div class="service-item"> <span class="fa-stack fa-4x"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-wifi fa-stack-1x text-primary"></i> </span> <h3 class="h2-subtitle-services"> <strong>Internet dla domu i firmy</strong> </h3> <p>Oferujemy usługę dostępu do Internetu klientom indywidualnym oraz klientom biznesowym. Zapewniamy szybkie i niezawodne łącze w oparciu o najnowsze technologie.<br></p> <!--<a …

  • Treść znika w trybie wysokiego kontrastu

    Poziom
    ostrzeżenie · WCAG 2.2 (A/AA) (ace_style_highcontrast_visible)
    Co to znaczy
    W trybie wymuszonych kolorów (Windows High Contrast/forced-colors) część treści lub wskaźników znika — np. obrazy tła niosące informację, obramowania definiowane tylko tłem.
    Dlaczego to ważne
    Osoby korzystające z trybu wysokiego kontrastu (słabowidzące) tracą informację przekazaną elementami, które w tym trybie nie są renderowane. Element może stać się niewidoczny lub nieodróżnialny.
    Jak to naprawić
    Nie przekazuj istotnej treści wyłącznie obrazem tła ani kolorem tła. Używaj właściwości wspieranych przez forced-colors, testuj stronę w trybie wysokiego kontrastu.
    Ograniczenie automatu
    To wsparcie dla kryteriów użycia koloru i kontrastu, nie osobne kryterium WCAG. Rzeczywiste zachowanie potwierdź ręcznie w trybie wysokiego kontrastu.
    — Szczegóły reguły: Tryb wysokiego kontrastu Windows musi być obsługiwany, gdy CSS służy do dołączania, pozycjonowania lub modyfikowania treści niedekoracyjnej, WCAG 1.1.1, 1.3.2, 1.4.11 WCAG: 1.1.1, 1.3.2, 1.4.11
    Tekst i kontekst
    Kontekst: Internet Time /*! axe v4.11.1 * Copyright (c) 2015 - 2026 Deque Systems, Inc. * * Your use of this Source Code Form is subject to the terms of the Mozilla Public * License,…
    Lokalizacja
    • XPath: 
      /html[1]/head[1]/link[1]
    • Pozycja: x=0, y=0, w=0, h=0 (viewport 1280×720)
    Fragment HTML 
    <link href="css/bootstrap.min.css" rel="stylesheet">
    Kontekst HTML 
    <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Internet Time Paweł Mikołajczak Koźmin Wielkopolski"> <meta name="author" content="Internet Time"> <meta name="keywords" content="Koźmin, Internet, Help Desk, Oprogramowanie, Hosting, Strony WWW, Ppoż, Alarmy, Monitoring"> <title>Internet Time</title> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- CSS --> <link href="css/style.css" rel="stylesheet"> <link href="css/animate.css" rel="stylesheet"> <!-- Fonts --> <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"> <link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic&amp;subset=latin-ext,latin" rel="stylesheet" type="text/css"> <link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png"> <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"> <link rel="manifest" href="/manifest.json"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="theme-color" content="#ffffff"> <script type="text/javascript">/*! axe v4.11.1 * Copyright (c) 2015 - 2026 Deque Systems, Inc. * * Your use of this Source Code Form is subject to the terms of the Mozilla Public * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. * * This entire copyright notice must appear in every copy of this file you * distribute or in any file that contains substantial portions of this source * code. */ !function a(window){var q=window,document=window.document;function te(e){return(te="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var axe=axe||{},M=(axe.version="4.11.1","function"==typeof define&&define.amd&&define("axe-core",[],function(){return axe}),"object"===("undefined"==typeof module?"undefined":te(module))&&module.exports&&"function"==typeof a.toString&&(axe.source="("+a.toString()+')(typeof window === "object" ? window : this);',module.exports=axe),"function"==typeof window.getComputedStyle&&(window.axe=axe),["precision","format","inGamut"]),i=["space"],P=["algorithm"],I=["method"],B=["maxDeltaE","deltaEMethod","steps","maxSteps"],j=["variant"],L=["matches"],z=["chromium"],V=["noImplicit"],G=["noPresentational"],$=["node"],H=["relatedNodes"],U=["node"],W=["node"],Y=["environmentData"],K=["environmentData"],X=["environmentData"],Z=["environmentData"],J=["environmentData"];function Q(e){return ve(e)||se(e)||xe(e)||ge()}function ee(e){var r="function"==typeof Map?new Map:void 0;return function(e){if(null===e||!(t=>{try{return-1!==Function.t…

  • Blok tekstu pełniący rolę nagłówka bez znacznika

    Poziom
    ostrzeżenie · WCAG 2.2 (A) (ace_text_block_heading)
    Co to znaczy
    Krótki blok tekstu wyróżniony wizualnie (rozmiar, pogrubienie) wprowadza sekcję treści jak nagłówek, ale nie jest oznaczony jako nagłówek.
    Dlaczego to ważne
    Bez znacznika nagłówka czytnik ekranu nie ogłosi go jako nagłówka ani nie uwzględni w nawigacji po nagłówkach — struktura dokumentu jest dla użytkownika niewidoczna.
    Jak to naprawić
    Oznacz taki tekst jako nagłówek (<h2>–<h6>) na właściwym poziomie hierarchii. Jeśli to nie nagłówek, nie stylizuj go tak, by go przypominał.
    — Szczegóły reguły: Tekst nagłówka powinien używać elementu nagłówka lub roli nagłówka, WCAG 1.3.1 WCAG: 1.3.1
    Tekst i kontekst
    Kontekst: Internet TimePaweł Mikołajczak
    Lokalizacja
    • XPath: 
      /html[1]/body[1]/footer[1]/div[1]/div[1]/div[1]/h4[1]/strong[1]/br[1]
    • Pozycja: x=696.3, y=3757.3, w=0, h=20 (viewport 1280×720)
    Fragment HTML 
    <br>
    Kontekst HTML 
    <strong>Internet Time<br>Paweł Mikołajczak</strong>

  • Informacja przekazana samym kolorem

    Poziom
    ostrzeżenie · WCAG 2.2 (A) (ace_style_color_misuse)
    Co to znaczy
    Informacja, akcja lub rozróżnienie są przekazane wyłącznie kolorem — np. „pola wymagane są czerwone”, błąd tylko na czerwono, link odróżniony od tekstu jedynie barwą.
    Dlaczego to ważne
    Osoby nierozróżniające kolorów (daltonizm), słabowidzące i korzystające z monochromatycznych ekranów nie odbiorą informacji zakodowanej tylko w kolorze.
    Jak to naprawić
    Dodaj drugi, niekolorowy sygnał: tekst, ikonę, wzór, podkreślenie lub obramowanie. Np. pola wymagane oznacz gwiazdką i tekstem, błędy — komunikatem, linki — podkreśleniem.
    Ograniczenie automatu
    Walidator wykrywa typowe wzorce, ale nie oceni każdego przypadku użycia koloru — trafność potwierdź ręcznie.
    — Szczegóły reguły: Łącz kolor z opisowym oznaczeniem, aby przekazywać informacje, WCAG 1.4.1 WCAG: 1.4.1
    Tekst i kontekst
    Kontekst: Internet Time /*! axe v4.11.1 * Copyright (c) 2015 - 2026 Deque Systems, Inc. * * Your use of this Source Code Form is subject to the terms of the Mozilla Public * License,…
    Lokalizacja
    • XPath: 
      /html[1]/head[1]/link[1]
    • Pozycja: x=0, y=0, w=0, h=0 (viewport 1280×720)
    Fragment HTML 
    <link href="css/bootstrap.min.css" rel="stylesheet">
    Kontekst HTML 
    <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Internet Time Paweł Mikołajczak Koźmin Wielkopolski"> <meta name="author" content="Internet Time"> <meta name="keywords" content="Koźmin, Internet, Help Desk, Oprogramowanie, Hosting, Strony WWW, Ppoż, Alarmy, Monitoring"> <title>Internet Time</title> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- CSS --> <link href="css/style.css" rel="stylesheet"> <link href="css/animate.css" rel="stylesheet"> <!-- Fonts --> <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"> <link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic&amp;subset=latin-ext,latin" rel="stylesheet" type="text/css"> <link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png"> <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"> <link rel="manifest" href="/manifest.json"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="theme-color" content="#ffffff"> <script type="text/javascript">/*! axe v4.11.1 * Copyright (c) 2015 - 2026 Deque Systems, Inc. * * Your use of this Source Code Form is subject to the terms of the Mozilla Public * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. * * This entire copyright notice must appear in every copy of this file you * distribute or in any file that contains substantial portions of this source * code. */ !function a(window){var q=window,document=window.document;function te(e){return(te="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var axe=axe||{},M=(axe.version="4.11.1","function"==typeof define&&define.amd&&define("axe-core",[],function(){return axe}),"object"===("undefined"==typeof module?"undefined":te(module))&&module.exports&&"function"==typeof a.toString&&(axe.source="("+a.toString()+')(typeof window === "object" ? window : this);',module.exports=axe),"function"==typeof window.getComputedStyle&&(window.axe=axe),["precision","format","inGamut"]),i=["space"],P=["algorithm"],I=["method"],B=["maxDeltaE","deltaEMethod","steps","maxSteps"],j=["variant"],L=["matches"],z=["chromium"],V=["noImplicit"],G=["noPresentational"],$=["node"],H=["relatedNodes"],U=["node"],W=["node"],Y=["environmentData"],K=["environmentData"],X=["environmentData"],Z=["environmentData"],J=["environmentData"];function Q(e){return ve(e)||se(e)||xe(e)||ge()}function ee(e){var r="function"==typeof Map?new Map:void 0;return function(e){if(null===e||!(t=>{try{return-1!==Function.t…

  • Treść poza obszarem landmark

    Poziom
    ostrzeżenie · WCAG 2.2 (A) (ace_aria_content_in_landmark)
    Co to znaczy
    Część treści strony znajduje się poza jakimkolwiek obszarem orientacyjnym (landmark: main, nav, header/banner, footer/contentinfo, aside/complementary).
    Dlaczego to ważne
    Landmarki pozwalają użytkownikom czytnika ekranu szybko przeskakiwać między obszarami strony. Treść poza landmarkami jest trudniejsza do odnalezienia i pomijana przy nawigacji po regionach.
    Jak to naprawić
    Umieść całą znaczącą treść w odpowiednich obszarach: główną treść w <main>, nawigację w <nav>, stopkę w <footer>. Unikaj treści „wiszącej” bezpośrednio w <body> poza landmarkami.
    — Szczegóły reguły: Cała treść musi znajdować się w elemencie z rolą landmark, WCAG 1.3.1 WCAG: 1.3.1
    Tekst i kontekst
    Tekst: O firmie
    Kontekst: O firmie Internet Time działa na rynku już od 1994 roku.Jesteśmy firmą, która działa w branży IT w obszarze outsourcingu usług IT, wdrożeń oraz integracji.Posiadamy również dział programistyczny aplikacji desktop i WEB, dział związ…
    Lokalizacja
    • XPath: 
      /html[1]/body[1]/section[1]/div[1]/div[1]/div[1]/h2[1]
    • Pozycja: x=70, y=790, w=1140, h=33 (viewport 1280×720)
    Fragment HTML 
    <h2>O firmie</h2>
    Kontekst HTML 
    <div class="col-lg-12 text-center"> <h2>O firmie</h2> <hr class="small"> <p class="lead">Internet Time działa na rynku już od 1994 roku.<br><br>Jesteśmy firmą, która działa w branży IT w obszarze outsourcingu usług IT, wdrożeń oraz integracji.<br><br>Posiadamy również dział programistyczny aplikacji desktop i WEB, dział związany z usługami internetowymi, hostingowy, oraz ISP.<br><br>W skład naszej firmy wchodzi również własny dział związany z usługami instalacyjnymi budujący sieci komputerowe, systemy elektronicznych zabezpieczeń takie jak: kontrola dostępu, monitoring, alarmy, PPOŻ.</p> <!--<p class="lead">Nasza firma posiada wieloletnie doświadczenie w branży IT.<br/>Świadczone przez nas usługi wykonujemy profesjonalnie oraz kompleksowo.</p>--> <p class="lead">Zapraszamy do zapoznania się z naszą ofertą.<br>Jesteśmy do Państwa usług.<br><br><br><br><br><br><br><br></p> </div>

  • Treść poza obszarem landmark

    Poziom
    ostrzeżenie · WCAG 2.2 (A) (ace_aria_content_in_landmark)
    Co to znaczy
    Część treści strony znajduje się poza jakimkolwiek obszarem orientacyjnym (landmark: main, nav, header/banner, footer/contentinfo, aside/complementary).
    Dlaczego to ważne
    Landmarki pozwalają użytkownikom czytnika ekranu szybko przeskakiwać między obszarami strony. Treść poza landmarkami jest trudniejsza do odnalezienia i pomijana przy nawigacji po regionach.
    Jak to naprawić
    Umieść całą znaczącą treść w odpowiednich obszarach: główną treść w <main>, nawigację w <nav>, stopkę w <footer>. Unikaj treści „wiszącej” bezpośrednio w <body> poza landmarkami.
    — Szczegóły reguły: Cała treść musi znajdować się w elemencie z rolą landmark, WCAG 1.3.1 WCAG: 1.3.1
    Tekst i kontekst
    Tekst: Oferta
    Kontekst: Oferta Internet dla domu i firmy Oferujemy usługę dostępu do Internetu klientom indywidualnym oraz klientom biznesowym. Zapewniamy szybkie …
    Lokalizacja
    • XPath: 
      /html[1]/body[1]/section[2]/div[1]/div[1]/div[1]/h2[1]
    • Pozycja: x=70, y=1953, w=1140, h=33 (viewport 1280×720)
    Fragment HTML 
    <h2>Oferta</h2>
    Kontekst HTML 
    <div class="col-lg-12"> <h2>Oferta</h2> <hr class="small"> <div class="row"> <div class="col-md-4 col-sm-4"> <div class="service-item"> <span class="fa-stack fa-4x"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-wifi fa-stack-1x text-primary"></i> </span> <h3 class="h2-subtitle-services"> <strong>Internet dla domu i firmy</strong> </h3> <p>Oferujemy usługę dostępu do Internetu klientom indywidualnym oraz klientom biznesowym. Zapewniamy szybkie i niezawodne łącze w oparciu o najnowsze technologie.<br></p> <!--<a href="http://www.kozmin.net/" target="_blank" class="btn btn-light">Więcej</a>--> </div> </div> <div class="col-md-4 col-sm-4"> <div class="service-item"> <span class="fa-stack fa-4x"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-life-ring fa-stack-1x text-primary"></i> </span> <h3 class="h2-subtitle-services"> <strong>Help Desk</strong> </h3> <p>Oferujemy kompleksową pomoc informatyczną.<br>Przeprowadzamy instalacje, wdrożenia oraz aktualizacje oprogramowania wspomagającego pracę firmy.<br><br></p> </div> </div> <div class="col-md-4 col-sm-4"> <div class="service-item"> <span class="fa-stack fa-4x"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-flask fa-stack-1x text-primary"></i> </span> <h3 class="h2-subtitle-services"> <strong>Oprogramowanie</strong> </h3> <p>Tworzymy oprogramowanie dostosowane do twoich indywidualnych potrzeb.<br><br><br></p> </div> </div> <div class="col-md-4 col-sm-4 col-sm-offset-2"> <div class="service-item"> <span class="fa-stack fa-4x"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-database fa-stack-1x text-primary"></i> </span> <h3 class="h2-subtitle-services"> <strong>Hosting</strong> </h3> <p>Oferujemy miejsce hostingowe dla naszych klientów oraz pomoc przy rejestracji domen i publikacji stron WWW.</p><p><br><br><br><br></p> </div> </div> <div class="col-md-4 col-sm-4"> <div class="service-item"> <span class="fa-stack fa-4x"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-globe fa-stack-1x text-primary"></i> </span> <h3 class="h2-subtitle-services"> <strong>Projektowanie stron WWW</strong> </h3> <p>Przygotowujemy strony internetowe każdego typu - od prostych 'wizytówek', do witryn przystosowanych do samodzielnego zarządzaną treścią (CMS) i sklepów internetowych.<br><br> </p><p><br></p> </div> </div> <div class="col-md-4 col-sm-4"> <div class="service-item"> <span class="fa-stack fa-4x"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-shopping-cart fa-stack-1x text-primary"></i> </span> <h3 class="h2-subtitle-services"> <strong>Sklep stacjonarny</strong> </h3> <p>W sprzedaży posiadamy:</p> <p> Komputery PC<br> Laptopy<br> Tablety<br> Peryferia PC<br> Akcesoria komputerowe<br> </p> </div> </div> <div class="col-md-4 col-sm-4"> <div class="service-i…

  • Niewłaściwe użycie obszaru contentinfo

    Poziom
    ostrzeżenie · WCAG 2.2 (A) (ace_aria_contentinfo_misuse)
    Co to znaczy
    Obszar z rolą contentinfo (stopka strony) jest użyty niepoprawnie — występuje więcej niż raz na najwyższym poziomie albo jest zagnieżdżony w innym landmarku wbrew zasadom.
    Dlaczego to ważne
    Rola contentinfo oznacza główną stopkę strony i powinna być jedna, na najwyższym poziomie. Wielokrotne lub źle zagnieżdżone contentinfo dezorientuje użytkownika czytnika ekranu przy nawigacji po regionach.
    Jak to naprawić
    Zostaw jeden obszar contentinfo (główna stopka) na najwyższym poziomie strony. Stopki lokalne (np. sekcji) realizuj bez roli contentinfo lub jako zwykłe elementy.
    — Szczegóły reguły: Element z rolą „contentinfo” jest dozwolony tylko w obecności elementu z rolą „main”, WCAG 1.3.1 WCAG: 1.3.1
    Tekst i kontekst
    Tekst: Internet TimePaweł Mikołajczak ul. Poznańska 363-720 Koźmin Wielkopolski (62) 721 94 32 505 170 130 biuro@itime.pl Copyright © iTime 2…
    Kontekst: Menu Start O firmie Oferta Kontakt Internet Time Pracujemy na twój sukces. …
    Lokalizacja
    • XPath: 
      /html[1]/body[1]/footer[1]
    • Pozycja: x=0, y=3627, w=1280, h=461.9 (viewport 1280×720)
    Fragment HTML 
    <footer> <div class="container"> <div class="row"> <div class="col-lg-10 col-lg-offset-1 text-center"> <img height="100" src="img/logo.png" alt="Internet Time logotyp"> <h4> <strong>Internet Time<br>Paweł Mikołajczak</strong> </h4> <p>ul. Poznańska 3<br>63-720 Koźmin Wielkopolski</p> <ul class="list-unstyled"> <li> <i class="fa fa-phone fa-fw"></i>(62) 721 94 32 </li> <li> <i class="fa fa-mobile fa-fw"></i>505 170 130 </li> <li> <i class="fa fa-envelope-o fa-fw"></i> <a href="mailto:biuro@itime.pl">biuro@itime.pl</a> </li> </ul> <hr class="small"> <p class="text-muted">Copyright © iTime 2017</p> </div> </div> </div> </footer>
    Kontekst HTML 
    <body> <!-- Navigation --> <nav class="navbar navbar-default navbar-fixed-top"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Menu</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#top"> <img height="20" src="img/logo-mini.png" alt="Internet Time logotyp mobile"> </a> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li> <a href="#top">Start</a> </li> <li> <a href="#about">O firmie</a> </li> <li> <a href="#services">Oferta</a> </li> <li> <a href="#contact">Kontakt</a> </li> </ul> </div> </div> </nav> <!-- Header --> <header id="top" class="header"> <div class="text-vertical-center animated fadeInDownBig"> <img height="300" src="img/logo.png" alt="Internet Time logotyp"> <h1>Internet Time</h1> <h2 class="h1-subtitle">Pracujemy na twój sukces.</h2> </div> </header> <!-- About --> <section id="about" class="about"> <div class="container"> <div class="row"> <div class="col-lg-12 text-center"> <h2>O firmie</h2> <hr class="small"> <p class="lead">Internet Time działa na rynku już od 1994 roku.<br><br>Jesteśmy firmą, która działa w branży IT w obszarze outsourcingu usług IT, wdrożeń oraz integracji.<br><br>Posiadamy również dział programistyczny aplikacji desktop i WEB, dział związany z usługami internetowymi, hostingowy, oraz ISP.<br><br>W skład naszej firmy wchodzi również własny dział związany z usługami instalacyjnymi budujący sieci komputerowe, systemy elektronicznych zabezpieczeń takie jak: kontrola dostępu, monitoring, alarmy, PPOŻ.</p> <!--<p class="lead">Nasza firma posiada wieloletnie doświadczenie w branży IT.<br/>Świadczone przez nas usługi wykonujemy profesjonalnie oraz kompleksowo.</p>--> <p class="lead">Zapraszamy do zapoznania się z naszą ofertą.<br>Jesteśmy do Państwa usług.<br><br><br><br><br><br><br><br></p> </div> </div> <!-- /.row --> </div> <!-- /.container --> </section> <!-- Partnership --> <aside class="partnership" aria-label="Sekcja wyróżniająca firmę Internet Time"> <div class="text-vertical-center-2"> <h1>Internet Time</h1> <h2 class="h1-subtitle">Twój partner w biznesie.</h2> </div> </aside> <!-- Services --> <!-- The circle icons use Font Awesome's stacked icon classes. For more information, visit http://fontawesome.io/examples/ --> <section id="services" class="services bg-primary"> <div class="container"> <div class="row text-center"> <div class="col-lg-12"> <h2>Oferta</h2> <hr class="small"> <div class="row"> <div class="col-md-4 col-sm-4"> <div class="service-item"> <span class="fa-stack fa-4x"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-wifi fa-stack-1x text-primary"></i> </span> <h3 class="h2-subtitle-services"> <strong>Internet dla domu i firmy</strong> </h3> <p>Oferujemy usługę dostępu do Internetu klientom indywidualnym oraz klientom biznesowym. Zapewniamy szybkie i niezawodne łącze w oparciu o najnowsze technologie.<br></p> <!--<a …

  • Ramka (iframe) do sprawdzenia pod kątem dostępności

    Poziom
    ostrzeżenie · WCAG 2.2 (A) (ace_frame_src_valid)
    Co to znaczy
    Ramka <iframe> osadza treść, której dostępności nie da się automatycznie potwierdzić — wymaga ręcznej weryfikacji (m.in. tytułu ramki i dostępności treści w środku).
    Dlaczego to ważne
    Ramki bez tytułu są dla czytnika ekranu bezimienne, a niedostępna treść w środku pozostaje niedostępna niezależnie od strony nadrzędnej.
    Jak to naprawić
    Nadaj każdej znaczącej ramce atrybut title opisujący jej zawartość. Ramki czysto dekoracyjne/techniczne oznacz tak, by czytnik je pomijał. Zweryfikuj dostępność treści osadzonej.
    — Szczegóły reguły: Element <frame> zawierający treści inne niż HTML musi być udostępniony w sposób dostępny, WCAG 2.4.1 WCAG: 2.4.1
    Lokalizacja
    • XPath: 
      /html[1]/body[1]/section[3]/iframe[1]
    • Pozycja: x=0, y=3127, w=1280, h=500 (viewport 1280×720)
    Fragment HTML 
    <iframe title="lokalizacja Internet Time" width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJfWJw-f87BUcRcUn8V__4gBk&amp;key=AIzaSyC0V_rAsEiC_NGiJnTqKLsY6sWAt8C5hXg" allowfullscreen=""></iframe>
    Kontekst HTML 
    <section id="contact" class="map"> <iframe title="lokalizacja Internet Time" width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJfWJw-f87BUcRcUn8V__4gBk&amp;key=AIzaSyC0V_rAsEiC_NGiJnTqKLsY6sWAt8C5hXg" allowfullscreen=""></iframe> <br> </section>

  • Zasłonięty element z fokusem

    Poziom
    ostrzeżenie · WCAG 2.2 (AA) (ace_element_tabbable_unobscured)
    Co to znaczy
    Element, który otrzymuje fokus klawiatury, jest częściowo lub całkowicie zasłonięty przez inną treść (np. pasek przyklejony, baner cookie).
    Dlaczego to ważne
    Gdy fokusowany element jest zasłonięty, użytkownik klawiatury nie widzi, gdzie się znajduje — traci orientację i kontrolę.
    Jak to naprawić
    Zapewnij, że fokusowany element pozostaje widoczny (nie jest zasłaniany przez sticky/nakładki). Dostosuj przewijanie lub odstępy, by fokus był widoczny.
    Ograniczenie automatu
    Widoczność i kontrast wskaźnika fokusu najlepiej ocenić ręcznie, przechodząc stronę klawiszem Tab.
    — Szczegóły reguły: Gdy element otrzymuje fokus, nie jest całkowicie zasłonięty przez inną treść, WCAG 2.4.11 WCAG: 2.4.11
    Tekst i kontekst
    Kontekst: Menu
    Lokalizacja
    • Selector: 
      a[href="#top"]
    • XPath: 
      /html[1]/body[1]/nav[1]/div[1]/div[1]/a[1]
    • Pozycja: x=0, y=0, w=272.1, h=50 (viewport 1280×720)
    Fragment HTML 
    <a class="navbar-brand" href="#top"> <img height="20" src="img/logo-mini.png" alt="Internet Time logotyp mobile"> </a>
    Kontekst HTML 
    <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Menu</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#top"> <img height="20" src="img/logo-mini.png" alt="Internet Time logotyp mobile"> </a> </div>

  • Zasłonięty element z fokusem

    Poziom
    ostrzeżenie · WCAG 2.2 (AA) (ace_element_tabbable_unobscured)
    Co to znaczy
    Element, który otrzymuje fokus klawiatury, jest częściowo lub całkowicie zasłonięty przez inną treść (np. pasek przyklejony, baner cookie).
    Dlaczego to ważne
    Gdy fokusowany element jest zasłonięty, użytkownik klawiatury nie widzi, gdzie się znajduje — traci orientację i kontrolę.
    Jak to naprawić
    Zapewnij, że fokusowany element pozostaje widoczny (nie jest zasłaniany przez sticky/nakładki). Dostosuj przewijanie lub odstępy, by fokus był widoczny.
    Ograniczenie automatu
    Widoczność i kontrast wskaźnika fokusu najlepiej ocenić ręcznie, przechodząc stronę klawiszem Tab.
    — Szczegóły reguły: Gdy element otrzymuje fokus, nie jest całkowicie zasłonięty przez inną treść, WCAG 2.4.11 WCAG: 2.4.11
    Tekst i kontekst
    Tekst: Start
    Kontekst: Start
    Lokalizacja
    • Selector: 
      a[href="#top"]
    • XPath: 
      /html[1]/body[1]/nav[1]/div[1]/div[2]/ul[1]/li[1]/a[1]
    • Pozycja: x=272.1, y=0, w=59.6, h=50 (viewport 1280×720)
    Fragment HTML 
    <a href="#top">Start</a>
    Kontekst HTML 
    <li> <a href="#top">Start</a> </li>

ID analizy: 82270e57-4d50-4d9a-93fa-a1279556ba7c