Issues:
A search option should be provided on all pages where it may be useful - users should not have to return to the homepage to conduct a search. Search engines can be helpful on content-rich web sites, but do not add value on other types of sites.
If you want to check spelling, set the language using the Choose Rules command in the Desktop edition or the Edit Scan command in the OnDemand edition.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pl">
<head>
<title>Test inteligencji - Test IQ</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<meta name="google-site-verification" content="th362cSDji1AfEpg_k_xWuXo0CGL8bPHM90GEXxCeT0" />
<meta name="keywords" content="test iq, test na inteligencję, inteligencja, iloraz inteligencji" />
<meta name="description" content="Sprawdź swoją inteligencję! Wykonaj szybki test IQ i poznaj swój iloraz inteligencji!" />
<base href="http://testiq.net.pl" />
<link rel="stylesheet" type="text/css" href="img/style.css" />
<script type="text/javascript" src="cms/jquery.js"></script>
<script type="text/javascript" src="cms/jquery.cycle.all.latest.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('.slideshow').cycle({ fx: 'fade' });
});
</script>
</head>
Add an H1 tag just before the main content describing the page.
<body>
<div class="t1 cen">
<a href="javascript:loguj();"></a></div>
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT tag is blank, screen readers have nothing to read, so read out the URL instead.
Link A elements labelled with a TITLE attribute, and only containing an image don't work in:
- WindowEyes 8.4 with IE11 (the link HREF is read instead)
- VoiceOver on OSX 10.9 (the image filename is read instead)
<a href="javascript:loguj();"></a></div>
<div class="t2 cen">
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT tag is blank, screen readers have nothing to read, so read out the URL instead.
Link A elements labelled with a TITLE attribute, and only containing an image don't work in:
- WindowEyes 8.4 with IE11 (the link HREF is read instead)
- VoiceOver on OSX 10.9 (the image filename is read instead)
<a href="http://testiq.net.pl" class="logo" title="test IQ"></a>
<!-- MENU GŁÓWNE -->
<div class="menu">
<a href="/">
<img src="img/m1.png" alt="Test IQ" /></a>
<a href="test.html" title="Rozpocznij test na IQ!">
<img src="img/m2.png" alt="Rozpocznij test na IQ!!" /></a><a href="ciekawostki.html">
<img src="img/m3.png" alt="Ciekawostki IQ" /></a><a href="statystyki.html">
<img src="img/m4.png" alt="Statystyki IQ" /></a><a href="top100.html">
<img src="img/m5.png" title="Lista TOP 100" alt="Najlepsze testy IQ - wyniki" /></a>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 29 Usability.gov 14:3
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img src="img/m1.png" alt="Test IQ" /></a>
Without a skip link, screen readers read out the navigation links on every page before reading the page content.
Headings can be a substitute in limited circumstances, but they're not used by all screen reader users,
and many other assistive technology users have no way to navigate via headings.
Add a "Skip to Content" link at the start of the document hidden offscreen by CSS, and made visible on focus, so it's available to keyboard and screen reader users:
<a class="accessible" href="#main">[Skip to Content]</a>
<a href="test.html" title="Rozpocznij test na IQ!">
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 29 Usability.gov 14:3
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img src="img/m2.png" alt="Rozpocznij test na IQ!!" /></a><a href="ciekawostki.html">
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 29 Usability.gov 14:3
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img src="img/m3.png" alt="Ciekawostki IQ" /></a><a href="statystyki.html">
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 29 Usability.gov 14:3
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img src="img/m4.png" alt="Statystyki IQ" /></a><a href="top100.html">
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 29 Usability.gov 14:3
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img src="img/m5.png" title="Lista TOP 100" alt="Najlepsze testy IQ - wyniki" /></a>
</div>
<!-- /MENU GŁÓWNE -->
</div>
<!-- OSTATNIE WYNIKI I LICZBA PRZETESTOWANYCH IQ
<div class="t3 cen">Dzisiaj przetestowano: <strong>160 osób</strong><img src="img/t3_l.png" alt="" />Łącznie: <strong>134523 przebadanych</strong></div>
<div class="t4 cen">
<img src="img/step1.png" alt="" />
<a href="test.html"><img src="img/step2.png" alt="" /></a>
<a href="javascript:loguj();"><img src="img/step3.png" alt="" /></a>
</div>
OSTATNIE WYNIKI I LICZBA PRZETESTOWANYCH IQ -->
<!-- WŁĄCZANA STRONA -->
<div class="main cen">
<!-- CO TO JEST TEST IQ -->
<div class="col1b">
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 49 Usability.gov 14:3
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img src="img/tit1.png" alt="Co to jest IQ?"/>
<div class="brain">
<p>Skrót IQ to z ang. Intelligence Quotient, co w języku polskim oznacza <b>Iloraz Inteligencji</b>. IQ wskazuje wartość wyrażoną w postaci liczby całkowitej, którą otrzymujemy po wykonaniu testu psychometrycznego.<br />
<br />
Na podstawie takiego testu jesteśmy w stanie ocenić naszą inteligencję. Poniżej wartości 50 mamy do czynienia z niedorozwojem, liczba w granicach 50-85 oznacza pogranicze normy, a 86 i wyżej to prawidłowy rozwój umysłowy. <br />
Jeśli test inteligencji wykazał wynik od 130 wzwyż - oznacza </p>
</div>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 56 Usability.gov 14:3
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img src="img/col1b.png" alt=""/>
</div>
<!-- /CO TO JEST TEST IQ -->
<!-- CIEKAWOSTKI IQ -->
<div class="col1">
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 62 Usability.gov 14:3
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img src="img/tit2.png" alt="Ciekawostki IQ"/>
<p>
<br/>Wpływ śniadania na inteligencję dzieci <span class="date"> <br/>+ dodano 2014-11-17 11:27:53</span><br/>
Uczeni od pokoleń starają się wpoić ludzkości, że śniadanie to najważniejszy posiłek dnia. Pierwszy, pełnowartościowy posiłek ma zapewnić nam (...) <a href="ciekawostka/Wplyw-sniadania-na-inteligencje-dzieci/19.html">czytaj dalej »</a><br/>
</p>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 69 Usability.gov 14:3
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img src="img/col1.png" alt=""/>
</div>
<!-- /CIEKAWOSTKI IQ -->
<!-- TOP 100 IQ -->
<div class="col1">
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 76 Usability.gov 14:3
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img src="img/tit3.png" alt="Top100"/>
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 77 Usability.gov 14:3
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img src="img/cup.png" style="float:right;"
/>
<p>
<strong>1.</strong> Zuzanna xxx - <strong>151</strong><br/>
<strong>2.</strong> Damian Mazur - <strong>148</strong><br/>
<strong>3.</strong> alina pikulska - <strong>148</strong><br/>
<strong>4.</strong> Krzysztof xxxxxx - <strong>148</strong><br/>
<strong>5.</strong> - <strong>148</strong><br/>
<strong>6.</strong> Patryk Minda - <strong>148</strong><br/>
<strong>7.</strong> Oskar S. - <strong>148</strong><br/>
<strong>8.</strong> Paweł Siwor - <strong>142</strong><br/>
<strong>9.</strong> Bartosz Grobelny - <strong>142</strong><br/>
<strong>10.</strong> Mirosław Romanowski - <strong>142</strong><br/>
<br/>
<a href="top100.html"><b>Przejdź do naszej listy top 100</b></a> - anonimowych badanych, którzy osiągnęli najwyższy wynik w naszym teście IQ. Rozwiąż <b>test IQ</b> i przekonaj się czy jesteś w stanie dołączyć do geniuszy!
</p>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 102 Usability.gov 14:3
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img src="img/col1.png" alt=""/>
</div>
<!-- /TOP 100 IQ --> </div>
<!-- /WŁĄCZANA STRONA -->
<!-- AUTOPRZEMIENNY BANNER NA DOLE STRONY -->
JavaScript changes: added cyclepause='0' added cyclestop='0' added cycletimeout='2'
<div class="slideshow"> Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 109 Usability.gov 14:3
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
JavaScript changes: added cycleh='254' added cyclew='1012'
<img src="img/barack-obama.png" />
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 110 Usability.gov 14:3
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
JavaScript changes: added cycleh='254' added cyclew='1012'
<img src="img/bill-gates.png" />
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 111 Usability.gov 14:3
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
JavaScript changes: added cycleh='254' added cyclew='1012'
<img src="img/albert-einstein.png" />
</div>
<!-- /AUTOPRZEMIENNY BANNER NA DOLE STRONY -->
<!-- STOPKA -->
<div class="foot cen">
<a href="http://testiq.net.pl" title="test iq">Strona Główna</a> |
<a href="test.html">Rozpocznij test IQ</a> | <a href="ciekawostki.html">Ciekawostki IQ</a> | <a href="statystyki.html">Statystyki</a> | <a href="top100.html">TOP100</a> | <a href="regulamin.html">Regulamin</a> | <a href="kontakt.html">Kontakt</a>
Without a skip link, screen readers read out the navigation links on every page before reading the page content.
Headings can be a substitute in limited circumstances, but they're not used by all screen reader users,
and many other assistive technology users have no way to navigate via headings.
Add a "Skip to Content" link at the start of the document hidden offscreen by CSS, and made visible on focus, so it's available to keyboard and screen reader users:
<a class="accessible" href="#main">[Skip to Content]</a>
<a href="test.html">Rozpocznij test IQ</a> | <a href="ciekawostki.html">Ciekawostki IQ</a> | <a href="statystyki.html">Statystyki</a> | <a href="top100.html">TOP100</a> | <a href="regulamin.html">Regulamin</a> | <a href="kontakt.html">Kontakt</a>
</div>
<div id="logowanie" style="display:none">
<div id="checkbg"></div>
<div id="check">
<div class="block">
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT tag is blank, screen readers have nothing to read, so read out the URL instead.
Link A elements labelled with a TITLE attribute, and only containing an image don't work in:
- WindowEyes 8.4 with IE11 (the link HREF is read instead)
- VoiceOver on OSX 10.9 (the image filename is read instead)
<a href="javascript:loguj_cl();">
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 123 Usability.gov 14:3
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img src="img/log_1.png" alt="" /></a>
<form action="wynik.html" method="post">
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control, or enclose the control in a LABEL tag. This allows screen readers to tell the user what each control does.
This form has fields without LABEL elements or TITLE attributes.
Line 125 Section 508 1194.22 (n)
Screen readers use LABEL elements or TITLE attributes to describe form fields to non-sighted users.
Without these, forms are very hard to use with a screen reader.
Forms designed to be completed online shall allow people using assistive technology to access the information, field elements, and functionality required for completion and submission of the form, including all directions and cues.
Use LABEL tags for each data entry field to show what data is expected.
Line 125 Usability.gov 13:5
Make sure each INPUT field has an associated LABEL tag describing the field.
<input type="text" name="checkkod" class="txt" />
<p>Wpisz ID testu:</p>
INPUT TYPE=IMAGE tags must have an ALT attribute.
Add an ALT attribute describing the button action, which screen readers read aloud.
<input type="image" src="img/log_3.png" alt="" class="sub" />
</form>
</div>
</div>
</div>
<!-- /STOPKA -->
<!-- SKRYPT LOGOWANIA DO WYNIKU IQ -->
<script type="text/javascript">
function loguj(){
document.getElementById("logowanie").style.display="block";
var windowHeight = window.innerHeight>document.body.scrollHeight?window.innerHeight:document.body.scrollHeight;
var scroll;
if (self.pageYOffset) {
scroll = self.pageYOffset;
} else if (document.documentElement
&& document.documentElement.scrollTop){ // Explorer 6 Strict
Character "&" is the first character of a delimiter but occurred as data.
Line 142 HTML Validation
This often occurs in text or JavaScript code when a bare angle bracket or ampersand is used instead of an entity reference.
Character "&" is the first character of a delimiter but occurred as data.
Line 142 HTML Validation
This often occurs in text or JavaScript code when a bare angle bracket or ampersand is used instead of an entity reference.
&& document.documentElement.scrollTop){ // Explorer 6 Strict
scroll = document.documentElement.scrollTop;
} else if (document.body) {// all other Explorers
scroll = document.body.scrollTop;
}
document.getElementById('checkbg').style.height = (windowHeight + 'px');
document.getElementById('check').style.top = (scroll + 'px');
}
function loguj_cl(){
document.getElementById("logowanie").style.display="none";
}
</script>
<!-- /SKRYPT LOGOWANIA DO WYNIKU IQ -->
</body>
</html>