Provide a search option on each page of content-rich web sites.
Line 1 Usability.gov 17:4
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>Ciekawostki - 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>
This page has no H1 tag, which violates Bing webmaster guidelines.
Line 22 Bing
Add an H1 tag just before the main content describing the page.
<body>
<div class="t1 cen">
<a href="javascript:loguj();"></a></div>
Each A tag must contain text or an IMG with an ALT attribute.
Line 23 WCAG 2.0 A F89
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">
Each A tag must contain text or an IMG with an ALT attribute.
Line 25 WCAG 2.0 A F89
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>
Provide a way to skip repetitive navigation links.
Line 29 Section 508 1194.22 (o)
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">
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 47 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=""/>
<div class="row">
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/tit4.png" alt="" />
<a href="ciekawostka/Wplyw-sniadania-na-inteligencje-dzieci/19.html"><h
2>Wpływ śniadania na inteligencję dzieci</h2></a>
Document type does not allow element "h2" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag.
Line 51 HTML Validation
This page has markup errors, causing screen readers to miss content.
Line 51 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.
2>Wpływ śniadania na inteligencję dzieci</h2></a>
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 energię na cały dzień. Czy jednak to jedyna misja śniadania w codzienności ludzkiej? Oczywiście, że nie - badania dowodzą, że śniadanie ma największy wpływ (...)
<a href="ciekawostka/Wplyw-sniadania-na-inteligencje-dzieci/19.html">czytaj dalej »</a>
Provide a way to skip repetitive navigation links.
Line 52 Section 508 1194.22 (o)
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="ciekawostka/Wplyw-sniadania-na-inteligencje-dzieci/19.html">czytaj dalej »</a>
<a href="ciekawostka/Ciekawostki-o-mozgu/18.html"><h
2>Ciekawostki o mózgu</h2></a>
Document type does not allow element "h2" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag.
Line 53 HTML Validation
2>Ciekawostki o mózgu</h2></a>
Inteligencja bezpośrednio związana jest z mózgiem. Dziś przedstawimy Wam garść ciekawostek na temat jednego z najważniejszych organów w ciele ludzkim.Masa mózgu - nasz mózg waży od 1200 gramów do 1400 gramów (masa u dorosłego człowieka). Móz (...) <a href="ciekawostka/Ciekawostki-o-mozgu/18.html">czytaj dalej »</a>
<a href="ciekawostka/Testy-inteligencji-trening-umyslu/17.html"><h
2>Testy inteligencji - trening umysłu</h2></a>
Document type does not allow element "h2" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag.
Line 55 HTML Validation
2>Testy inteligencji - trening umysłu</h2></a>
Jeżeli uważamy, że geniusze rodzą się genialni, a cudowne dzieci wyssały mądrość z mlekiem matki - jesteśmy w poważnym błędzie. Inteligencja nie była, nie jest i nigdy nie będzie dziedziczona. Owszem, ludzie cechują się różną przyswajalnością wiedzy, przez co szybciej lub wolniej asymilują nowi (...) <a href="ciekawostka/Testy-inteligencji-trening-umyslu/17.html">czytaj dalej »</a>
<a href="ciekawostka/Inteligencja-dawniej-a-dzis/16.html"><h
2>Inteligencja dawniej a dziś</h2></a>
Document type does not allow element "h2" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag.
Line 57 HTML Validation
2>Inteligencja dawniej a dziś</h2></a>
Człowieka od zwierząt odróżnia umysł i możliwości, które gwarantują grupie homo sapiens podejmowanie decyzji (nie zawsze słusznych, ale jednak podjętych samodzielnie). Mamy możliwość przeanalizować sytuację, nie kierujemy się tylko instynktem - logiczne podejście do życia zapewnia nam
m& (...) <a href="ciekawostka/Inteligencja-dawniej-a-dzis/16.html">czytaj dalej »</a> </div>
Character "&" is the first character of a delimiter but occurred as data.
Line 58 HTML Validation
This often occurs in text or JavaScript code when a bare angle bracket or ampersand is used instead of an entity reference.
m& (...) <a href="ciekawostka/Inteligencja-dawniej-a-dzis/16.html">czytaj dalej »</a> </div>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 59 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/row2.png" alt=""/> </div>
<!-- /WŁĄCZANA STRONA -->
<!-- AUTOPRZEMIENNY BANNER NA DOLE STRONY -->
<div class="slideshow">
IMG tags must have an ALT attribute.
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 64 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/barack-obama.png"
Required attribute "alt" not specified.
Line 64 HTML Validation
/>
IMG tags must have an ALT attribute.
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 65 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/bill-gates.png"
Required attribute "alt" not specified.
Line 65 HTML Validation
/>
IMG tags must have an ALT attribute.
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 66 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/albert-einstein.png"
Required attribute "alt" not specified.
Line 66 HTML Validation
/>
</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>
Provide a way to skip repetitive navigation links.
Line 72 Section 508 1194.22 (o)
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">
Each A tag must contain text or an IMG with an ALT attribute.
Line 78 WCAG 2.0 A F89
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 78 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 80 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 80 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 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.
&& 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>