Demo

Nadpisy

Tento nadpis preskočil úroveň:

Tento nadpis nemá vôbec žiadny text:

Tento krátky citát by mohol byť nadpisom:

Tento celotučný odsek by mohol byť nadpisom:

Som falošný nadpis

Tento nadpis je veľmi dlhý:

Textové alternatívy pre obrázky

Tento nadpis je tvorený obrázkom textu bez alternatívneho textu:

Obrázok bez atribútu alt vôbec:

Obrázok s neplatným atribútom alt, napr. alt="'"

Obrázok s názvom súboru ako alternatívny text

Obrázok s nadbytočným textom v alternatívnom texte, napríklad „obrázok:"

Prepojený obrázok s nadbytočným textom v alternatívnom texte, napríklad „obrázok:"

Obrázok so zástupným alternatívnym textom:

Prepojený obrázok so zástupným alternatívnym textom:

Obrázok s alternatívnym textom v strojovom kóde:

Prepojený obrázok s alternatívnym textom v strojovom kóde:

Obrázok s veľmi dlhým alternatívnym textom:

Obrázky v odkazoch, kde alternatívny text môže opisovať obrázok namiesto odkazu

Tento odkaz má text a obrázok.

Ľubovoľný prepojený obrázok (test predvolene vypnutý)

Obrázok vo figure označený ako dekoratívny:

Obrázok vo figure s alternatívnym textom rovnakým ako figcaption:

Obrázok v karuseli bez alternatívneho textu:

Kontrast

Nečitateľná kombinácia farieb:

Farba vyžaduje manuálnu kontrolu:

SVG grafika s nedostatočným kontrastom

SVG grafika, ktorej kontrast vyžaduje manuálnu kontrolu

Vložený obsah & médiá

Video označené na manuálnu kontrolu titulkov:

Audio potrebuje prepis:

Iframe bez titulku, ktorý tiež vyžaduje manuálnu kontrolu:

Iframe bez možnosti fokusu:

Vnorené interaktívne komponenty

Zmysluplné odkazy

Odkazy bez akéhokoľvek textu

Prázdne odkazy

Odkazy pomenované iba URL adresou:

https://www.youtube.com/watch?v=DLzxrzFCyOs

Odkazy pomenované iba symbolmi:

↣

Odkazy s rovnakými názvami vedú na rôzne miesta

Korytnačky Korytnačky

Odkazy pomenované iba číslom DOI:

doi.org/10.1145/3493612.3520468

Odkazy s nezmyselnými popiskami:

Kliknite tu

Prepojené ikony bez textových alternatív:

Odkazy otvárané v novom okne bez ikony externého odkazu alebo textového upozornenia

Upozornenie pre test otvorenia v novom okne.

Odkazy na PDF súbory

Veľa zábavy.

Odkazy na iné dokumenty

Falošný odkaz na dokument.

Odkazy s nadbytočnými atribútmi title

Ukážte na mňa

Odkazy s atribútmi, ktoré ich odstraňujú z poradia kariet:

Aria-hidden odkazy bez záporného tabindex.

Odkaz s atribútom aria-labelledby odkazujúcim na prvky bez textu:

Odkazy s generickými slovami v aria popisku:

zistiť viac

Prepojený obrázok bez alternatívneho textu:

Prepojený obrázok s nevysloviteľným alternatívnym textom:

Prepojený obrázok bez atribútu alt:

Prepojený obrázok bez atribútu alt v odkaze s textom:

Vyhľadávanie

Prepojený obrázok s iba názvom súboru ako alternatívny text:

Prepojený obrázok s podozrivo dlhým alternatívnym textom:

Nefunkčné kotviace odkazy na stránke

Toto ID neexistuje.

Odkazy na vývojársky server

Chyba

Duplicitné kotvy

Kotva 1 Kotva 2

Tabuľky

Tabuľky bez platných hlavičiek

Čitateľnosť

Podčiarknutý text

Trochu kurzívy je v poriadku, ale veľké bloky zdôrazneného textu nie sú veľmi čitateľné. Trochu je samozrejme prijateľné, ale sú tu limity a celý odsek je priveľa. Toto je napríklad celý odsek. Je to trochu ťažko čitateľné, nie? Ale tento test sa nespustí, kým nie je takto dlhý, takže by ste nemali vidieť falošné pozitívy vo vašom obsahu, pokiaľ pravidelne nepíšete naozaj veľké odseky ako tento.

Zarovnaný text

Nadmerný horný alebo dolný index; _{dolný index by sa mal používať pre malé referencie a poznámky pod čiarou, nie celé vety alebo odseky.}

Veľmi malé písmo

Formuláre

Tlačidlo bez popisky

Vstupy s neviditeľnou popiskou s otázkou, či existuje aj viditeľná popiska.

Vstupy s iba zástupným textom ako popiskou s otázkou, či existuje aj viditeľná popiska.

Zmiešavanie poradia kariet