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.
<!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>Rozpocznij test na IQ - 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 t3b cen">Dzisiaj przetestowano: <strong>160 osób</strong><img src="img/t3_l.png" alt="" />Łącznie: <strong>134523 przebadanych</strong></div>
OSTATNIE WYNIKI I LICZBA PRZETESTOWANYCH IQ -->
<!-- WŁĄCZANA STRONA -->
<div class="main cen">
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 41 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/row1.png" alt="" class="row"/>
<script type="text/javascript">
var answers=[];
var time=3600;
function countdown() {
if(time>=0) {
if(time==59) document.getElementById("clock").className="red";
min=Math.floor(time/60); if (mi
n<10) min="0"+min;
Character "<" is the first character of a delimiter but occurred as data.
Line 48 HTML Validation
This often occurs in text or JavaScript code when a bare angle bracket or ampersand is used instead of an entity reference.
n<10) min="0"+min;
sek=time%60; if(se
k<10) sek="0"+sek;
Character "<" is the first character of a delimiter but occurred as data.
Line 49 HTML Validation
This often occurs in text or JavaScript code when a bare angle bracket or ampersand is used instead of an entity reference.
k<10) sek="0"+sek;
document.getElementById("clock").value="00:"+min+":"+sek;
time--;
setTimeout("countdown();", 1000);
}
else {
time++;
window.alert("Koniec czasu! Uruchom test od początku.");
location.replace("glowna.html");
}
}
var lastQuest=1;
var first_end=true;
function getQuest(i) {
if(i!=21) {
if(i==1) document.getElementById("but_prev").style.display="none";
else document.getElementById("but_prev").style.display="block";
if(i==20) document.getElementById("but_next").style.display="none";
else document.getElementById("but_next").style.display="block";
if(time>0) {
if(i>20) i=1;
else if(
i<1) i=20;
Character "<" is the first character of a delimiter but occurred as data.
Line 70 HTML Validation
This often occurs in text or JavaScript code when a bare angle bracket or ampersand is used instead of an entity reference.
i<1) i=20;
document.getElementById("question").src="quest/"+i+".png";
for(j=1;
j<=6;j++) document.getElementById("quest"+j).src="quest/"+i+"_"+j+".png";
Character "<" is the first character of a delimiter but occurred as data.
Line 72 HTML Validation
This often occurs in text or JavaScript code when a bare angle bracket or ampersand is used instead of an entity reference.
j<=6;j++) document.getElementById("quest"+j).src="quest/"+i+"_"+j+".png";
document.getElementById("a"+lastQuest).className="";
document.getElementById("a"+i).className="act";
lastQuest=i;
setAnswer(answers[lastQuest]);
}
}
}
function isComplete() {
var tmp=true;
for(var i=1;
i<21;i++) if (answers[i]); else tmp=false;
Character "<" is the first character of a delimiter but occurred as data.
Line 83 HTML Validation
This often occurs in text or JavaScript code when a bare angle bracket or ampersand is used instead of an entity reference.
i<21;i++) if (answers[i]); else tmp=false;
return tmp;
}
var lastAnswer=1;
var abc=new Array("","A","B","C","D","E","F");
function setAnswer(i) {
if(time>0) {
answers[lastQuest]=i;
document.getElementById("ans"+lastAnswer).className="";
document.getElementById("ans"+i).className="act";
lastAnswer=i;
document.getElementById("answerId"+lastQuest).value=i;
document.getElementById("input"+lastQuest).value=abc[i];
if (isComplete()
&& first_end==true) {
Character "&" is the first character of a delimiter but occurred as data.
Line 97 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 97 HTML Validation
This often occurs in text or JavaScript code when a bare angle bracket or ampersand is used instead of an entity reference.
&& first_end==true) {
first_end=false;
document.getElementById("endtest").style.display="inline";
window.alert("To było ostatnie pytanie.\nMożesz zmienić swoje odpowiedzi lub zakończyć test klikając w przycisk poniżej testu.");
}
}
}
</script>
<div class="row2">
<b>Rozpocznij test na inteligencję!</b><br /> Oto sposób na zmierzenie własnego ilorazu inteligencji. Wykonaj 4 proste kroki, aby dowiedzieć się, jakie masz IQ. Zaczynajmy!<br />
1. Czeka na Ciebie 20 pytań. Na każde możesz udzielić 1 odpowiedzi. Za pomocą myszki wybierz odpowiedź. <br />
2. Po wybraniu odpowiedzi system sam przeniesie Cię do kolejnego pytania. Oczywiście możesz wrócić do poprzednich pytań, aby je poprawić - w tym celu kliknij w numer odpowiadający numerowi pytania. Nawigować między pytaniami możesz również za pomocą przycisków Dalej oraz Wstecz.<br />
3. Gdy odpowiesz na wszystkie 20 pytań, kliknij w Zakończ test na IQ. <br />
4. Zostaniesz przeniesiony na stronę z podsumowaniem testu. Wykonaj polecenia zawarte na stronie i dowiedz się, jakim ilorazem IQ dysponujesz!<br /><br />
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.
<img src="img/tit5.png" alt="" />
<div class="clock">
Pozostały czas:
<input type="text" id="clock" disabled="disabled"/>
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 113 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 113 Usability.gov 13:5
Make sure each INPUT field has an associated LABEL tag describing the field.
<input type="text" id="clock" disabled="disabled"/>
</div>
<div class="test">
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 116 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/test1.png" alt="" />
<div class="question">
<p>
<img src="quest/1.png" alt="" id="question" /></p>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 118 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="quest/1.png" alt="" id="question" /></p>
</div>
<div class="nav">
<div style="overflow:hidden"><script type="text/javascript">for(var i=1;
i<=20; i++) document.write('<a id="
a'+i+'" href="javascript:getQuest('+i+');
">'+i+'</a>'); </script></div>
Character "<" is the first character of a delimiter but occurred as data.
Line 121 HTML Validation
This often occurs in text or JavaScript code when a bare angle bracket or ampersand is used instead of an entity reference.
i<=20; i++) document.write('<a id="
a'+i+'" href="javascript:getQuest('+i+');
">'+i+'</a>'); </script></div>
<div style="overflow:hidden"><script type="text/javascript">for(var i=1;
i<=20; i++) document.write('<input type="text" id="inpu
t'+i+'" disabled="disabled"
/>'); </script></div>
Character "<" is the first character of a delimiter but occurred as data.
Line 122 HTML Validation
This often occurs in text or JavaScript code when a bare angle bracket or ampersand is used instead of an entity reference.
i<=20; i++) document.write('<input type="text" id="inpu
t'+i+'" disabled="disabled"
/>'); </script></div>
<p>Wybierz brakującą figurę:</p>
</div>
<div class="options">
<script type="text/javascript">for(var i=1;
i<=6; i++) {document.write('<a id="an
s'+i+'" href="javascript:setAnswer('+i+');'); document.write('getQuest(lastQuest+1);');document.write('
"><div class="num
">'+abc[i]+'</div><img src="quest/1_'+i+'.png" alt="" id="ques
t'+i+'" /></a>');} </script>
Character "<" is the first character of a delimiter but occurred as data.
Line 126 HTML Validation
This often occurs in text or JavaScript code when a bare angle bracket or ampersand is used instead of an entity reference.
i<=6; i++) {document.write('<a id="an
s'+i+'" href="javascript:setAnswer('+i+');'); document.write('getQuest(lastQuest+1);');document.write('
"><div class="num
Document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag.
Line 126 HTML Validation
This page has markup errors, causing screen readers to miss content.
Line 126 WCAG 2.0 A F70
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
">'+abc[i]+'</div><img src="quest/1_'+i+'.png" alt="" id="ques
t'+i+'" /></a>');} </script>
</div>
All ONCLICK handlers should have an equivalent ONKEYPRESS handler.
Some users are unable to use a mouse, so use the keyboard instead. Add an equivalent keyboard event handler to help these users.
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 128 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/but_next.png" id="but_next" alt="" class="but but2" id
=
Two or more elements on this page share the same ID, which cause problems in screen readers which use IDs for labeling controls and table headings.
This also causes problems in JavaScript methods like getElementById and querySelector, which behave inconsistently when duplicate IDs are present.
Change the ID so it is unique for each element.
"but_next" onclick="javascript:getQuest(lastQuest+1);" />
All ONCLICK handlers should have an equivalent ONKEYPRESS handler.
Some users are unable to use a mouse, so use the keyboard instead. Add an equivalent keyboard event handler to help these users.
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 130 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/but_prev.png" alt="" class="but" id="but_prev" onclick="javascript:getQuest(lastQuest-1);" /><br/>
<form action="koniec.html" method="post">
<script type="text/javascript">for(var i=1;
i<=20; i++)document.write('<input type="hidden" name="answer'+i+'" id="answerI
d'+i+'"
/>');</script>
Character "<" is the first character of a delimiter but occurred as data.
Line 133 HTML Validation
This often occurs in text or JavaScript code when a bare angle bracket or ampersand is used instead of an entity reference.
i<=20; i++)document.write('<input type="hidden" name="answer'+i+'" id="answerI
d'+i+'"
/>');</script>
<input name="end_test" value="1" type="hidden"/>
<input type="submit" id="endtest" alt="" class="but3" style="cursor: pointer;cursor:hand;background-image:url(img/but_end.png);width:147px;height:30px;border:0px;display:none;" value="" />
</form>
</div>
</div>
<script type="text/javascript">
countdown();getQuest(1);
</script>
</div>
<!-- /WŁĄCZANA STRONA -->
<!-- AUTOPRZEMIENNY BANNER NA DOLE STRONY -->
<!-- /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 157 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 159 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 159 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 176 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 176 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>