Issues:
Each section of content should begin with a heading tag (H1, H2, H3), but this page has no heading tags.
Line 1 WCAG2 AAA 2.4.10
Divide the content with headings so that the top level heading is H1, sub-headings are H2 and so on. Use CSS style rules to change heading font styles if needed.
The doctype of this page triggers quirks mode in IE, Firefox and most other browsers. This means pages may look different in different browsers.
Change the DOCTYPE statement to one that does not trigger quirks mode.
This page has no privacy policy. If your web server logs visits, then every page reachable by a search engine should have a privacy policy explaining what is logged and how the logs are used.
Line 1 EU Privacy Regulations
Minimize the time required to download a Web site's pages. This page or file took 13 seconds to load.
Line 1 Usability.gov 2:6
Users rate download times up to five seconds as 'good' and over ten seconds as 'poor'.
Reduce the download time to 5 seconds or less by reducing the size of the page.
Have a link labeled 'Home' on every page on the site, except for the home page.
Line 1 Usability.gov 5:1
Many sites place the organization's logo on the top of every page and link it to the homepage.
While many users expect logos are clickable, around 25% will not realize that links to the homepage.
Therefore, include a link labeled 'Home' near the top of the page to help those users.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >
In HTML add a LANG attribute to the HTML tag, and in PDF set the language using Document Properties in Acrobat. This allows screen readers to pronounce words correctly.
<html>
<head>
<title>Pendaftaran Anggota - Toko Buku Online</title>
<link REL="SHORTCUT ICON" HREF="images/favicon.ico">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /
>
Add an H1 tag just before the main content describing the page.
>
<meta http-equiv="Content-Language" content="EN"
/>
/>
<meta name="Keywords" content="toko buku online murah, buku diskon, hadiah buku, buku kita,buku,TOKO,BUKU,bacaan,novel,cerpen,best seller,beli buku, jual buku,toko buku,buku sekolah,buku baru,buku komputer,jual,belanja,belanja online,katalog,katalog buku,buku sekolah,pustaka,resensi,pustaka,pengarang,penulis,judul,kitab suci,kitab,suci,tafsir,al quran,qur'an,buku islam,alkitab,kamus,aksara,orang tua, anak, remaja,bahasa,sd,slta,sltp,ekonomi,filsafat,hukum,kedokteran,psikologi,komputer,gramedia,gunung agung,budaya,penerbit,kompas,pustaka,pelajar,mahasiswa,majalah,komik,cerita lucu,sepakbola,bulletin,tabloid,editor,online,tafsir,mizan,kaifa,agromedia,andi offset, bip, dinastindo,e plus, elex media, escaeva,metafor,mizan,nafiri,matahati,serambi,habibie center,zahra,prabowo,habibie,editorial,news"
/>
/>
<meta name="Description" content="Toko Buku Online BukuKita.COM - Komunitas Buku Indonesia. Buku murah, banjir diskon dan hadiah. Pendaftaran Anggota."
/>
/>
<meta name="Abstract" content="Toko Buku Online BukuKita.COM - Komunitas Buku Indonesia - Toko Buku Murah Diskon dan Berhadiah - Beli Buku Murah, Buku Diskon, Undian Buku Gratis dan Undian Berhadiah Buku"
/>
/>
<meta name="distribution" content="Global"
/>
/>
<meta name="resource-type" content="document"
/>
/>
<meta name="ROBOTS" content="INDEX,FOLLOW"
/>
/>
<meta name="Designer" content="webmaster@bukukita.com"
/>
/>
<meta name="Owner" content="admin@bukukita.com
">
">
<meta name="Author" content="bukukita.com
">
">
<meta name="revisit-after" content="1 days
">
">
<link type="text/css" href="js/ui.tabs.css" rel="stylesheet
">
">
<link type="text/css" href="js/demos.css" rel="stylesheet
">
">
<script src="js/jquery-1.3.2.min.js
"></script>
"></script>
<script src="js/ui.core.js
"></script>
"></script>
<script src="js/ui.tabs.js
"></script>
"></script>
<script src="js/ui.carousel.js
"></script>
"></script>
<script src="js/effects.core.js
"></script>
"></script>
<script src="js/effects.slide.js
"></script>
"></script>
<!--<Script Language="JavaScript">
function loadChatterBox(){
var load = window.open("Chatter_box.php",'','scrollbars=yes,menubar=no,height=600,width=300,resizable=no,toolbar=no,location=no,status=no');
}
</Script>
-->
Replace the language attribute with type="text/javascript"
<Script Language="JavaScript
">
">
<!--Script courtesy of http://www.web-source.net - Your Guide to Professional Web Site Design and Development //-->
function loadintro() {
var load = window.open('images/intro.swf','','scrollbars=no,menubar=no,height=576,width=720,resizable=no,toolbar=no,location=no,status=no');
}
</Script>
<style type="text/css
">
">
In HTML the color attributes are TEXT, BGCOLOR, LINK, ALINK and VLINK. In CSS the attributes are COLOR and BACKGROUND-COLOR.
Some users have browser defaults set to white text on a black background, so setting one color without setting the others can result in black text on a black background.
<!--
body,td,th {
font-family
: Verdana, Arial, sans-serif;
Absolute units are CM, MM, IN, PC and PT. When used with fonts PX is also considered an absolute unit,
because it isn't relative the user's preferred font size.
Low-vision users often use the "large fonts" mode of Windows, which makes each pixel larger than usual.
This usually causes problems with pixel based layouts, which also perform badly on handheld
and widescreen displays. Percentage values "stretch" according to screen size and work on a large
range of display sizes.
The following are all smaller than 12 point:
- <p style="font-size: 11pt;" >
- <p style="font-size: 11px;" >
- <p style="font-size: small;" >
- <font size="2" >
- <font size="-1" >
: Verdana, Arial, sans-serif;
font-size: 11px;
color: #333333;
In HTML the color attributes are TEXT, BGCOLOR, LINK, ALINK and VLINK. In CSS the attributes are COLOR and BACKGROUND-COLOR.
Some users have browser defaults set to white text on a black background, so setting one color without setting the others can result in black text on a black background.
}
body {
background-color: #FFFFFF /*E2E2E2;*/;
Removing the underline from links makes it hard for color-blind users to see them.
Remove the text-decoration:none property from your link styles, or add other non-color style attributes to visually distinguish links.
}
a:link {
text-decoration: none;
color: #7B7B7D /*1E71C4*/;
Browsers prevent the :visited CSS selector from making layout changes or including images,
because this allows a website to determine which other websites you've visited.
}
a:visited {
text-decoration: none;
color: #7B7B7D /*1E71C4*/;
}
a:hover {
text-decoration: none;
color: #0085CF /*F69739*/;
Removing the underline from links makes it hard for color-blind users to see them.
Remove the text-decoration:none property from your link styles, or add other non-color style attributes to visually distinguish links.
}
a:active {
text-decoration: none;
}
-->
</style>
<link href="bukukita.css" rel="stylesheet" type="text/css"
/>
/>
Replace the language attribute with type="text/javascript"
<script type="text/javascript" language="JavaScript1.2" src="stm31.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-24092805-1']);
_gaq.push(['_setDomainName', '.bukukita.com']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script><script src="babacms/includes/js/function.js
"></script>
"></script>
</hea
d>
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
This page has malformed tags which IE8 and later treat differently from earlier versions of IE.
Line 82 Internet Explorer
Fix the errors listed on the Standards tab of this report.
Markup errors like missing end tags means IE8 and IE9 may display different content from IE6 and IE7.
Fix the critical errors listed on the Standards tab of this report. Markup errors like missing end tags or unclosed comments mean search engine web crawlers may skip important content.
d>
The BODY LEFTMARGIN attribute is an Internet Explorer specific extension.
Replace this with a CSS rule:
body { margin: 4px; }
The BODY TOPMARGIN attribute is an Internet Explorer specific extension.
Replace this with a CSS rule:
body { margin: 4px; }
Add an H1 tag just before the main content describing the page.
<body leftmargin
="0" topmargin
="0" marginwidth
="0" marginheight
="0
">
This happens when the version of HTML used on this page doesn't support an attribute with this name. This can happen
if the attribute is misspelled, is uppercase or mixed case in XHTML, or isn't supported by some HTML versions.
For example, HTML 4 DOCTYPEs don't allow HTML 5 attributes and Strict DOCTYPEs don't allow stylistic attributes
which were present in earlier versions of HTML.
="0" topmargin
This happens when the version of HTML used on this page doesn't support an attribute with this name. This can happen
if the attribute is misspelled, is uppercase or mixed case in XHTML, or isn't supported by some HTML versions.
For example, HTML 4 DOCTYPEs don't allow HTML 5 attributes and Strict DOCTYPEs don't allow stylistic attributes
which were present in earlier versions of HTML.
="0" marginwidth
This happens when the version of HTML used on this page doesn't support an attribute with this name. This can happen
if the attribute is misspelled, is uppercase or mixed case in XHTML, or isn't supported by some HTML versions.
For example, HTML 4 DOCTYPEs don't allow HTML 5 attributes and Strict DOCTYPEs don't allow stylistic attributes
which were present in earlier versions of HTML.
="0" marginheight
This happens when the version of HTML used on this page doesn't support an attribute with this name. This can happen
if the attribute is misspelled, is uppercase or mixed case in XHTML, or isn't supported by some HTML versions.
For example, HTML 4 DOCTYPEs don't allow HTML 5 attributes and Strict DOCTYPEs don't allow stylistic attributes
which were present in earlier versions of HTML.
="0
">
Replace the ALIGN attribute with a CSS text-align attribute.
<table width="1002" align="center" border="0" cellspacing="0">
<tr>
<td align="center" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
Use background images sparingly and make sure they are simple, especially behind text.
Line 88 Usability.gov 14:1
Background images can make it difficult for users to read foreground text. A single, large, complex background image (including a picture) can substantially slow page download rates.
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="1024" height="109" background
This happens when the version of HTML used on this page doesn't support an attribute with this name. This can happen
if the attribute is misspelled, is uppercase or mixed case in XHTML, or isn't supported by some HTML versions.
For example, HTML 4 DOCTYPEs don't allow HTML 5 attributes and Strict DOCTYPEs don't allow stylistic attributes
which were present in earlier versions of HTML.
="images/header_newlogo1.jpg"><div style="width:54%; margin-left:350px; margin-top:33px"><table width="100%" border="0" cellpadding="2" cellspacing="2" style="margin-left:-80px;">
Replace the language attribute with type="text/javascript"
<Script LANGUAGE="JavaScript
">
Document type does not allow element "SCRIPT" here; assuming missing "CAPTION" start-tag.
Line 89 HTML Validation
">
function showpagesearch(form)
{
var item = form.id.selectedIndex;
choice = form.id.options[item].value;
if (choice!="") top.location.href=(choice);
};
function loadhelp()
{
var load = window.open('help_cari.htm','','scrollbars=yes,menubar=no,height=300,width=400,resizable=yes,toolbar=no,location=no,status=no');
};
function cekId(form)
{
if(form.id.value=="")
{
alert("Silahkan pilih kategori pencarian terlebih dahulu.");
return 0;
}
};
</script>
Forms that force users to shift back and forth between keyboard and mouse substantially slow their entry speed. This form contains text boxes requiring keyboard input, and other controls requiring mouse input.
Line 110 Usability.gov 13:13
Replace the dropdown list with a control that allows keyboard input, so the whole form can be completed using the keyboard.
<form action="searchresult.php" method="post" name="isi_cari
">
Document type does not allow element "FORM" here; missing one of "TH", "TD" start-tag.
Line 110 HTML Validation
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
">
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td align="left" width="1%" valign="top
">
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.
<img src="images/cari_berdasarkan.gif
"></td>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td align="left" width="1%" valign="top
">
SELECT lists cannot be operated from the keyboard if they have an ONCHANGE handler that performs navigation, because the handler fires as the user moves the selection up and down using the keyboard.
Line 113 WCAG2 A F36
Moving through list items using the arrow keys will jump to another page unexpectedly.
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control. This allows screen readers to tell the user what each control does.
Do not wrap LABEL tags around input controls (implicit labels) since this is very unreliable in older screen readers.
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.
Display default values whenever a likely default choice can be defined. Provide a default selection for SELECT lists.
Line 113 Usability.gov 13:18
When likely default values are known, offer those values to speed data entry. The initial or default item could be the most frequently selected item or the last item selected by that user.
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.
<select size="1" name="id" class="field_input" onchange="showpagesearch(this.form);" accesskey
This happens when the version of HTML used on this page doesn't support an attribute with this name. This can happen
if the attribute is misspelled, is uppercase or mixed case in XHTML, or isn't supported by some HTML versions.
For example, HTML 4 DOCTYPEs don't allow HTML 5 attributes and Strict DOCTYPEs don't allow stylistic attributes
which were present in earlier versions of HTML.
="c">
<option value='index.php?id=1'>Judul</option><option value='index.php?id=2'>Penulis</option><option value='index.php?id=3'>Penerbit</option><option value='index.php?id=4'>Kategori</option><option value='index.php?id=5'>No. ISBN</option> </select>
</td>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td align="left" width="2%" valign="top
">
All ONMOUSEDOWN handlers should have an equivalent ONKEYDOWN handler.
Some users are unable to use a mouse, so use the keyboard instead. Add an equivalent keyboard event handler to help these users.
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control. This allows screen readers to tell the user what each control does.
Do not wrap LABEL tags around input controls (implicit labels) since this is very unreliable in older screen readers.
This form has fields without LABEL elements or TITLE attributes.
Line 117 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 117 Usability.gov 13:5
Make sure each INPUT field has an associated LABEL tag describing the field.
<input type="text" name="key" size="30" class="field_input" onmousedown="cekId(this.form)">
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 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.
Replace the ALIGN attribute with a CSS text-align attribute.
Replace the border attribute with a CSS rule. For example:
img { border: 1px solid red; }
img { border: none; }
<img src="images/icon_over.gif" border="0" align="absmiddl
Value of attribute "ALIGN" cannot be "ABSMIDDLE"; must be one of "TOP", "MIDDLE", "BOTTOM", "LEFT", "RIGHT".
Line 118 HTML Validation
e
">
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control. This allows screen readers to tell the user what each control does.
Do not wrap LABEL tags around input controls (implicit labels) since this is very unreliable in older screen readers.
This form has fields without LABEL elements or TITLE attributes.
Line 119 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 119 Usability.gov 13:5
Make sure each INPUT field has an associated LABEL tag describing the field.
<select size="1" name="match" class="field_input_2">
<option value="2" selected>Per Kata (Cari Bebas)</option>
<option value="1">Per Kalimat (Cari Tepat)</option>
<option value="">Dalam Kata (Cari Bebas)</option>
</select>
<div style="position:absolute;z-index:1;left:700px;top:75px;">
<a href="javascript:loadhelp()">
<img src="images/help3.gif" border="0" hspace="0px" align="absmiddl
e" title="Panduan Mencari Judul
"></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.
<a href="javascript:loadhelp()">
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Use text links rather than image links. In general, text links are more easily recognized as clickable.
Line 124 Usability.gov 10:6
Text links usually download faster, are preferred by users, and should change colors after being selected. It is usually easier to convey a link's destination in text, rather than with the use of an image.
Users often find it hard to tell which images are clickable without moving the cursor over them ('minesweeping').
Another benefit to using text links is that users with text-only and deactivated graphical browsers can see the navigation options.
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 124 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.
Replace the ALIGN attribute with a CSS text-align attribute.
Replace the border attribute with a CSS rule. For example:
img { border: 1px solid red; }
img { border: none; }
Replace the HSPACE attribute with a CSS margin. For example:
img { margin-left: 10px; margin-right: 10px; }
<img src="images/help3.gif" border="0" hspace="0px" align="absmiddl
Value of attribute "ALIGN" cannot be "ABSMIDDLE"; must be one of "TOP", "MIDDLE", "BOTTOM", "LEFT", "RIGHT".
Line 124 HTML Validation
e" title="Panduan Mencari Judul
"></a></div>
</td>
<input name="page" type="hidden" value="1" />
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td align="left" width="1%" valign="top
">
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="images/cari.gif" name="Submit3" value="Submit" title='Cari Buku berdasarkan '></td>
</form>
</t
r>
Either tags are not nested properly, or the element must contain other elements.
For example, the HEAD element must contain a TITLE element and the TR element must contain a TD element.
This page has malformed tags which IE8 and later treat differently from earlier versions of IE.
Line 131 Internet Explorer
Fix the errors listed on the Standards tab of this report.
Markup errors like missing end tags means IE8 and IE9 may display different content from IE6 and IE7.
Fix the critical errors listed on the Standards tab of this report. Markup errors like missing end tags or unclosed comments mean search engine web crawlers may skip important content.
r>
</tabl
e>
End tag for "CAPTION" omitted, but its declaration does not permit this.
Line 132 HTML Validation
Either tags are not nested properly, or the element must contain other elements.
For example, the HEAD element must contain a TITLE element and the TR element must contain a TD element.
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
This page has malformed tags which IE8 and later treat differently from earlier versions of IE.
Line 132 Internet Explorer
Fix the errors listed on the Standards tab of this report.
Markup errors like missing end tags means IE8 and IE9 may display different content from IE6 and IE7.
Fix the critical errors listed on the Standards tab of this report. Markup errors like missing end tags or unclosed comments mean search engine web crawlers may skip important content.
e>
</div></td>
</tr>
</table></td>
</tr>
<tr>
<td align="center" valign="top"><STYL
E>
E>
Ensure that foreground and background colors have enough contrast. The foreground/background contrast ratio is 3.879594. The ratio should be 4.5 or more, and for links this applies to both visited and unvisited styles.
Line 139 WCAG2 AA 1.4.3
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
<!--
.menu .options {
Absolute units are CM, MM, IN, PC and PT. When used with fonts PX is also considered an absolute unit,
because it isn't relative the user's preferred font size.
Low-vision users often use the "large fonts" mode of Windows, which makes each pixel larger than usual.
This usually causes problems with pixel based layouts, which also perform badly on handheld
and widescreen displays. Percentage values "stretch" according to screen size and work on a large
range of display sizes.
The following are all smaller than 12 point:
- <p style="font-size: 11pt;" >
- <p style="font-size: 11px;" >
- <p style="font-size: small;" >
- <font size="2" >
- <font size="-1" >
BACKGROUND-COLOR: #006DB8 /*323232*/; COLOR: #000000; FONT-FAMILY: verdana, arial, sans-serif; FONT-SIZE: 11px; MARGIN-BOTTOM: 1px; MARGIN-RIGHT: 1px
Ensure that foreground and background colors have enough contrast. The foreground/background contrast ratio is 3.879594. The ratio should be 4.5 or more, and for links this applies to both visited and unvisited styles.
Line 142 WCAG2 AA 1.4.3
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
}
.menu A {
BACKGROUND-COLOR: transparent; COLOR: #FFFFFF /*dce0e4*/; DISPLAY: block; PADDING-BOTTOM: 5px; PADDING-LEFT: 8px; PADDING-RIGHT: 10px; PADDING-TOP: 2px; TEXT-DECORATION: none
Ensure that foreground and background colors have enough contrast. The foreground/background contrast ratio is 3.879594. The ratio should be 4.5 or more, and for links this applies to both visited and unvisited styles.
Line 145 WCAG2 AA 1.4.3
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
}
.menu A:visited {
BACKGROUND-COLOR: transparent; COLOR: #FFFFFF /*dce0e4*/; DISPLAY: block; PADDING-BOTTOM: 5px; PADDING-LEFT: 8px; PADDING-RIGHT: 10px; PADDING-TOP: 2px; TEXT-DECORATION: none
Ensure that foreground and background colors have enough contrast. The foreground/background contrast ratio is 3.879594. The ratio should be 4.5 or more, and for links this applies to both visited and unvisited styles.
Line 148 WCAG2 AA 1.4.3
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
}
.menu A:hover {
BACKGROUND-COLOR: transparent; COLOR: #ED217D;/*AADC29*/
}
#about {
Absolute CSS positioning can make pages unreadable when style sheets are turned off.
Low vision users often switch off style sheets to make text easier to read.
Absolute positioning can result in pages that display text out-of-order when style sheets are turned off.
LEFT: 5px
; POSITION: absolute; TOP: 200px; VISIBILITY: hidden
; POSITION: absolute; TOP: 200px; VISIBILITY: hidden
#carousel { position: relative; height: 160px; margin: 0; padding: 0; }
#carousel li { float: left; cursor: pointer; cursor: hand; list-style: none; margin: 0; padding: 0; width: 128px; height: 128px; }
#carousel li img { height: 100%; width: 100%; }
-->
}
</STYLE>
Replace the language attribute with type="text/javascript"
<SCRIPT language="javascript" src="menus.js
"></SCRIPT>
"></SCRIPT>
Replace the language attribute with type="text/javascript"
<SCRIPT language="javascript
">new dropMenu('anggota', 'down', 63, 151, 210, 200)</SCRIPT>
">new dropMenu('anggota', 'down', 63, 151, 210, 200)</SCRIPT>
<DIV id="anggotaContainer">
<DIV class="menu" id="anggotaContent">
Replace the ALIGN attribute with a CSS text-align attribute.
<DIV class="options" align="left">
<A href="daftar.php" >Pendaftaran</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="index.php?lo=2" >Aktivasi Keanggotaan</A>
<A href="password_reset.php" >Lupa Password</A>
<A href="datamember.php" >Lihat / Ubah Profil</A>
</DIV></DIV></DIV>
Replace the language attribute with type="text/javascript"
<SCRIPT language="javascript
">new dropMenu('lihatBuku', 'down', 98, 151, 232, 200)</SCRIPT>
">new dropMenu('lihatBuku', 'down', 98, 151, 232, 200)</SCRIPT>
<DIV id="lihatBukuContainer">
<DIV class="menu" id="lihatBukuContent">
Replace the ALIGN attribute with a CSS text-align attribute.
<DIV class="options" align="left">
<A href="katalogbukuatribut.php?atrId=2
&pag
e=1" >Buku Baru</A>
An unknown entity has been used. This often happens when ¶m=value is used instead of &param=value in URL query strings.
Line 176 HTML Validation Ampersand Problem
In HTML the ampersand character (&) is reserved for marking character entities
so you should never use raw ampersands in HTML - including ampersands inside URLs.
For example, any URL that needs an ampersand should look like:
http://www.example.com/file.html?var1=val1&var2=val2&var3=val3
An unknown entity has been used. This often happens when ¶m=value is used instead of &param=value in URL query strings.
Line 176 HTML Validation Ampersand Problem
In HTML the ampersand character (&) is reserved for marking character entities
so you should never use raw ampersands in HTML - including ampersands inside URLs.
For example, any URL that needs an ampersand should look like:
http://www.example.com/file.html?var1=val1&var2=val2&var3=val3
&pag
An unknown entity has been used. This often happens when ¶m=value is used instead of &param=value in URL query strings.
Line 176 HTML Validation Ampersand Problem
In HTML the ampersand character (&) is reserved for marking character entities
so you should never use raw ampersands in HTML - including ampersands inside URLs.
For example, any URL that needs an ampersand should look like:
http://www.example.com/file.html?var1=val1&var2=val2&var3=val3
e=1" >Buku Baru</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="katalogbukuatribut.php?atrId=1&pag
e=1" >Buku Terlaris</A>
An unknown entity has been used. This often happens when ¶m=value is used instead of &param=value in URL query strings.
Line 177 HTML Validation Ampersand Problem
In HTML the ampersand character (&) is reserved for marking character entities
so you should never use raw ampersands in HTML - including ampersands inside URLs.
For example, any URL that needs an ampersand should look like:
http://www.example.com/file.html?var1=val1&var2=val2&var3=val3
e=1" >Buku Terlaris</A>
<A href="katalogbukuatribut.php?atrId=3&pag
e=1" >Buku Populer</A>
An unknown entity has been used. This often happens when ¶m=value is used instead of &param=value in URL query strings.
Line 178 HTML Validation Ampersand Problem
In HTML the ampersand character (&) is reserved for marking character entities
so you should never use raw ampersands in HTML - including ampersands inside URLs.
For example, any URL that needs an ampersand should look like:
http://www.example.com/file.html?var1=val1&var2=val2&var3=val3
e=1" >Buku Populer</A>
<A href="katalogbukuatribut.php?atrId=4&pag
e=1" >Buku Rekomendasi</A>
An unknown entity has been used. This often happens when ¶m=value is used instead of &param=value in URL query strings.
Line 179 HTML Validation Ampersand Problem
In HTML the ampersand character (&) is reserved for marking character entities
so you should never use raw ampersands in HTML - including ampersands inside URLs.
For example, any URL that needs an ampersand should look like:
http://www.example.com/file.html?var1=val1&var2=val2&var3=val3
e=1" >Buku Rekomendasi</A>
<A href="katalogbukuatribut.php?atrId=5&pag
e=1" >Buku Promosi</A>
An unknown entity has been used. This often happens when ¶m=value is used instead of &param=value in URL query strings.
Line 180 HTML Validation Ampersand Problem
In HTML the ampersand character (&) is reserved for marking character entities
so you should never use raw ampersands in HTML - including ampersands inside URLs.
For example, any URL that needs an ampersand should look like:
http://www.example.com/file.html?var1=val1&var2=val2&var3=val3
e=1" >Buku Promosi</A>
</DIV></DIV></DIV>
Replace the language attribute with type="text/javascript"
<SCRIPT language="javascript
">new dropMenu('undian', 'down', 140, 151, 340, 200)</SCRIPT>
">new dropMenu('undian', 'down', 140, 151, 340, 200)</SCRIPT>
<DIV id="undianContainer">
<DIV class="menu" id="undianContent">
Replace the ALIGN attribute with a CSS text-align attribute.
<DIV class="options" align="left">
<A href="info_undian.php" >Info Undian</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="nomorundian.php?all=1" >Daftar Nomor Undian Bulan Ini</A>
<A href="pemenang.php" >Daftar Pemenang Undian</A>
<A href="nomorundian.php" >Nomor Undian Anda</A>
</DIV></DIV></DIV>
Replace the language attribute with type="text/javascript"
<SCRIPT language="javascript
">new dropMenu('point', 'down', 201, 151, 340, 200)</SCRIPT>
">new dropMenu('point', 'down', 201, 151, 340, 200)</SCRIPT>
<DIV id="pointContainer">
<DIV class="menu" id="pointContent">
Replace the ALIGN attribute with a CSS text-align attribute.
<DIV class="options" align="left">
<A href="point.php?info=1" >Info Point Rewards</A>
<A href="point.php" >Point Rewards Anda</A>
</DIV></DIV></DIV>
Replace the language attribute with type="text/javascript"
<SCRIPT language="javascript
">new dropMenu('transaksi', 'down', 252, 151, 412, 200)</SCRIPT>
">new dropMenu('transaksi', 'down', 252, 151, 412, 200)</SCRIPT>
<DIV id="transaksiContainer">
<DIV class="menu" id="transaksiContent">
Replace the ALIGN attribute with a CSS text-align attribute.
<DIV class="options" align="left">
<A href="memberwishlist.php" >Daftar Keinginan</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="membercartlist.php" >Keranjang Belanja</A>
<A href="historytransaksi.php" >Histori Belanja</A>
<A href="historytransaksi.php" >Konfirmasi Pembayaran</A>
</DIV></DIV></DIV>
Replace the language attribute with type="text/javascript"
<SCRIPT language="javascript
">new dropMenu('cekst', 'down', 292, 151, 428, 200)</SCRIPT>
">new dropMenu('cekst', 'down', 292, 151, 428, 200)</SCRIPT>
<DIV id="cekstContainer">
<DIV class="menu" id="cekstContent">
Replace the ALIGN attribute with a CSS text-align attribute.
<DIV class="options" align="left">
<A href="historytransaksi.php" >Status Pembayaran</A>
<A href="historytransaksi.php" >Status Pengiriman</A>
</DIV></DIV></DIV>
Replace the language attribute with type="text/javascript"
<SCRIPT language="javascript
">new dropMenu('berita', 'down', 335, 151, 444, 200)</SCRIPT>
">new dropMenu('berita', 'down', 335, 151, 444, 200)</SCRIPT>
<DIV id="beritaContainer">
<DIV class="menu" id="beritaContent">
Replace the ALIGN attribute with a CSS text-align attribute.
<DIV class="options" align="left">
<A href="berita/info-bukukita/" >Info BukuKITA</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="testimonial.php" >Testimonial</A>
<A href="berita/acara/" >Acara</A>
<A href="berita/buku/" >Buku</A>
<A href="berita/promosi/" >Promosi</A>
</DIV></DIV></DIV>
<!--<SCRIPT language="javascript">new dropMenu('galeri', 'down', 304, 151, 418, 200)</SCRIPT>
<DIV id="galeriContainer">
<DIV class="menu" id="galeriContent">
<DIV class="options" align="left">
<A href="intro.php" >Intro BukuKITA</A>
<A href="stuff.php?page=wallpaper" >Wallpaper</A>
<A href="stuff.php?page=ecard" >E-Card</A>
</DIV></DIV></DIV>
-->
Replace the language attribute with type="text/javascript"
<SCRIPT language="javascript
">new dropMenu('komunitas', 'down', 398, 151, 517, 200)</SCRIPT>
">new dropMenu('komunitas', 'down', 398, 151, 517, 200)</SCRIPT>
<DIV id="komunitasContainer">
<DIV class="menu" id="komunitasContent">
Replace the ALIGN attribute with a CSS text-align attribute.
<DIV class="options" align="left">
Avoid specifying a new window as the target of a link with target="_blank".
Line 243 WCAG2 AAA F22
Displaying new windows without warning is very confusing to non-sighted users
because some screen readers do not give any indication when new windows appear.
If you cannot avoid displaying a new window, insert a warning into the link text like the following: "opens in a new window".
<A href="http://blog.bukukita.com" target="_blank">BLOG BukuKITA</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="komunitas.php#milis" >Milis BukuKITA</A>
<A href="komunitas.php#facebook">Facebook</A>
<A href="komunitas.php#fs" >Friendster</A>
</DIV></DIV></DIV>
<table id="Table_01" width="100%" height
="96" border="0" cellpadding="0" cellspacing="0">
This happens when the version of HTML used on this page doesn't support an attribute with this name. This can happen
if the attribute is misspelled, is uppercase or mixed case in XHTML, or isn't supported by some HTML versions.
For example, HTML 4 DOCTYPEs don't allow HTML 5 attributes and Strict DOCTYPEs don't allow stylistic attributes
which were present in earlier versions of HTML.
="96" border="0" cellpadding="0" cellspacing="0">
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="21" height="96"><img src="images/menu_01.gif" width="21" height="96" alt=""></td>
Use background images sparingly and make sure they are simple, especially behind text.
Line 252 Usability.gov 14:1
Background images can make it difficult for users to read foreground text. A single, large, complex background image (including a picture) can substantially slow page download rates.
<td background="images/menu_02a.gif">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="90%" height="60" valign="top">
Replace the language attribute with type="text/javascript"
<SCRIPT language="JavaScript
">
document.write("<table width='100%' style='padding-top:12px;' border='0' cellspacing='0' cellpadding='0'><tr><td width='112'>");
//-beli-buku-murah-buku-diskon-undian-buku-gratis-dan-undian-berhadiah-buku
document.write("<a href='http://www.bukukita.com/' target='_self' class='itemmenu'>Halaman Depan</
a>");
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
This page has malformed tags which IE8 and later treat differently from earlier versions of IE.
Line 259 Internet Explorer
Fix the errors listed on the Standards tab of this report.
Markup errors like missing end tags means IE8 and IE9 may display different content from IE6 and IE7.
Fix the critical errors listed on the Standards tab of this report. Markup errors like missing end tags or unclosed comments mean search engine web crawlers may skip important content.
a>");
document.write("</t
d>
<td width='70'>");
End tag for "SCRIPT" omitted, but its declaration does not permit this.
Line 260 HTML Validation
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
This page has malformed tags which IE8 and later treat differently from earlier versions of IE.
Line 260 Internet Explorer
Fix the errors listed on the Standards tab of this report.
Markup errors like missing end tags means IE8 and IE9 may display different content from IE6 and IE7.
Fix the critical errors listed on the Standards tab of this report. Markup errors like missing end tags or unclosed comments mean search engine web crawlers may skip important content.
d>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width='70'>");
document.write("
<a href='daftar.php' class='itemmenu' onmouseover
=\"dropMenu.showMenu('anggota');\" onmouseout
=\"dropMenu.hideMenu('anggota')\">Anggota</a>");
All ONMOUSEOVER handlers should have an equivalent ONFOCUS handler.
Some users are unable to use a mouse, so use the keyboard instead. Add an equivalent keyboard event handler to help these users.
All ONMOUSEOUT handlers should have an equivalent ONBLUR handler.
Some users are unable to use a mouse, so use the keyboard instead. Add an equivalent keyboard event handler to help these users.
<a href='daftar.php' class='itemmenu' onmouseover
An attribute value must be a literal unless it contains only name characters.
Line 261 HTML Validation
=\"dropMenu.showMenu('anggota');\" onmouseout
An attribute value must be a literal unless it contains only name characters.
Line 261 HTML Validation
=\"dropMenu.hideMenu('anggota')\">Anggota</a>");
document.write("</td>
<td width='83'>");
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width='83'>");
document.write("
<a href='katalogbuku.php' class='itemmenu' onmouseover
=\"dropMenu.showMenu('lihatBuku');\" onmouseout
=\"dropMenu.hideMenu('lihatBuku')\">Lihat Buku</a>");
All ONMOUSEOVER handlers should have an equivalent ONFOCUS handler.
Some users are unable to use a mouse, so use the keyboard instead. Add an equivalent keyboard event handler to help these users.
All ONMOUSEOUT handlers should have an equivalent ONBLUR handler.
Some users are unable to use a mouse, so use the keyboard instead. Add an equivalent keyboard event handler to help these users.
<a href='katalogbuku.php' class='itemmenu' onmouseover
An attribute value must be a literal unless it contains only name characters.
Line 263 HTML Validation
=\"dropMenu.showMenu('lihatBuku');\" onmouseout
An attribute value must be a literal unless it contains only name characters.
Line 263 HTML Validation
=\"dropMenu.hideMenu('lihatBuku')\">Lihat Buku</a>");
document.write("</td>
<td width='122'>");
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width='122'>");
document.write("
<a href='nomorundian.php?all=1' class='itemmenu' onmouseover
=\"dropMenu.showMenu('undian');\" onmouseout
=\"dropMenu.hideMenu('undian')\">Undian Berhadiah</a>");
All ONMOUSEOVER handlers should have an equivalent ONFOCUS handler.
Some users are unable to use a mouse, so use the keyboard instead. Add an equivalent keyboard event handler to help these users.
All ONMOUSEOUT handlers should have an equivalent ONBLUR handler.
Some users are unable to use a mouse, so use the keyboard instead. Add an equivalent keyboard event handler to help these users.
<a href='nomorundian.php?all=1' class='itemmenu' onmouseover
An attribute value must be a literal unless it contains only name characters.
Line 265 HTML Validation
=\"dropMenu.showMenu('undian');\" onmouseout
An attribute value must be a literal unless it contains only name characters.
Line 265 HTML Validation
=\"dropMenu.hideMenu('undian')\">Undian Berhadiah</a>");
document.write("</td>
<td width='102'>");
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width='102'>");
document.write("
<a href='point.php?info=1' class='itemmenu' onmouseover
=\"dropMenu.showMenu('point');\" onmouseout
=\"dropMenu.hideMenu('point')\">Point Rewards</a>");
All ONMOUSEOVER handlers should have an equivalent ONFOCUS handler.
Some users are unable to use a mouse, so use the keyboard instead. Add an equivalent keyboard event handler to help these users.
All ONMOUSEOUT handlers should have an equivalent ONBLUR handler.
Some users are unable to use a mouse, so use the keyboard instead. Add an equivalent keyboard event handler to help these users.
<a href='point.php?info=1' class='itemmenu' onmouseover
An attribute value must be a literal unless it contains only name characters.
Line 267 HTML Validation
=\"dropMenu.showMenu('point');\" onmouseout
An attribute value must be a literal unless it contains only name characters.
Line 267 HTML Validation
=\"dropMenu.hideMenu('point')\">Point Rewards</a>");
document.write("</td>
<td width='80'>");
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width='80'>");
document.write("
<a href='historytransaksi.php' class='itemmenu' onmouseover
=\"dropMenu.showMenu('transaksi');\" onmouseout
=\"dropMenu.hideMenu('transaksi')\">Transaksi</a>");
All ONMOUSEOVER handlers should have an equivalent ONFOCUS handler.
Some users are unable to use a mouse, so use the keyboard instead. Add an equivalent keyboard event handler to help these users.
All ONMOUSEOUT handlers should have an equivalent ONBLUR handler.
Some users are unable to use a mouse, so use the keyboard instead. Add an equivalent keyboard event handler to help these users.
<a href='historytransaksi.php' class='itemmenu' onmouseover
An attribute value must be a literal unless it contains only name characters.
Line 269 HTML Validation
=\"dropMenu.showMenu('transaksi');\" onmouseout
An attribute value must be a literal unless it contains only name characters.
Line 269 HTML Validation
=\"dropMenu.hideMenu('transaksi')\">Transaksi</a>");
document.write("</td>
<td width='86'>");
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width='86'>");
document.write("
<a href='historytransaksi.php' class='itemmenu' onmouseover
=\"dropMenu.showMenu('cekst');\" onmouseout
=\"dropMenu.hideMenu('cekst')\">Cek Status</a>");
All ONMOUSEOVER handlers should have an equivalent ONFOCUS handler.
Some users are unable to use a mouse, so use the keyboard instead. Add an equivalent keyboard event handler to help these users.
All ONMOUSEOUT handlers should have an equivalent ONBLUR handler.
Some users are unable to use a mouse, so use the keyboard instead. Add an equivalent keyboard event handler to help these users.
<a href='historytransaksi.php' class='itemmenu' onmouseover
An attribute value must be a literal unless it contains only name characters.
Line 271 HTML Validation
=\"dropMenu.showMenu('cekst');\" onmouseout
An attribute value must be a literal unless it contains only name characters.
Line 271 HTML Validation
=\"dropMenu.hideMenu('cekst')\">Cek Status</a>");
document.write("</td>
<td width='59'>");
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width='59'>");
document.write("
<a href='berita/' class='itemmenu' onmouseover
=\"dropMenu.showMenu('berita');\" onmouseout
=\"dropMenu.hideMenu('berita')\">Berita</a>");
All ONMOUSEOVER handlers should have an equivalent ONFOCUS handler.
Some users are unable to use a mouse, so use the keyboard instead. Add an equivalent keyboard event handler to help these users.
All ONMOUSEOUT handlers should have an equivalent ONBLUR handler.
Some users are unable to use a mouse, so use the keyboard instead. Add an equivalent keyboard event handler to help these users.
<a href='berita/' class='itemmenu' onmouseover
An attribute value must be a literal unless it contains only name characters.
Line 273 HTML Validation
=\"dropMenu.showMenu('berita');\" onmouseout
An attribute value must be a literal unless it contains only name characters.
Line 273 HTML Validation
=\"dropMenu.hideMenu('berita')\">Berita</a>");
document.write("</td>
<td width='67'>");
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width='67'>");
document.write("<a href='resensi-review-buku/semua/' target='_self' class='itemmenu'>Resensi</a>");
document.write("</td>
<td width='84'>");
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width='84'>");
document.write("
<a href='komunitas.php' class='itemmenu' onmouseover
=\"dropMenu.showMenu('komunitas');\" onmouseout
=\"dropMenu.hideMenu('komunitas')\">Komunitas</a>");
All ONMOUSEOVER handlers should have an equivalent ONFOCUS handler.
Some users are unable to use a mouse, so use the keyboard instead. Add an equivalent keyboard event handler to help these users.
All ONMOUSEOUT handlers should have an equivalent ONBLUR handler.
Some users are unable to use a mouse, so use the keyboard instead. Add an equivalent keyboard event handler to help these users.
<a href='komunitas.php' class='itemmenu' onmouseover
An attribute value must be a literal unless it contains only name characters.
Line 277 HTML Validation
=\"dropMenu.showMenu('komunitas');\" onmouseout
An attribute value must be a literal unless it contains only name characters.
Line 277 HTML Validation
=\"dropMenu.hideMenu('komunitas')\">Komunitas</a>");
document.write("</td><td>");
document.write(" ");
document.write("</td></tr></table>");
</SCRIP
T> <br>
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
This page has malformed tags which IE8 and later treat differently from earlier versions of IE.
Line 281 Internet Explorer
Fix the errors listed on the Standards tab of this report.
Markup errors like missing end tags means IE8 and IE9 may display different content from IE6 and IE7.
Fix the critical errors listed on the Standards tab of this report. Markup errors like missing end tags or unclosed comments mean search engine web crawlers may skip important content.
T> <br>
Replace the ALIGN attribute with a CSS text-align attribute.
<div align=center style="padding-top:2px;">
<a name="imenuutama"></a>
<a href='http://twitter.com/bukukita' target='_blank'>Follow twitter @bukukita dan facebook untuk hadiah dan info terbaru setiap hari</a> <span align
='center' style='color:#999999;font-size:9px;font-family:arial'>Tayang: 109 hari lagi</span> </div>
Avoid specifying a new window as the target of a link with target="_blank".
Line 283 WCAG2 AAA F22
Displaying new windows without warning is very confusing to non-sighted users
because some screen readers do not give any indication when new windows appear.
If you cannot avoid displaying a new window, insert a warning into the link text like the following: "opens in a new window".
<a href='http://twitter.com/bukukita' target='_blank'>Follow twitter @bukukita dan facebook untuk hadiah dan info terbaru setiap hari</a> <span align
This happens when the version of HTML used on this page doesn't support an attribute with this name. This can happen
if the attribute is misspelled, is uppercase or mixed case in XHTML, or isn't supported by some HTML versions.
For example, HTML 4 DOCTYPEs don't allow HTML 5 attributes and Strict DOCTYPEs don't allow stylistic attributes
which were present in earlier versions of HTML.
='center' style='color:#999999;font-size:9px;font-family:arial'>Tayang: 109 hari lagi</span> </div>
</td>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="10%" height="60" valign="bottom" style="padding-bottom:3px">
<!--<script type="text/javascript">var addthis_pub="cybernice";</script>
<a href="http://www.addthis.com/bookmark.php?v=20" onmouseover="return addthis_open(this, '', '[URL]', '[TITLE]')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="http://s7.addthis.com/static/btn/lg-bookmark-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a>
<script type="text/javascript" src="http://s7.addthis.com/js/200/addthis_widget.js"></script>-->
All ONMOUSEOVER handlers should have an equivalent ONFOCUS handler.
Some users are unable to use a mouse, so use the keyboard instead. Add an equivalent keyboard event handler to help these users.
All ONMOUSEOUT handlers should have an equivalent ONBLUR handler.
Some users are unable to use a mouse, so use the keyboard instead. Add an equivalent keyboard event handler to help these users.
<div id="divBookImg" style="position:absolute;left:0;top:0;visibility:hidden;" onMouseOver="resizePic(event)" onMouseOut="resizePic(event)"></div>
</td>
</tr>
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
<td height="26">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="182">
Minggu, 22 September 2013 </td>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" class="bonus02 menuatas"><a href='http://www.bukukita.com/Inspirasi-dan-Spiritual/Spiritualitas/115724-Bila-Rasulullah-Bertamu-ke-Rumahmu.html'>Bila Rasulullah Bertamu ke Rumahmu</a> <!--<marquee scrolldelay="150">
Silahkan anda Registrasi atau Login Anggota terlebih dahulu.
</marquee>-->
</td>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="20%" align="right"> </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="21" height="56"><img src="images/menu_03.gif" width="21" height="96" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
</t
d>
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
This page has malformed tags which IE8 and later treat differently from earlier versions of IE.
Line 321 Internet Explorer
Fix the errors listed on the Standards tab of this report.
Markup errors like missing end tags means IE8 and IE9 may display different content from IE6 and IE7.
Fix the critical errors listed on the Standards tab of this report. Markup errors like missing end tags or unclosed comments mean search engine web crawlers may skip important content.
d>
</t
r>
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
This page has malformed tags which IE8 and later treat differently from earlier versions of IE.
Line 322 Internet Explorer
Fix the errors listed on the Standards tab of this report.
Markup errors like missing end tags means IE8 and IE9 may display different content from IE6 and IE7.
Fix the critical errors listed on the Standards tab of this report. Markup errors like missing end tags or unclosed comments mean search engine web crawlers may skip important content.
r>
<td align="center" valign="top" class="content">
<table width="100%" border="0" cellspacing="0">
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="182" align="left" valign="top"><table width="182" border="0" cellspacing="0">
<tr>
<td valign="top" class="jarak_kategori">
<table width="182" border="0" cellpadding="0" cellspacing="0">
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="128" height="15"><img src="images/login_01.gif" width="182" height="15" alt="" /></td>
</tr>
<tr>
<td valign="top" class="borderlogin">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<form action="index.php?lo=1" method="post" name="isi_login
">
">
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="45%" class="user_name" height="20">User Name </td>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="55%">
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control. This allows screen readers to tell the user what each control does.
Do not wrap LABEL tags around input controls (implicit labels) since this is very unreliable in older screen readers.
This form has fields without LABEL elements or TITLE attributes.
Line 340 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 340 Usability.gov 13:5
Make sure each INPUT field has an associated LABEL tag describing the field.
<input name="username" type="text" class="text_field" size="14" value="" accesskey="u" autocomplete
This happens when the version of HTML used on this page doesn't support an attribute with this name. This can happen
if the attribute is misspelled, is uppercase or mixed case in XHTML, or isn't supported by some HTML versions.
For example, HTML 4 DOCTYPEs don't allow HTML 5 attributes and Strict DOCTYPEs don't allow stylistic attributes
which were present in earlier versions of HTML.
="off"></td>
</tr>
<td><span class="user_name">Password</span></td>
<td>
<input name="password" type="password" class="text_field" size="14">
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control. This allows screen readers to tell the user what each control does.
Do not wrap LABEL tags around input controls (implicit labels) since this is very unreliable in older screen readers.
This form has fields without LABEL elements or TITLE attributes.
Line 344 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 344 Usability.gov 13:5
Make sure each INPUT field has an associated LABEL tag describing the field.
<input name="password" type="password" class="text_field" size="14">
<input type="hidden" name="lokasi" value="http://www.bukukita.com/daftar.php"></td>
</tr>
<td> </td>
<td align="right"><label>
<input type="image" src="images/go.gif" title="Login Anggota BukuKita.com" name="Submit2" value="Submit" /></label></td>
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="images/go.gif" title="Login Anggota BukuKita.com" name="Submit2" value="Submit" /></label></td>
</tr>
<td colspan="2" class="user_name"><a href="password_reset.php">Lupa Password </a></td>
</tr>
<td colspan="2" class="user_name"><a href="daftar.php">Registrasi Anggota Baru </a></td>
</tr>
</form>
</tabl
e>
Either tags are not nested properly, or the element must contain other elements.
For example, the HEAD element must contain a TITLE element and the TR element must contain a TD element.
e>
</td>
</tr>
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="128" height="0"><img src="images/login_03.gif" width="182" height="6" alt="" /></td>
</tr>
</table>
</td>
</tr>
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="12" valign="middle" class=jarak_kategori>
<table width="182" border="0" cellpadding="0" cellspacing="0">
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="128" height="6">
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 371 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="images/new_member_01.gif
"></td>
</tr>
<tr>
<td valign="top" class="borderlogin">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width='8%' align='center'>
<img src='images/icon_over.gif' width='5' height='10'
/></td>
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
<img src='images/icon_over.gif' width='5' height='10'
/></td>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width='92%' class='user_name'>kekuatan </td>
</tr>
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width='8%' align='center'>
<img src='images/icon_over.gif' width='5' height='10'
/></td>
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
<img src='images/icon_over.gif' width='5' height='10'
/></td>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width='92%' class='user_name'>wuci </td>
</tr>
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width='8%' align='center'>
<img src='images/icon_over.gif' width='5' height='10'
/></td>
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
<img src='images/icon_over.gif' width='5' height='10'
/></td>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width='92%' class='user_name'>eddydomo </td>
</tr> </table>
</td>
</tr>
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
<td class="borderlogin2" height="1">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2" class="contetkatalok user_name"> Jumlah Anggota : 183269</td>
</tr>
<tr>
<td colspan="2"></td>
</tr>
</table>
</td>
</tr>
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="128" height="6"><img src="images/new_member_03.gif" width="182" height="6" alt="" /></td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top" class="jarak_kategori">
<table width="182" border="0" cellpadding="0" cellspacing="0">
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="128" height="38"><img src="images/kategori_01.gif" width="182" height="38" alt="" /></td>
</tr>
<tr>
<td valign="top" class="borderkategori">
<table width="100%" border="0" cellspacing="0">
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width='80%' colspan='2' height='15' valign='middle' class='garis_kategoribuku'><a href='daftar.php?allCat=on
An unknown entity has been used. This often happens when ¶m=value is used instead of &param=value in URL query strings.
Line 419 HTML Validation Ampersand Problem
In HTML the ampersand character (&) is reserved for marking character entities
so you should never use raw ampersands in HTML - including ampersands inside URLs.
For example, any URL that needs an ampersand should look like:
http://www.example.com/file.html?var1=val1&var2=val2&var3=val3
An unknown entity has been used. This often happens when ¶m=value is used instead of &param=value in URL query strings.
Line 419 HTML Validation Ampersand Problem
In HTML the ampersand character (&) is reserved for marking character entities
so you should never use raw ampersands in HTML - including ampersands inside URLs.
For example, any URL that needs an ampersand should look like:
http://www.example.com/file.html?var1=val1&var2=val2&var3=val3
&fil
An unknown entity has been used. This often happens when ¶m=value is used instead of &param=value in URL query strings.
Line 419 HTML Validation Ampersand Problem
In HTML the ampersand character (&) is reserved for marking character entities
so you should never use raw ampersands in HTML - including ampersands inside URLs.
For example, any URL that needs an ampersand should look like:
http://www.example.com/file.html?var1=val1&var2=val2&var3=val3
e=daftar.php' class='katLink' onClick='showHideAll(this);this.href="javascript://";'>[+] Buka Semua Kategori</a></td>
</tr> <tr id='tr0'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(0,"tr0")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=15' class='katLink' onClick='showHide(0,"tr0");return false;'>Agama</a></td>
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.
<span class='katLink' onClick='showHide(0,"tr0")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=15' class='katLink' onClick='showHide(0,"tr0");return false;'>Agama</a></td>
</tr> <tr id='tr1'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(1,"tr1")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=35' class='katLink' onClick='showHide(1,"tr1");return false;'>Aksesoris Kado & Parcel</a></td>
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.
<span class='katLink' onClick='showHide(1,"tr1")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=35' class='katLink' onClick='showHide(1,"tr1");return false;'>Aksesoris Kado & Parcel</a></td>
</tr> <tr id='tr2'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(2,"tr2")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=3' class='katLink' onClick='showHide(2,"tr2");return false;'>Anak-Anak</a></td>
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.
<span class='katLink' onClick='showHide(2,"tr2")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=3' class='katLink' onClick='showHide(2,"tr2");return false;'>Anak-Anak</a></td>
</tr> <tr id='tr3'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(3,"tr3")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=19' class='katLink' onClick='showHide(3,"tr3");return false;'>Bahasa dan Kamus</a></td>
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.
<span class='katLink' onClick='showHide(3,"tr3")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=19' class='katLink' onClick='showHide(3,"tr3");return false;'>Bahasa dan Kamus</a></td>
</tr> <tr id='tr4'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(4,"tr4")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=22' class='katLink' onClick='showHide(4,"tr4");return false;'>Biografi dan Memoar</a></td>
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.
<span class='katLink' onClick='showHide(4,"tr4")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=22' class='katLink' onClick='showHide(4,"tr4");return false;'>Biografi dan Memoar</a></td>
</tr> <tr id='tr5'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(5,"tr5")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=42' class='katLink' onClick='showHide(5,"tr5");return false;'>Buku Akan Datang</a></td>
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.
<span class='katLink' onClick='showHide(5,"tr5")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=42' class='katLink' onClick='showHide(5,"tr5");return false;'>Buku Akan Datang</a></td>
</tr> <tr id='tr6'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(6,"tr6")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=32
&are
a=2' class='katLink' onClick='showHide(6,"tr6");return false;'>Buku Import</a></td>
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.
<span class='katLink' onClick='showHide(6,"tr6")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=32
An unknown entity has been used. This often happens when ¶m=value is used instead of &param=value in URL query strings.
Line 433 HTML Validation Ampersand Problem
In HTML the ampersand character (&) is reserved for marking character entities
so you should never use raw ampersands in HTML - including ampersands inside URLs.
For example, any URL that needs an ampersand should look like:
http://www.example.com/file.html?var1=val1&var2=val2&var3=val3
An unknown entity has been used. This often happens when ¶m=value is used instead of &param=value in URL query strings.
Line 433 HTML Validation Ampersand Problem
In HTML the ampersand character (&) is reserved for marking character entities
so you should never use raw ampersands in HTML - including ampersands inside URLs.
For example, any URL that needs an ampersand should look like:
http://www.example.com/file.html?var1=val1&var2=val2&var3=val3
&are
An unknown entity has been used. This often happens when ¶m=value is used instead of &param=value in URL query strings.
Line 433 HTML Validation Ampersand Problem
In HTML the ampersand character (&) is reserved for marking character entities
so you should never use raw ampersands in HTML - including ampersands inside URLs.
For example, any URL that needs an ampersand should look like:
http://www.example.com/file.html?var1=val1&var2=val2&var3=val3
a=2' class='katLink' onClick='showHide(6,"tr6");return false;'>Buku Import</a></td>
</tr> <tr id='tr7'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(7,"tr7")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=39&are
a=2' class='katLink' onClick='showHide(7,"tr7");return false;'>Buku Import Spesial</a></td>
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.
<span class='katLink' onClick='showHide(7,"tr7")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=39&are
An unknown entity has been used. This often happens when ¶m=value is used instead of &param=value in URL query strings.
Line 435 HTML Validation Ampersand Problem
In HTML the ampersand character (&) is reserved for marking character entities
so you should never use raw ampersands in HTML - including ampersands inside URLs.
For example, any URL that needs an ampersand should look like:
http://www.example.com/file.html?var1=val1&var2=val2&var3=val3
a=2' class='katLink' onClick='showHide(7,"tr7");return false;'>Buku Import Spesial</a></td>
</tr> <tr id='tr8'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(8,"tr8")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=43&are
a=2' class='katLink' onClick='showHide(8,"tr8");return false;'>Buku Import Teknik dan Design</a></td>
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.
<span class='katLink' onClick='showHide(8,"tr8")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=43&are
An unknown entity has been used. This often happens when ¶m=value is used instead of &param=value in URL query strings.
Line 437 HTML Validation Ampersand Problem
In HTML the ampersand character (&) is reserved for marking character entities
so you should never use raw ampersands in HTML - including ampersands inside URLs.
For example, any URL that needs an ampersand should look like:
http://www.example.com/file.html?var1=val1&var2=val2&var3=val3
a=2' class='katLink' onClick='showHide(8,"tr8");return false;'>Buku Import Teknik dan Design</a></td>
</tr> <tr id='tr9'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(9,"tr9")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=40' class='katLink' onClick='showHide(9,"tr9");return false;'>Buku Murah dan Promo 2013</a></td>
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.
<span class='katLink' onClick='showHide(9,"tr9")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=40' class='katLink' onClick='showHide(9,"tr9");return false;'>Buku Murah dan Promo 2013</a></td>
</tr> <tr id='tr10'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(10,"tr10")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=1' class='katLink' onClick='showHide(10,"tr10");return false;'>Buku Novel</a></td>
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.
<span class='katLink' onClick='showHide(10,"tr10")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=1' class='katLink' onClick='showHide(10,"tr10");return false;'>Buku Novel</a></td>
</tr> <tr id='tr11'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(11,"tr11")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=34' class='katLink' onClick='showHide(11,"tr11");return false;'>Buku Sekolah</a></td>
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.
<span class='katLink' onClick='showHide(11,"tr11")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=34' class='katLink' onClick='showHide(11,"tr11");return false;'>Buku Sekolah</a></td>
</tr> <tr id='tr12'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(12,"tr12")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=28' class='katLink' onClick='showHide(12,"tr12");return false;'>Buku Teks</a></td>
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.
<span class='katLink' onClick='showHide(12,"tr12")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=28' class='katLink' onClick='showHide(12,"tr12");return false;'>Buku Teks</a></td>
</tr> <tr id='tr13'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(13,"tr13")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=6' class='katLink' onClick='showHide(13,"tr13");return false;'>Busana dan Kecantikan</a></td>
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.
<span class='katLink' onClick='showHide(13,"tr13")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=6' class='katLink' onClick='showHide(13,"tr13");return false;'>Busana dan Kecantikan</a></td>
</tr> <tr id='tr14'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(14,"tr14")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=41' class='katLink' onClick='showHide(14,"tr14");return false;'>CD Pembelajaran Interaktif</a></td>
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.
<span class='katLink' onClick='showHide(14,"tr14")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=41' class='katLink' onClick='showHide(14,"tr14");return false;'>CD Pembelajaran Interaktif</a></td>
</tr> <tr id='tr15'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(15,"tr15")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=38' class='katLink' onClick='showHide(15,"tr15");return false;'>EBook</a></td>
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.
<span class='katLink' onClick='showHide(15,"tr15")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=38' class='katLink' onClick='showHide(15,"tr15");return false;'>EBook</a></td>
</tr> <tr id='tr16'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(16,"tr16")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=7' class='katLink' onClick='showHide(16,"tr16");return false;'>Ekonomi dan Manajemen</a></td>
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.
<span class='katLink' onClick='showHide(16,"tr16")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=7' class='katLink' onClick='showHide(16,"tr16");return false;'>Ekonomi dan Manajemen</a></td>
</tr> <tr id='tr17'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(17,"tr17")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=11' class='katLink' onClick='showHide(17,"tr17");return false;'>Hobi dan Usaha</a></td>
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.
<span class='katLink' onClick='showHide(17,"tr17")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=11' class='katLink' onClick='showHide(17,"tr17");return false;'>Hobi dan Usaha</a></td>
</tr> <tr id='tr18'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(18,"tr18")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=9' class='katLink' onClick='showHide(18,"tr18");return false;'>Hukum dan Undang-undang</a></td>
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.
<span class='katLink' onClick='showHide(18,"tr18")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=9' class='katLink' onClick='showHide(18,"tr18");return false;'>Hukum dan Undang-undang</a></td>
</tr> <tr id='tr19'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(19,"tr19")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=25' class='katLink' onClick='showHide(19,"tr19");return false;'>Humor</a></td>
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.
<span class='katLink' onClick='showHide(19,"tr19")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=25' class='katLink' onClick='showHide(19,"tr19");return false;'>Humor</a></td>
</tr> <tr id='tr20'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(20,"tr20")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=16' class='katLink' onClick='showHide(20,"tr20");return false;'>Inspirasi dan Spiritual</a></td>
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.
<span class='katLink' onClick='showHide(20,"tr20")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=16' class='katLink' onClick='showHide(20,"tr20");return false;'>Inspirasi dan Spiritual</a></td>
</tr> <tr id='tr21'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(21,"tr21")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=13' class='katLink' onClick='showHide(21,"tr21");return false;'>Kesehatan dan Lingkungan</a></td>
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.
<span class='katLink' onClick='showHide(21,"tr21")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=13' class='katLink' onClick='showHide(21,"tr21");return false;'>Kesehatan dan Lingkungan</a></td>
</tr> <tr id='tr22'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(22,"tr22")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=2' class='katLink' onClick='showHide(22,"tr22");return false;'>Komik</a></td>
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.
<span class='katLink' onClick='showHide(22,"tr22")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=2' class='katLink' onClick='showHide(22,"tr22");return false;'>Komik</a></td>
</tr> <tr id='tr23'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(23,"tr23")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=10' class='katLink' onClick='showHide(23,"tr23");return false;'>Komputer dan Internet</a></td>
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.
<span class='katLink' onClick='showHide(23,"tr23")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=10' class='katLink' onClick='showHide(23,"tr23");return false;'>Komputer dan Internet</a></td>
</tr> <tr id='tr24'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(24,"tr24")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=21' class='katLink' onClick='showHide(24,"tr24");return false;'>Majalah</a></td>
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.
<span class='katLink' onClick='showHide(24,"tr24")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=21' class='katLink' onClick='showHide(24,"tr24");return false;'>Majalah</a></td>
</tr> <tr id='tr25'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(25,"tr25")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=17' class='katLink' onClick='showHide(25,"tr25");return false;'>Masakan dan Makanan</a></td>
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.
<span class='katLink' onClick='showHide(25,"tr25")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=17' class='katLink' onClick='showHide(25,"tr25");return false;'>Masakan dan Makanan</a></td>
</tr> <tr id='tr26'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(26,"tr26")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=23' class='katLink' onClick='showHide(26,"tr26");return false;'>Non-Fiksi Lainnya</a></td>
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.
<span class='katLink' onClick='showHide(26,"tr26")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=23' class='katLink' onClick='showHide(26,"tr26");return false;'>Non-Fiksi Lainnya</a></td>
</tr> <tr id='tr27'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(27,"tr27")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=4' class='katLink' onClick='showHide(27,"tr27");return false;'>Orang Tua dan Keluarga</a></td>
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.
<span class='katLink' onClick='showHide(27,"tr27")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=4' class='katLink' onClick='showHide(27,"tr27");return false;'>Orang Tua dan Keluarga</a></td>
</tr> <tr id='tr28'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(28,"tr28")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=14' class='katLink' onClick='showHide(28,"tr28");return false;'>Perhotelan dan Pariwisata</a></td>
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.
<span class='katLink' onClick='showHide(28,"tr28")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=14' class='katLink' onClick='showHide(28,"tr28");return false;'>Perhotelan dan Pariwisata</a></td>
</tr> <tr id='tr29'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(29,"tr29")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=44' class='katLink' onClick='showHide(29,"tr29");return false;'>Produk lainnya</a></td>
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.
<span class='katLink' onClick='showHide(29,"tr29")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=44' class='katLink' onClick='showHide(29,"tr29");return false;'>Produk lainnya</a></td>
</tr> <tr id='tr30'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(30,"tr30")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=5' class='katLink' onClick='showHide(30,"tr30");return false;'>Psikologi dan Pengembangan Diri</a></td>
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.
<span class='katLink' onClick='showHide(30,"tr30")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=5' class='katLink' onClick='showHide(30,"tr30");return false;'>Psikologi dan Pengembangan Diri</a></td>
</tr> <tr id='tr31'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(31,"tr31")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=20' class='katLink' onClick='showHide(31,"tr31");return false;'>Referensi</a></td>
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.
<span class='katLink' onClick='showHide(31,"tr31")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=20' class='katLink' onClick='showHide(31,"tr31");return false;'>Referensi</a></td>
</tr> <tr id='tr32'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(32,"tr32")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=24' class='katLink' onClick='showHide(32,"tr32");return false;'>Remaja</a></td>
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.
<span class='katLink' onClick='showHide(32,"tr32")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=24' class='katLink' onClick='showHide(32,"tr32");return false;'>Remaja</a></td>
</tr> <tr id='tr33'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(33,"tr33")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=12' class='katLink' onClick='showHide(33,"tr33");return false;'>Sains dan Teknologi</a></td>
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.
<span class='katLink' onClick='showHide(33,"tr33")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=12' class='katLink' onClick='showHide(33,"tr33");return false;'>Sains dan Teknologi</a></td>
</tr> <tr id='tr34'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(34,"tr34")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=18' class='katLink' onClick='showHide(34,"tr34");return false;'>Sastra dan Filsafat</a></td>
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.
<span class='katLink' onClick='showHide(34,"tr34")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=18' class='katLink' onClick='showHide(34,"tr34");return false;'>Sastra dan Filsafat</a></td>
</tr> <tr id='tr35'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(35,"tr35")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=8' class='katLink' onClick='showHide(35,"tr35");return false;'>Sejarah dan Budaya</a></td>
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.
<span class='katLink' onClick='showHide(35,"tr35")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=8' class='katLink' onClick='showHide(35,"tr35");return false;'>Sejarah dan Budaya</a></td>
</tr> <tr id='tr36'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(36,"tr36")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=27' class='katLink' onClick='showHide(36,"tr36");return false;'>Teknik</a></td>
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.
<span class='katLink' onClick='showHide(36,"tr36")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=27' class='katLink' onClick='showHide(36,"tr36");return false;'>Teknik</a></td>
</tr> <tr id='tr37'>
<td valign='middle' class='garis_kategoribuku' colspan='2'>
<span class='katLink' onClick='showHide(37,"tr37")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=30' class='katLink' onClick='showHide(37,"tr37");return false;'>Tjersil-Buku Cerita Silat</a></td>
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.
<span class='katLink' onClick='showHide(37,"tr37")' style='font-family:Arial;padding:2px;color:#567300;font-size:11px;font-weight:bold;cursor:pointer'>+</span><a href='katalogbuku.php?masId=30' class='katLink' onClick='showHide(37,"tr37");return false;'>Tjersil-Buku Cerita Silat</a></td>
</tr>
<scrip
t>
t>
arr=new Array(new Array(new Array('Al-Quran','katalogbuku.php?masId=15&catId=363&page=1'), new Array('Al-Quran Digital','katalogbuku.php?masId=15&catId=198&page=1'), new Array('Buddha','katalogbuku.php?masId=15&catId=56&page=1'), new Array('Hindu','katalogbuku.php?masId=15&catId=57&page=1'), new Array('Islam','katalogbuku.php?masId=15&catId=55&page=1'), new Array('Katolik','katalogbuku.php?masId=15&catId=256&page=1'), new Array('Kepercayaan Lainnya','katalogbuku.php?masId=15&catId=108&page=1'), new Array('Kristen','katalogbuku.php?masId=15&catId=58&page=1'), new Array('Pelayanan','katalogbuku.php?masId=15&catId=324&page=1'), new Array('Teologi','katalogbuku.php?masId=15&catId=323&page=1')),new Array(new Array('Kartu Ucapan','katalogbuku.php?masId=35&catId=293&page=1'), new Array('Kertas Kado','katalogbuku.php?masId=35&catId=292&page=1'), new Array('Parcel Buku','katalogbuku.php?masId=35&catId=296&page=1'), new Array('Pita Kado','katalogbuku.php?masId=35&catId=294&page=1')),new Array(new Array('Belajar dengan Komputer','katalogbuku.php?masId=3&catId=97&page=1'), new Array('Buddha','katalogbuku.php?masId=3&catId=206&page=1'), new Array('Cerita Anak','katalogbuku.php?masId=3&catId=80&page=1'), new Array('Cerita Balita','katalogbuku.php?masId=3&catId=147&page=1'), new Array('Dunia Binatang','katalogbuku.php?masId=3&catId=146&page=1'), new Array('Islam','katalogbuku.php?masId=3&catId=205&page=1'), new Array('Keterampilan','katalogbuku.php?masId=3&catId=92&page=1'), new Array('Kristen','katalogbuku.php?masId=3&catId=204&page=1'), new Array('Membaca & Menulis','katalogbuku.php?masId=3&catId=18&page=1'), new Array('Pelajaran Sekolah','katalogbuku.php?masId=3&catId=125&page=1'), new Array('Pendidikan Anak','katalogbuku.php?masId=3&catId=96&page=1')),new Array(new Array('Belajar Bahasa','katalogbuku.php?masId=19&catId=73&page=1'), new Array('Kamus Translasi','katalogbuku.php?masId=19&catId=71&page=1'), new Array('Kamus Umum','katalogbuku.php?masId=19&catId=72&page=1'), new Array('Pengkajian Bahasa','katalogbuku.php?masId=19&catId=165&page=1')),new Array(new Array('Biografi','katalogbuku.php?masId=22&catId=31&page=1'), new Array('Memoar','katalogbuku.php?masId=22&catId=110&page=1')),new Array(new Array('Bulan Agustus 2013','katalogbuku.php?masId=42&catId=457&page=1'), new Array('Bulan Oktober 2013','katalogbuku.php?masId=42&catId=446&page=1'), new Array('Bulan September 2013','katalogbuku.php?masId=42&catId=448&page=1')),new Array(new Array('Animals','katalogbuku.php?masId=32&catId=231&page=1'), new Array('Anthropology-sociology','katalogbuku.php?masId=32&catId=233&page=1'), new Array('Archaeology-History','katalogbuku.php?masId=32&catId=234&page=1'), new Array('Architecture','katalogbuku.php?masId=32&catId=235&page=1'), new Array('Art Design','katalogbuku.php?masId=32&catId=247&page=1'), new Array('Art-Craft & Fashion','katalogbuku.php?masId=32&catId=236&page=1'), new Array('Automotive-Hobby & Lifestyle','katalogbuku.php?masId=32&catId=238&page=1'), new Array('Business','katalogbuku.php?masId=32&catId=248&page=1'), new Array('Children','katalogbuku.php?masId=32&catId=229&page=1'), new Array('Computer','katalogbuku.php?masId=32&catId=230&page=1'), new Array('Cooking','katalogbuku.php?masId=32&catId=306&page=1'), new Array('Dictionary','katalogbuku.php?masId=32&catId=286&page=1'), new Array('Drawing & Painting','katalogbuku.php?masId=32&catId=240&page=1'), new Array('Electro','katalogbuku.php?masId=32&catId=249&page=1'), new Array('Fiction & Non Fiction','katalogbuku.php?masId=32&catId=241&page=1'), new Array('General','katalogbuku.php?masId=32&catId=250&page=1'), new Array('Language & Linguistics','katalogbuku.php?masId=32&catId=244&page=1'), new Array('Law & Crime','katalogbuku.php?masId=32&catId=245&page=1'), new Array('Literature & Journal','katalogbuku.php?masId=32&catId=237&page=1'), new Array('Management','katalogbuku.php?masId=32&catId=232&page=1'), new Array('Parenting-Health & Sex','katalogbuku.php?masId=32&catId=246&page=1'), new Array('Photography','katalogbuku.php?masId=32&catId=251&page=1'), new Array('Psychology & Gender','katalogbuku.php?masId=32&catId=242&page=1'), new Array('Public Relation & Advertising','katalogbuku.php?masId=32&catId=239&page=1'), new Array('Religion','katalogbuku.php?masId=32&catId=243&page=1')),new Array(new Array('Autobiography','katalogbuku.php?masId=39&catId=333&page=1'), new Array('Branding & Advertising','katalogbuku.php?masId=39&catId=334&page=1'), new Array('Business & Management','katalogbuku.php?masId=39&catId=312&page=1'), new Array('Children Books','katalogbuku.php?masId=39&catId=335&page=1'), new Array('Comic','katalogbuku.php?masId=39&catId=440&page=1'), new Array('Cook Book','katalogbuku.php?masId=39&catId=318&page=1'), new Array('Current Affairs','katalogbuku.php?masId=39&catId=332&page=1'), new Array('Fiction - Teenager','katalogbuku.php?masId=39&catId=317&page=1'), new Array('Inspirational','katalogbuku.php?masId=39&catId=337&page=1'), new Array('Interior Architecture','katalogbuku.php?masId=39&catId=439&page=1'), new Array('Latest Lifestyle','katalogbuku.php?masId=39&catId=315&page=1'), new Array('MUSIC','katalogbuku.php?masId=39&catId=441&page=1'), new Array('Non Fiction','katalogbuku.php?masId=39&catId=319&page=1'), new Array('Parenting','katalogbuku.php?masId=39&catId=456&page=1'), new Array('Popular Fiction','katalogbuku.php?masId=39&catId=314&page=1'), new Array('Promo Valentine','katalogbuku.php?masId=39&catId=364&page=1'), new Array('Religion & Christianity','katalogbuku.php?masId=39&catId=316&page=1'), new Array('Self Improvement','katalogbuku.php?masId=39&catId=313&page=1'), new Array('Wimpy Kids Sale','katalogbuku.php?masId=39&catId=365&page=1'), new Array('Young Adult','katalogbuku.php?masId=39&catId=336&page=1')),new Array(new Array('Art Design','katalogbuku.php?masId=43&catId=367&page=1'), new Array('Business Books','katalogbuku.php?masId=43&catId=370&page=1'), new Array('Computer Books','katalogbuku.php?masId=43&catId=368&page=1'), new Array('General Reading Books','katalogbuku.php?masId=43&catId=371&page=1'), new Array('Photography books','katalogbuku.php?masId=43&catId=369&page=1')),new Array(new Array('Buku Edisi Tanda Tangan Penulis','katalogbuku.php?masId=40&catId=450&page=1'), new Array('Buku Murah Agro Group','katalogbuku.php?masId=40&catId=447&page=1'), new Array('Buku Murah Ufuk Publishing','katalogbuku.php?masId=40&catId=442&page=1'), new Array('Diskon 25 Persen','katalogbuku.php?masId=40&catId=438&page=1'), new Array('Diskon 30 persen','katalogbuku.php?masId=40&catId=391&page=1'), new Array('Diskon 35 Persen','katalogbuku.php?masId=40&catId=423&page=1'), new Array('Diskon 40 Persen','katalogbuku.php?masId=40&catId=393&page=1'), new Array('Diskon 50 Persen','katalogbuku.php?masId=40&catId=392&page=1'), new Array('Diskon 60 Persen','katalogbuku.php?masId=40&catId=394&page=1'), new Array('Penerbit Pustaka Hidayah','katalogbuku.php?masId=40&catId=420&page=1'), new Array('Promo Al Mahira','katalogbuku.php?masId=40&catId=460&page=1'), new Array('Promo Al Mawardi','katalogbuku.php?masId=40&catId=459&page=1'), new Array('Promo Pustaka HIdayah','katalogbuku.php?masId=40&catId=458&page=1'), new Array('Ramadhan Online Bookfair 2013','katalogbuku.php?masId=40&catId=453&page=1')),new Array(new Array('Anak-Anak','katalogbuku.php?masId=1&catId=10&page=1'), new Array('Chicklit','katalogbuku.php?masId=1&catId=8&page=1'), new Array('Drama','katalogbuku.php?masId=1&catId=111&page=1'), new Array('Fantasi','katalogbuku.php?masId=1&catId=3&page=1'), new Array('Fiksi','katalogbuku.php?masId=1&catId=413&page=1'), new Array('Filosofi','katalogbuku.php?masId=1&catId=119&page=1'), new Array('Horor','katalogbuku.php?masId=1&catId=5&page=1'), new Array('Komedi','katalogbuku.php?masId=1&catId=139&page=1'), new Array('Lifestyle','katalogbuku.php?masId=1&catId=289&page=1'), new Array('Metropop','katalogbuku.php?masId=1&catId=9&page=1'), new Array('Mistery-Thriller','katalogbuku.php?masId=1&catId=2&page=1'), new Array('Perang','katalogbuku.php?masId=1&catId=4&page=1'), new Array('Petualangan','katalogbuku.php?masId=1&catId=118&page=1'), new Array('Politik-Hukum','katalogbuku.php?masId=1&catId=6&page=1'), new Array('Psikologi','katalogbuku.php?masId=1&catId=149&page=1'), new Array('Remaja','katalogbuku.php?masId=1&catId=81&page=1'), new Array('Roman Harlequin','katalogbuku.php?masId=1&catId=152&page=1'), new Array('Romance','katalogbuku.php?masId=1&catId=1&page=1'), new Array('Samurai','katalogbuku.php?masId=1&catId=195&page=1'), new Array('Sastra','katalogbuku.php?masId=1&catId=208&page=1'), new Array('Science Fiction','katalogbuku.php?masId=1&catId=11&page=1'), new Array('Sejarah Fiksi','katalogbuku.php?masId=1&catId=113&page=1'), new Array('Sosial-Budaya','katalogbuku.php?masId=1&catId=163&page=1'), new Array('Spiritualitas','katalogbuku.php?masId=1&catId=331&page=1'), new Array('Suspense','katalogbuku.php?masId=1&catId=117&page=1'), new Array('Teenlit','katalogbuku.php?masId=1&catId=7&page=1')),new Array(new Array('Sekolah Dasar','katalogbuku.php?masId=34&catId=283&page=1'), new Array('Sekolah Menengah Atas','katalogbuku.php?masId=34&catId=285&page=1'), new Array('Sekolah Menengah Pertama','katalogbuku.php?masId=34&catId=284&page=1'), new Array('Taman Kanak-Kanak','katalogbuku.php?masId=34&catId=287&page=1')),new Array(new Array('Akuntansi','katalogbuku.php?masId=28&catId=177&page=1'), new Array('Bahasa-Sastra','katalogbuku.php?masId=28&catId=185&page=1'), new Array('Biologi','katalogbuku.php?masId=28&catId=401&page=1'), new Array('Ekonomi','katalogbuku.php?masId=28&catId=175&page=1'), new Array('Eksakta','katalogbuku.php?masId=28&catId=382&page=1'), new Array('Hukum','katalogbuku.php?masId=28&catId=184&page=1'), new Array('Ilmu Sosial','katalogbuku.php?masId=28&catId=383&page=1'), new Array('Investasi','katalogbuku.php?masId=28&catId=179&page=1'), new Array('Kedokteran','katalogbuku.php?masId=28&catId=192&page=1'), new Array('Keperawatan','katalogbuku.php?masId=28&catId=190&page=1'), new Array('Keuangan','katalogbuku.php?masId=28&catId=178&page=1'), new Array('Kewirausahaan','katalogbuku.php?masId=28&catId=191&page=1'), new Array('Kimia','katalogbuku.php?masId=28&catId=402&page=1'), new Array('Manajemen','katalogbuku.php?masId=28&catId=176&page=1'), new Array('Matematika','katalogbuku.php?masId=28&catId=189&page=1'), new Array('Pemasaran','katalogbuku.php?masId=28&catId=183&page=1'), new Array('Perpajakan','katalogbuku.php?masId=28&catId=180&page=1'), new Array('Statistik','katalogbuku.php?masId=28&catId=188&page=1'), new Array('Teknik Arsitektur','katalogbuku.php?masId=28&catId=187&page=1'), new Array('Teknik Elektro','katalogbuku.php?masId=28&catId=186&page=1'), new Array('Teknik Mesin','katalogbuku.php?masId=28&catId=182&page=1'), new Array('Teknologi Informasi','katalogbuku.php?masId=28&catId=181&page=1')),new Array(new Array('Aksesoris','katalogbuku.php?masId=6&catId=153&page=1'), new Array('Busana Muslim','katalogbuku.php?masId=6&catId=23&page=1'), new Array('Busana Pengantin','katalogbuku.php?masId=6&catId=22&page=1'), new Array('Busana Tradisional','katalogbuku.php?masId=6&catId=24&page=1'), new Array('Busana Umum','katalogbuku.php?masId=6&catId=199&page=1'), new Array('Hijab Tutorial','katalogbuku.php?masId=6&catId=437&page=1'), new Array('Tata Rias','katalogbuku.php?masId=6&catId=25&page=1')),new Array(new Array('Bahasa Inggris','katalogbuku.php?masId=41&catId=326&page=1'), new Array('BIOLOGI - IPA (Ilmu Pengetahuan Alam)','katalogbuku.php?masId=41&catId=328&page=1'), new Array('Geografi Indonesia','katalogbuku.php?masId=41&catId=330&page=1'), new Array('ICT (Information and Communication Technology)','katalogbuku.php?masId=41&catId=327&page=1'), new Array('Keterampilan Mengolah','katalogbuku.php?masId=41&catId=427&page=1'), new Array('Matematika','katalogbuku.php?masId=41&catId=329&page=1'), new Array('Pendidikan Kewarganegaraan (PKn)','katalogbuku.php?masId=41&catId=426&page=1'), new Array('Physics (Fisika)','katalogbuku.php?masId=41&catId=452&page=1'), new Array('Program','katalogbuku.php?masId=41&catId=428&page=1'), new Array('Teknologi Informasi dan Komunikasi (TIK)','katalogbuku.php?masId=41&catId=425&page=1')),new Array(new Array('BSE SD-MI eBook Gratis','katalogbuku.php?masId=38&catId=307&page=1'), new Array('BSE SMA-MA eBook Gratis','katalogbuku.php?masId=38&catId=309&page=1'), new Array('BSE SMK eBook Gratis','katalogbuku.php?masId=38&catId=310&page=1'), new Array('BSE SMP-Mts eBook Gratis','katalogbuku.php?masId=38&catId=308&page=1')),new Array(new Array('Administrasi','katalogbuku.php?masId=7&catId=259&page=1'), new Array('Bisnis-Investasi','katalogbuku.php?masId=7&catId=203&page=1'), new Array('Ekonomi','katalogbuku.php?masId=7&catId=27&page=1'), new Array('Ekonomi Syariah','katalogbuku.php?masId=7&catId=297&page=1'), new Array('Keuangan','katalogbuku.php?masId=7&catId=91&page=1'), new Array('Manajemen','katalogbuku.php?masId=7&catId=28&page=1'), new Array('Marketing','katalogbuku.php?masId=7&catId=112&page=1'), new Array('Pemasaran','katalogbuku.php?masId=7&catId=379&page=1')),new Array(new Array('Agrobisnis','katalogbuku.php?masId=11&catId=227&page=1'), new Array('Arsitektur & Desain Interior','katalogbuku.php?masId=11&catId=48&page=1'), new Array('Fotografi','katalogbuku.php?masId=11&catId=157&page=1'), new Array('Jasa Boga','katalogbuku.php?masId=11&catId=210&page=1'), new Array('Jurnalis','katalogbuku.php?masId=11&catId=255&page=1'), new Array('Keterampilan & Desain','katalogbuku.php?masId=11&catId=154&page=1'), new Array('Menulis','katalogbuku.php?masId=11&catId=126&page=1'), new Array('Musik','katalogbuku.php?masId=11&catId=45&page=1'), new Array('Olah Raga','katalogbuku.php?masId=11&catId=46&page=1'), new Array('Peluang Usaha','katalogbuku.php?masId=11&catId=290&page=1'), new Array('Perkebunan-Pertanian-Perikanan','katalogbuku.php?masId=11&catId=209&page=1'), new Array('Permainan','katalogbuku.php?masId=11&catId=142&page=1'), new Array('Peternakan','katalogbuku.php?masId=11&catId=150&page=1'), new Array('Tanaman & Taman','katalogbuku.php?masId=11&catId=47&page=1')),new Array(new Array('Buku Pemerintahan','katalogbuku.php?masId=9&catId=377&page=1'), new Array('Compact Disc','katalogbuku.php?masId=9&catId=200&page=1'), new Array('Lainnya','katalogbuku.php?masId=9&catId=376&page=1'), new Array('Peraturan Menteri','katalogbuku.php?masId=9&catId=374&page=1'), new Array('Peraturan Pemerintah','katalogbuku.php?masId=9&catId=372&page=1'), new Array('Peraturan Presiden','katalogbuku.php?masId=9&catId=373&page=1'), new Array('Sosial-Politik','katalogbuku.php?masId=9&catId=32&page=1'), new Array('Surat Edaran','katalogbuku.php?masId=9&catId=375&page=1'), new Array('Undang-undang','katalogbuku.php?masId=9&catId=33&page=1')),new Array(new Array('SMS','katalogbuku.php?masId=25&catId=120&page=1'), new Array('Umum','katalogbuku.php?masId=25&catId=121&page=1')),new Array(new Array('Entrepreneurship','katalogbuku.php?masId=16&catId=105&page=1'), new Array('Inspirasional','katalogbuku.php?masId=16&catId=59&page=1'), new Array('Kebangsaan','katalogbuku.php?masId=16&catId=61&page=1'), new Array('Kepemimpinan','katalogbuku.php?masId=16&catId=145&page=1'), new Array('Kiat Sukses','katalogbuku.php?masId=16&catId=260&page=1'), new Array('Meditasi','katalogbuku.php?masId=16&catId=62&page=1'), new Array('Pendidikan & Pengajar','katalogbuku.php?masId=16&catId=261&page=1'), new Array('Spiritualitas','katalogbuku.php?masId=16&catId=60&page=1')),new Array(new Array('Kedokteran','katalogbuku.php?masId=13&catId=51&page=1'), new Array('Lingkungan Hidup','katalogbuku.php?masId=13&catId=52&page=1'), new Array('Pendidikan Seks','katalogbuku.php?masId=13&catId=77&page=1'), new Array('Pengetahuan Kesehatan','katalogbuku.php?masId=13&catId=78&page=1'), new Array('Penyembuhan Alternatif','katalogbuku.php?masId=13&catId=79&page=1'), new Array('Perawatan Anak','katalogbuku.php?masId=13&catId=254&page=1'), new Array('Ramuan Tradisional','katalogbuku.php?masId=13&catId=122&page=1')),new Array(new Array('Comic','katalogbuku.php?masId=2&catId=228&page=1'), new Array('Indonesia','katalogbuku.php?masId=2&catId=196&page=1'), new Array('Komedi','katalogbuku.php?masId=2&catId=12&page=1')),new Array(new Array('2D Animation & Drawing','katalogbuku.php?masId=10&catId=39&page=1'), new Array('3D Animation & Modeling','katalogbuku.php?masId=10&catId=131&page=1'), new Array('Aplikasi Mobile','katalogbuku.php?masId=10&catId=128&page=1'), new Array('Arsitektur Komputer','katalogbuku.php?masId=10&catId=44&page=1'), new Array('CD Program','katalogbuku.php?masId=10&catId=280&page=1'), new Array('Database & Sisfo','katalogbuku.php?masId=10&catId=37&page=1'), new Array('Desain Grafis','katalogbuku.php?masId=10&catId=38&page=1'), new Array('Fotografi','katalogbuku.php?masId=10&catId=133&page=1'), new Array('Grafis & Ilustrasi','katalogbuku.php?masId=10&catId=130&page=1'), new Array('Hardware','katalogbuku.php?masId=10&catId=258&page=1'), new Array('Internet','katalogbuku.php?masId=10&catId=43&page=1'), new Array('Jaringan','katalogbuku.php?masId=10&catId=35&page=1'), new Array('Komputasi Numerik','katalogbuku.php?masId=10&catId=138&page=1'), new Array('Multimedia','katalogbuku.php?masId=10&catId=41&page=1'), new Array('Office','katalogbuku.php?masId=10&catId=42&page=1'), new Array('Open Source','katalogbuku.php?masId=10&catId=257&page=1'), new Array('Pemrograman','katalogbuku.php?masId=10&catId=36&page=1'), new Array('Pengenalan Komputer','katalogbuku.php?masId=10&catId=103&page=1'), new Array('Sekuriti','katalogbuku.php?masId=10&catId=137&page=1'), new Array('Sistem Operasi','katalogbuku.php?masId=10&catId=34&page=1'), new Array('Software','katalogbuku.php?masId=10&catId=279&page=1'), new Array('Tools & Utiliti','katalogbuku.php?masId=10&catId=99&page=1'), new Array('Video Editing','katalogbuku.php?masId=10&catId=132&page=1'), new Array('Web Design','katalogbuku.php?masId=10&catId=98&page=1'), new Array('Web Programming','katalogbuku.php?masId=10&catId=134&page=1')),new Array(new Array('Anak-Anak','katalogbuku.php?masId=21&catId=344&page=1'), new Array('Animasi & Komik','katalogbuku.php?masId=21&catId=221&page=1'), new Array('Bisnis','katalogbuku.php?masId=21&catId=211&page=1'), new Array('Busana & Kecantikan','katalogbuku.php?masId=21&catId=220&page=1'), new Array('Dekorasi','katalogbuku.php?masId=21&catId=341&page=1'), new Array('Desain Grafis','katalogbuku.php?masId=21&catId=281&page=1'), new Array('Dokter & Profesi Medis Lain','katalogbuku.php?masId=21&catId=362&page=1'), new Array('Entrepreneurship','katalogbuku.php?masId=21&catId=253&page=1'), new Array('Film & Musik','katalogbuku.php?masId=21&catId=219&page=1'), new Array('Games','katalogbuku.php?masId=21&catId=223&page=1'), new Array('Ibu & Anak','katalogbuku.php?masId=21&catId=216&page=1'), new Array('Katering & Banquet','katalogbuku.php?masId=21&catId=311&page=1'), new Array('Kesehatan','katalogbuku.php?masId=21&catId=218&page=1'), new Array('Listrik & Energi','katalogbuku.php?masId=21&catId=381&page=1'), new Array('Marketing','katalogbuku.php?masId=21&catId=212&page=1'), new Array('Motivasi','katalogbuku.php?masId=21&catId=360&page=1'), new Array('Olah Raga','katalogbuku.php?masId=21&catId=298&page=1'), new Array('Otomotif','katalogbuku.php?masId=21&catId=214&page=1'), new Array('Pria Dewasa','katalogbuku.php?masId=21&catId=207&page=1'), new Array('Property','katalogbuku.php?masId=21&catId=282&page=1'), new Array('Remaja (Cewek)','katalogbuku.php?masId=21&catId=217&page=1'), new Array('Remaja Umum','katalogbuku.php?masId=21&catId=342&page=1'), new Array('Teknologi & Lifestyle','katalogbuku.php?masId=21&catId=252&page=1'), new Array('Travel-Wisata','katalogbuku.php?masId=21&catId=224&page=1'), new Array('Wanita','katalogbuku.php?masId=21&catId=213&page=1'), new Array('Wedding','katalogbuku.php?masId=21&catId=225&page=1')),new Array(new Array('Kue','katalogbuku.php?masId=17&catId=64&page=1'), new Array('Makanan','katalogbuku.php?masId=17&catId=158&page=1'), new Array('Menu Anak','katalogbuku.php?masId=17&catId=67&page=1'), new Array('Menu Ibu Hamil','katalogbuku.php?masId=17&catId=124&page=1'), new Array('Menu Sehat','katalogbuku.php?masId=17&catId=291&page=1'), new Array('Mie & Pasta','katalogbuku.php?masId=17&catId=159&page=1'), new Array('Minuman','katalogbuku.php?masId=17&catId=155&page=1'), new Array('Resep Masakan','katalogbuku.php?masId=17&catId=63&page=1'), new Array('Roti','katalogbuku.php?masId=17&catId=65&page=1'), new Array('Steak','katalogbuku.php?masId=17&catId=156&page=1')),new Array(new Array('Audiobooks','katalogbuku.php?masId=23&catId=346&page=1'), new Array('Kisah Nyata','katalogbuku.php?masId=23&catId=194&page=1'), new Array('Komunikasi','katalogbuku.php?masId=23&catId=202&page=1'), new Array('Lifestyle','katalogbuku.php?masId=23&catId=288&page=1'), new Array('Non-Fiksi Umum','katalogbuku.php?masId=23&catId=114&page=1'), new Array('Personal Literature','katalogbuku.php?masId=23&catId=301&page=1'), new Array('SMS','katalogbuku.php?masId=23&catId=141&page=1')),new Array(new Array('Orang Tua dan Anak','katalogbuku.php?masId=4&catId=20&page=1'), new Array('Psikologi & Pendidikan Anak','katalogbuku.php?masId=4&catId=19&page=1')),new Array(new Array('Pariwisata','katalogbuku.php?masId=14&catId=54&page=1'), new Array('Perhotelan','katalogbuku.php?masId=14&catId=53&page=1')),new Array(new Array('Agenda','katalogbuku.php?masId=44&catId=415&page=1'), new Array('Aksesoris','katalogbuku.php?masId=44&catId=398&page=1'), new Array('Alat Peraga','katalogbuku.php?masId=44&catId=339&page=1'), new Array('CD Musik','katalogbuku.php?masId=44&catId=435&page=1'), new Array('FlashDisk','katalogbuku.php?masId=44&catId=451&page=1'), new Array('Kalender','katalogbuku.php?masId=44&catId=412&page=1'), new Array('Kartu Edukatif','katalogbuku.php?masId=44&catId=429&page=1'), new Array('Kereta Kayu','katalogbuku.php?masId=44&catId=305&page=1'), new Array('Melatih Tangan','katalogbuku.php?masId=44&catId=338&page=1'), new Array('Permainan Kayu dan Angka','katalogbuku.php?masId=44&catId=304&page=1'), new Array('Poster','katalogbuku.php?masId=44&catId=417&page=1'), new Array('Puzzle','katalogbuku.php?masId=44&catId=303&page=1'), new Array('Tshirt','katalogbuku.php?masId=44&catId=378&page=1')),new Array(new Array('Motivasi','katalogbuku.php?masId=5&catId=144&page=1'), new Array('Pengembangan Diri','katalogbuku.php?masId=5&catId=75&page=1'), new Array('Psikologi','katalogbuku.php?masId=5&catId=21&page=1')),new Array(new Array('Atlas Bergambar Anak-anak','katalogbuku.php?masId=20&catId=82&page=1'), new Array('Ensiklopedia','katalogbuku.php?masId=20&catId=49&page=1'), new Array('Ensiklopedia Islam','katalogbuku.php?masId=20&catId=299&page=1'), new Array('Handbook','katalogbuku.php?masId=20&catId=300&page=1'), new Array('Referensi Umum','katalogbuku.php?masId=20&catId=74&page=1')),new Array(new Array('Cewek','katalogbuku.php?masId=24&catId=115&page=1'), new Array('Cowok','katalogbuku.php?masId=24&catId=148&page=1'), new Array('Pengembangan Diri','katalogbuku.php?masId=24&catId=143&page=1'), new Array('Remaja Umum','katalogbuku.php?masId=24&catId=116&page=1')),new Array(new Array('Astronomi','katalogbuku.php?masId=12&catId=83&page=1'), new Array('Biologi','katalogbuku.php?masId=12&catId=50&page=1'), new Array('Ekologi','katalogbuku.php?masId=12&catId=164&page=1'), new Array('Fisika','katalogbuku.php?masId=12&catId=85&page=1'), new Array('Kimia','katalogbuku.php?masId=12&catId=86&page=1'), new Array('Pertanian','katalogbuku.php?masId=12&catId=123&page=1'), new Array('Sains Spiritualitas','katalogbuku.php?masId=12&catId=151&page=1'), new Array('Sains Umum','katalogbuku.php?masId=12&catId=84&page=1')),new Array(new Array('Cerpen','katalogbuku.php?masId=18&catId=69&page=1'), new Array('Esai','katalogbuku.php?masId=18&catId=135&page=1'), new Array('Filsafat','katalogbuku.php?masId=18&catId=70&page=1'), new Array('Jurnal Sastra','katalogbuku.php?masId=18&catId=136&page=1'), new Array('Kumpulan Puisi','katalogbuku.php?masId=18&catId=68&page=1'), new Array('Sajak','katalogbuku.php?masId=18&catId=302&page=1')),new Array(new Array('Kebudayaan','katalogbuku.php?masId=8&catId=109&page=1'), new Array('Sejarah Agama','katalogbuku.php?masId=8&catId=201&page=1'), new Array('Sejarah Dunia','katalogbuku.php?masId=8&catId=30&page=1'), new Array('Sejarah Indonesia','katalogbuku.php?masId=8&catId=29&page=1')),new Array(new Array('Arsitektur','katalogbuku.php?masId=27&catId=166&page=1'), new Array('Elektro','katalogbuku.php?masId=27&catId=168&page=1'), new Array('Mesin','katalogbuku.php?masId=27&catId=167&page=1')),new Array(new Array('Karya Indonesia','katalogbuku.php?masId=30&catId=226&page=1'), new Array('Saduran','katalogbuku.php?masId=30&catId=197&page=1')));
expand=new Array();
function showHide(idx,trID)
{
var trs=document.getElementsByTagName('tr');
for(i=0;i<trs.length;i++)
{
text=trs[i].getElementsByTagName('td')[0].getElementsByTagName('a')[0];
if(text!=null)
{
if(trs[i].id==trID)
{
if(expand[idx]=='' || !expand[idx])
{
if(i!=(trs.length-1))
{
for(j=arr[idx].length-1;j>=0;j--)
{
trs[i].getElementsByTagName('span')[0].innerHTML='-';
trs[i].parentNode.insertBefore(createTR('<a href="'+arr[idx][j][1]+'">'+arr[idx][j][0]+'</
a>'), trs[i].nextSibling);
a>'), trs[i].nextSibling);
}
expand[idx]=true;
}
}
else
{
while(trs[i+1].id=='')
{
trs[i].getElementsByTagName('span')[0].innerHTML='+';
trs[i].parentNode.removeChild(trs[i].nextSibling);
}
expand[idx]=false;
}
}
}
}
}
var opn;
function showHideAll(aObj)
{
counter=0;
if(!opn || opn=='')
{
opn=true;
aObj.innerHTML='[-] Tutup Semua Kategori';
}
else
{
opn=false;
aObj.innerHTML='[+] Buka Semua Kategori';
}
var trs=document.getElementsByTagName('tr');
for(i=0;i<trs.length;i++)
{
text=trs[i].getElementsByTagName('td')[0].getElementsByTagName('a')[0];
if(text!=null)
{
if(trs[i].id!='')
{
if(expand[counter]!=opn)
{
if(expand[counter]=='' || !expand[counter])
{
if(i!=(trs.length-1))
{
for(j=arr[counter].length-1;j>=0;j--)
{
trs[i].getElementsByTagName('span')[0].innerHTML='-';
trs[i].parentNode.insertBefore(createTR('<a href="'+arr[counter][j][1]+'">'+arr[counter][j][0]+'</
a>'), trs[i].nextSibling);
a>'), trs[i].nextSibling);
}
expand[counter]=true;
}
}
else
{
for(j=0;j<arr[counter].length;j++)
{
trs[i].getElementsByTagName('span')[0].innerHTML='+';
trs[i].parentNode.removeChild(trs[i].nextSibling);
}
expand[counter]=false;
}
}
counter++;
}
}
}
}
function createTR(str)
{
var tr=document.createElement('tr');
var td1=document.createElement('td');
var td2=document.createElement('td');
td1.setAttribute('class','username');
td1.setAttribute('align','center');
td1.setAttribute('width','12%');
td1.innerHTML='-';
td2.setAttribute('valign','center');
td2.setAttribute('width','88%');
td2.setAttribute('class','subkatLink');
td2.innerHTML=str;
tr.appendChild(td1);
tr.appendChild(td2);
return tr;
}
</script> </table>
</td>
</tr>
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="128" height="12"><img src="images/kategori_03.gif" width="182" height="12" alt="" /></td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top" class="jarak_kategori">
<table width="182" border="0" cellpadding="0" cellspacing="0">
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="128" height="38"><img src="images/alat_tulis.gif" width="182" height="38" alt="" /></td>
</tr>
<tr>
<td valign="top" class="borderkategori">
Remove SUMMARY and CAPTION if this is a layout table.
<table width="100%" border="0" cellspacing="0">
<scrip
t>
Document type does not allow element "SCRIPT" here; assuming missing "CAPTION" start-tag.
Line 625 HTML Validation
t>
);
expandATK=new Array();
function showHideATK(idx,trID)
{
var trsATK=document.getElementsByTagName('tr');
for(i=0;i<trsATK.length;i++)
{
textATK=trsATK[i].getElementsByTagName('td')[0].getElementsByTagName('a')[0];
if(textATK!=null)
{
if(trsATK[i].id==trID)
{
if(expandATK[idx]=='' || !expandATK[idx])
{
if(i!=(trsATK.length-1))
{
for(j=arrATK[idx].length-1;j>=0;j--)
{
trsATK[i].getElementsByTagName('span')[0].innerHTML='-';
trsATK[i].parentNode.insertBefore(createTR('<a href="'+arrATK[idx][j][1]+'">'+arrATK[idx][j][0]+'</
a>'), trsATK[i].nextSibling);
a>'), trsATK[i].nextSibling);
}
expandATK[idx]=true;
}
}
else
{
while(trsATK[i+1].id=='')
{
trsATK[i].getElementsByTagName('span')[0].innerHTML='+';
trsATK[i].parentNode.removeChild(trsATK[i].nextSibling);
}
expandATK[idx]=false;
}
}
}
}
}
var opnATK;
function showHideAllATK(aObj)
{
counterATK=0;
if(!opnATK || opnATK=='')
{
opnATK=true;
aObj.innerHTML='[-] Tutup Semua Kategori';
}
else
{
opnATK=false;
aObj.innerHTML='[+] Buka Semua Kategori';
}
var trsATK=document.getElementsByTagName('tr');
for(i=0;i<trsATK.length;i++)
{
textATK=trsATK[i].getElementsByTagName('td')[0].getElementsByTagName('a')[0];
if(textATK!=null)
{
if(trsATK[i].id!='')
{
if(expandATK[counterATK]!=opnATK)
{
if(expandATK[counterATK]=='' || !expandATK[counterATK])
{
if(i!=(trsATK.length-1))
{
for(j=arrATK[counterATK].length-1;j>=0;j--)
{
trsATK[i].getElementsByTagName('span')[0].innerHTML='-';
trsATK[i].parentNode.insertBefore(createTR('<a href="'+arrATK[counterATK][j][1]+'">'+arrATK[counterATK][j][0]+'</
a>'), trsATK[i].nextSibling);
a>'), trsATK[i].nextSibling);
}
expandATK[counterATK]=true;
}
}
else
{
for(j=0;j<arrATK[counterATK].length;j++)
{
trsATK[i].getElementsByTagName('span')[0].innerHTML='+';
trsATK[i].parentNode.removeChild(trsATK[i].nextSibling);
}
expandATK[counterATK]=false;
}
}
counterATK++;
}
}
}
}
function createTR(str)
{
var trATK=document.createElement('tr');
var td1ATK=document.createElement('td');
var td2ATK=document.createElement('td');
td1ATK.setAttribute('class','username');
td1ATK.setAttribute('align','center');
td1ATK.setAttribute('width','12%');
td1ATK.innerHTML='-';
td2ATK.setAttribute('valign','center');
td2ATK.setAttribute('width','88%');
td2ATK.setAttribute('class','subkatLink');
td2ATK.innerHTML=str;
trATK.appendChild(td1ATK);
trATK.appendChild(td2ATK);
return trATK;
}
</script> </tabl
e>
End tag for "CAPTION" omitted, but its declaration does not permit this.
Line 734 HTML Validation
Either tags are not nested properly, or the element must contain other elements.
For example, the HEAD element must contain a TITLE element and the TR element must contain a TD element.
e>
</td>
</tr>
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="128" height="12"><img src="images/kategori_03.gif" width="182" height="12" alt="" /></td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="jarak_kategori" align="center"><a name="ibawahkiri"></a>
<a href='http://www.bukukita.com/Biografi-dan-Memoar/Biografi/116954-Buku-Noah-Eksklusif-Limited-edition-,-6.903-Mil:-Cerita-di-Balik-Konser-2-Benua-5-Negara.html'>
<img src='images/banner/418' width='182' height='150' border='0' title='Paket Buku Noah Eksklusif Bersertifikat
'></a><br><span align='center' style='color:#999999;font-size:9px;font-family:arial'>Tayang: 30 hari lagi</span></td>
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.
<a href='http://www.bukukita.com/Biografi-dan-Memoar/Biografi/116954-Buku-Noah-Eksklusif-Limited-edition-,-6.903-Mil:-Cerita-di-Balik-Konser-2-Benua-5-Negara.html'>
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Replace the border attribute with a CSS rule. For example:
img { border: 1px solid red; }
img { border: none; }
<img src='images/banner/418' width='182' height='150' border='0' title='Paket Buku Noah Eksklusif Bersertifikat
'></a><br><span align='center' style='color:#999999;font-size:9px;font-family:arial'>Tayang: 30 hari lagi</span></td>
</tr>
<tr>
<td class="jarak_kategori" align="center">
<a href='http://www.bukukita.com/berita/promo/622-gunakan-xl-tunai-dan-dapatkan-potongan-rp-25-000.html' target='_blank'>
<img src='images/banner/427' width='182' height='150' border='0' title='Pakai XL TUNAI dan Dapatkan Potongan Rp 25.000
'></a><br><span align='center' style='color:#999999;font-size:9px;font-family:arial'>Tayang: 17 hari lagi</span></td>
Avoid specifying a new window as the target of a link with target="_blank".
Line 748 WCAG2 AAA F22
Displaying new windows without warning is very confusing to non-sighted users
because some screen readers do not give any indication when new windows appear.
If you cannot avoid displaying a new window, insert a warning into the link text like the following: "opens in a new window".
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.
<a href='http://www.bukukita.com/berita/promo/622-gunakan-xl-tunai-dan-dapatkan-potongan-rp-25-000.html' target='_blank'>
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Replace the border attribute with a CSS rule. For example:
img { border: 1px solid red; }
img { border: none; }
<img src='images/banner/427' width='182' height='150' border='0' title='Pakai XL TUNAI dan Dapatkan Potongan Rp 25.000
'></a><br><span align='center' style='color:#999999;font-size:9px;font-family:arial'>Tayang: 17 hari lagi</span></td>
</tr>
<tr>
<td class="jarak_kategori" align="center">
<a href='http://m.bukukita.com' target='_blank'>
<img src='images/banner/422' width='182' height='75' border='0' title='Akses Cepat via Mobile >> m.bukukita.com
'></a><br><span align='center' style='color:#999999;font-size:9px;font-family:arial'>Tayang: 82 hari lagi</span></td>
Avoid specifying a new window as the target of a link with target="_blank".
Line 751 WCAG2 AAA F22
Displaying new windows without warning is very confusing to non-sighted users
because some screen readers do not give any indication when new windows appear.
If you cannot avoid displaying a new window, insert a warning into the link text like the following: "opens in a new window".
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.
<a href='http://m.bukukita.com' target='_blank'>
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Replace the border attribute with a CSS rule. For example:
img { border: 1px solid red; }
img { border: none; }
<img src='images/banner/422' width='182' height='75' border='0' title='Akses Cepat via Mobile >> m.bukukita.com
'></a><br><span align='center' style='color:#999999;font-size:9px;font-family:arial'>Tayang: 82 hari lagi</span></td>
</tr>
<tr>
<td class="jarak_kategori" align="center">
<a href='http://www.bukukita.com/katalogbuku.php?masId=21'>
<img src='images/banner/178' width='182' height='75' border='0' title='Majalah Murah, Majalah Online, Majalah Lengkap Tersedia di Bukukita
'></a><br><span align='center' style='color:#999999;font-size:9px;font-family:arial'>Tayang: 9 hari lagi</span></td>
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.
<a href='http://www.bukukita.com/katalogbuku.php?masId=21'>
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Replace the border attribute with a CSS rule. For example:
img { border: 1px solid red; }
img { border: none; }
<img src='images/banner/178' width='182' height='75' border='0' title='Majalah Murah, Majalah Online, Majalah Lengkap Tersedia di Bukukita
'></a><br><span align='center' style='color:#999999;font-size:9px;font-family:arial'>Tayang: 9 hari lagi</span></td>
<tr>
<td class="jarak_kategori" align="center">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-7440868299486030";
/* 160x600bk */
google_ad_slot = "8541848549";
google_ad_width = 160;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td>
</tr>
</t
r>
End tag for "TABLE" omitted, but its declaration does not permit this.
Line 775 HTML Validation
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
This page has malformed tags which IE8 and later treat differently from earlier versions of IE.
Line 775 Internet Explorer
Fix the errors listed on the Standards tab of this report.
Markup errors like missing end tags means IE8 and IE9 may display different content from IE6 and IE7.
Fix the critical errors listed on the Standards tab of this report. Markup errors like missing end tags or unclosed comments mean search engine web crawlers may skip important content.
r>
</table></td>
<td align="left" valign="top" class="jarak_teks_menu">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top" class="jarak_kanan2">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="7" height="7"><img src="images/border_content_01.gif" width="7" height="7" alt="" /></td>
Use background images sparingly and make sure they are simple, especially behind text.
Line 784 Usability.gov 14:1
Background images can make it difficult for users to read foreground text. A single, large, complex background image (including a picture) can substantially slow page download rates.
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="100%" background="images/border_content_02.gif"><img src="images/border_content_02.gif" width="390" height="7" alt="" /></td>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="7" height="7"><img src="images/border_content_03.gif" width="7" height="7" alt="" /></td>
</tr>
<tr>
<td colspan="3" valign="top" class="border_content">
<Script LANGUAGE="JavaScript
">
Replace the language attribute with type="text/javascript"
<Script LANGUAGE="JavaScript
">
function showpage1(form)
{
var item = form.dpId.selectedIndex;
choice = form.dpId.options[item].value;
if (choice!="") top.location.href=(choice);
}
function cek()
{
frm=document.forms[2];
if(frm.dpId.value=='' || frm.dpId.value<0)
{
alert("Nama Propinsi harus dipilih");
frm.dpId.focus();
return false;
}
if(navigator.appName=='Microsoft Internet Explorer')
{
if(frm.dcrId.value=='')
{
alert("Nama Kota/Wilayah harus dipilih");
frm.dcrId.focus();
return false;
}
if(frm.dcrId.value=='Lainnya')
{
if(frm.kotalain.value=='')
{
alert("Jika Lainnya harus diisi");
frm.kotalain.focus();
return false;
}
}
}
else
{
cmp=document.getElementById('dcrId');
if(cmp.value=='0' || cmp.value=='')
{
alert("Nama Kota/Wilayah harus dipilih");
cmp.focus();
return false;
}
if(cmp.value=='Lainnya' && document.getElementById('kotalain').value=='')
{
alert("Jika Lainnya harus diisi");
document.getElementById('kotalain').focus();
return false;
}
}
if(frm.street.value=='')
{
alert("Alamat harus diisi");
frm.street.select();
return false;
}
if(frm.postcode.value=='')
{
alert("Kode Pos harus diisi");
frm.postcode.focus();
return false;
}
if(isNaN(frm.postcode.value))
{
alert("Kode Pos harus angka");
frm.postcode.select();
return false;
}
if(frm.postcode.value.length!=5)
{
alert("Kode Pos harus 5 digit angka");
frm.postcode.focus();
return false;
}
gdr=frm.gender;
if(!gdr[0].checked && !gdr[1].checked)
{
alert('Jenis Kelamin harus dipilih');
gdr[0].focus();
return false;
}
if(frm.nama.value=='')
{
alert("Nama Lengkap harus diisi");
frm.nama.focus();
return false;
}
if(frm.tgl.value=='')
{
alert("Tanggal harus dipilih");
frm.tgl.focus();
return false;
}
if(frm.bln.value=='')
{
alert("Bulan harus dipilih");
frm.bln.focus();
return false;
}
if(frm.thn.value=='')
{
alert("Tahun harus dipilih");
frm.thn.focus();
return false;
}
if(frm.email.value=='')
{
alert("Alamat Email harus diisi");
frm.email.focus();
return false;
}
em=frm.email;
if(em.value.lastIndexOf('.')<em.value.indexOf('@') || em.value.indexOf('@')==-1)
{
alert('Format Email harus abc@yahoo.com');
em.select();
return false;
}
if(frm.telp.value=='' && frm.hp.value=='')
{
alert("No. Telepon atau No. Handphone harus diisi");
frm.telp.focus();
return false;
}
if(isNaN(frm.telp.value) || isNaN(frm.hp.value))
{
alert("No. Telepon atau No. Handphone harus angka");
if(frm.telp.value!="") frm.telp.select();
else if(frm.hp.value!="") frm.hp.select();
return false;
}
mls=frm.milis;
if(!mls[0].checked && !mls[1].checked)
{
alert("Ikutan Mailing List harus dipilih");
mls[0].focus();
return false;
}
if(frm.user.value=='')
{
alert("Nama User harus diisi");
frm.user.focus();
return false;
}
if(!isNaN(frm.user.value))
{
alert("Nama User tidak boleh angka");
frm.user.focus();
return false;
}
if(frm.pass1.value=='' && frm.pass2.value=='')
{
alert("Password harus diisi");
frm.pass1.focus();
return false;
}
if(frm.pass1.value!=frm.pass2.value)
{
alert("Password dan Konfirmasi Password tidak sama");
frm.pass1.select();
return false;
}
}
</script>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<table width="370" border="0" cellspacing="0">
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
<td height="30">
<table width="210" border="0" cellspacing="0">
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="21" align="right">
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
<img src="images/arow.gif" width="16" height="16"
/></td>
<td>
<img src="images/regis.gif
"></td>
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 963 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="images/regis.gif
"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<scrip
t>
t>
function init()
{
cmp=document.getElementById("divJsSt");
cmp.className="hide";
}
onload=init;
</script>
Forms that force users to shift back and forth between keyboard and mouse substantially slow their entry speed. This form contains text boxes requiring keyboard input, and other controls requiring mouse input.
Line 980 Usability.gov 13:13
Replace the dropdown list with a control that allows keyboard input, so the whole form can be completed using the keyboard.
<form action="daftar.php?po=1" method="post" name="isi_data" onSubmit="return cek()
">
">
<td valign="top" bgcolor="#FFFFFF" class="jarak_tombol_menu">
<table width="100%" class="formArea">
<tr bgcolor="f1f1f1" class="header">
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
<td height="21" colspan="3" class="formAreaTitle"><span class="judul_buku">Data Alamat</span></td>
</tr>
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="150">Nama Negara</td>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="350" colspan="2">:
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control. This allows screen readers to tell the user what each control does.
Do not wrap LABEL tags around input controls (implicit labels) since this is very unreliable in older screen readers.
This form has fields without LABEL elements or TITLE attributes.
Line 990 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.
Display default values whenever a likely default choice can be defined. Provide a default selection for SELECT lists.
Line 990 Usability.gov 13:18
When likely default values are known, offer those values to speed data entry. The initial or default item could be the most frequently selected item or the last item selected by that user.
Use LABEL tags for each data entry field to show what data is expected.
Line 990 Usability.gov 13:5
Make sure each INPUT field has an associated LABEL tag describing the field.
<select size="1" name="dcId">
<option value='1'>Indonesia</option> </select>
<span class="inputRequirement">*</span>
</td>
</tr>
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="150">Nama Propinsi</td>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="350" colspan="2">:
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control. This allows screen readers to tell the user what each control does.
Do not wrap LABEL tags around input controls (implicit labels) since this is very unreliable in older screen readers.
This form has fields without LABEL elements or TITLE attributes.
Line 998 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 option groups when a drop down list has more than 10 items.
Line 998 Usability.gov 13:12
Group related options using OPTGROUP tags.
Display default values whenever a likely default choice can be defined. Provide a default selection for SELECT lists.
Line 998 Usability.gov 13:18
When likely default values are known, offer those values to speed data entry. The initial or default item could be the most frequently selected item or the last item selected by that user.
Use LABEL tags for each data entry field to show what data is expected.
Line 998 Usability.gov 13:5
Make sure each INPUT field has an associated LABEL tag describing the field.
<select size="1" name="dpId" onchange="getCmbValues('divCity',this.value);">
<option value='-1'>Pilih Propinsi</option><option value='14'>Bali</option><option value='10'>Banten</option><option value='6'>Bengkulu</option><option value='13'>DI Yogyakarta</option><option value='17'>DKI Jakarta</option><option value='32'>Gorontalo</option><option value='33'>Irian Jaya Barat</option><option value='4'>Jambi</option><option value='11'>Jawa Barat</option><option value='12'>Jawa Tengah</option><option value='9'>Jawa Timur</option><option value='15'>Kalimantan Barat</option><option value='16'>Kalimantan Selatan</option><option value='18'>Kalimantan Tengah</option><option value='19'>Kalimantan Timur</option><option value='35'>Kalimantan Utara</option><option value='28'>Kepulauan Bangka Belitung</option><option value='30'>Kepulauan Riau</option><option value='7'>Lampung</option><option value='24'>Maluku</option><option value='31'>Maluku Utara</option><option value='1'>Nanggroe Aceh Darussalam</option><option value='25'>Nusa Tenggara Barat</option><option value='27'>Nusa Tenggara Timur</option><option value='26'>Papua</option><option value='3'>Riau</option><option value='34'>Sanga-Sanga</option><option value='29'>Sulawesi Barat</option><option value='20'>Sulawesi Selatan</option><option value='21'>Sulawesi Tengah</option><option value='22'>Sulawesi Tenggara</option><option value='23'>Sulawesi Utara</option><option value='8'>Sumatera Barat</option><option value='5'>Sumatera Selatan</option><option value='2'>Sumatera Utara</option> </select>
<span class="inputRequirement">*</span>
</td>
</tr>
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="150" valign="top">Nama Kota/Wilayah</td>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="350" colspan="2">:
<div id="divCity" style="display:inline">
<select size="1" id="dcrId" name="dcrId">
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control. This allows screen readers to tell the user what each control does.
Do not wrap LABEL tags around input controls (implicit labels) since this is very unreliable in older screen readers.
This form has fields without LABEL elements or TITLE attributes.
Line 1006 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.
Display default values whenever a likely default choice can be defined. Provide a default selection for SELECT lists.
Line 1006 Usability.gov 13:18
When likely default values are known, offer those values to speed data entry. The initial or default item could be the most frequently selected item or the last item selected by that user.
Use LABEL tags for each data entry field to show what data is expected.
Line 1006 Usability.gov 13:5
Make sure each INPUT field has an associated LABEL tag describing the field.
<select size="1" id="dcrId" name="dcrId">
<option value=''>Pilih Kota/Wilayah</option> </select> <div id="divJsSt" class="inputRequirement">(Javascript harus aktif) </div>
<span class="inputRequirement">*</span>
<br> Jika Lainnya :
<input type="text" id="kotalain" name="kotalain" size="25" maxlength="50" /> </div>
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control. This allows screen readers to tell the user what each control does.
Do not wrap LABEL tags around input controls (implicit labels) since this is very unreliable in older screen readers.
This form has fields without LABEL elements or TITLE attributes.
Line 1009 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 1009 Usability.gov 13:5
Make sure each INPUT field has an associated LABEL tag describing the field.
<input type="text" id="kotalain" name="kotalain" size="25" maxlength="50" /> </div>
</td>
</tr>
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="150">Alamat</td>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="350" colspan="2" valign="top">:
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control. This allows screen readers to tell the user what each control does.
Do not wrap LABEL tags around input controls (implicit labels) since this is very unreliable in older screen readers.
This form has fields without LABEL elements or TITLE attributes.
Line 1015 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 1015 Usability.gov 13:5
Make sure each INPUT field has an associated LABEL tag describing the field.
<textarea name="street" class="textfield_01" rows="5" cols="50" wrap
This happens when the version of HTML used on this page doesn't support an attribute with this name. This can happen
if the attribute is misspelled, is uppercase or mixed case in XHTML, or isn't supported by some HTML versions.
For example, HTML 4 DOCTYPEs don't allow HTML 5 attributes and Strict DOCTYPEs don't allow stylistic attributes
which were present in earlier versions of HTML.
="physical"></textarea>
<span class="inputRequirement">*</span>
</td>
</tr>
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="150">Kode Pos</td>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="350" colspan="2">:
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control. This allows screen readers to tell the user what each control does.
Do not wrap LABEL tags around input controls (implicit labels) since this is very unreliable in older screen readers.
This form has fields without LABEL elements or TITLE attributes.
Line 1022 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 1022 Usability.gov 13:5
Make sure each INPUT field has an associated LABEL tag describing the field.
<input type="text" name="postcode" size="8" maxlength="5" />
<span class="inputRequirement">* (diisi 5 digit angka)</span><br> Panduan Lihat Kode Pos:
<a href="http://www.posindonesia.co.id/kodepos.php" target="_blank">Pos Indonesia</a> atau
<a href="http://www.indonesianewsonline.com/prangko/stamps/kodepos.htm" target="_blank">Filateli</a> </td>
Avoid specifying a new window as the target of a link with target="_blank".
Line 1023 WCAG2 AAA F22
Displaying new windows without warning is very confusing to non-sighted users
because some screen readers do not give any indication when new windows appear.
If you cannot avoid displaying a new window, insert a warning into the link text like the following: "opens in a new window".
<a href="http://www.posindonesia.co.id/kodepos.php" target="_blank">Pos Indonesia</a> atau
Avoid specifying a new window as the target of a link with target="_blank".
Line 1023 WCAG2 AAA F22
Displaying new windows without warning is very confusing to non-sighted users
because some screen readers do not give any indication when new windows appear.
If you cannot avoid displaying a new window, insert a warning into the link text like the following: "opens in a new window".
<a href="http://www.indonesianewsonline.com/prangko/stamps/kodepos.htm" target="_blank">Filateli</a> </td>
</tr>
<tr bgcolor="#f1f1f1" class="header">
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
<td height="21" colspan="3" class="formAreaTitle"><span class="judul_buku">Data Pribadi</span></td>
</tr>
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="150">Jenis Kelamin</td>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="350" colspan="2">:
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control. This allows screen readers to tell the user what each control does.
Do not wrap LABEL tags around input controls (implicit labels) since this is very unreliable in older screen readers.
This form has fields without LABEL elements or TITLE attributes.
Line 1032 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.
Make sure one radio button in a radio button group is always selected. If users can choose not to activate any of the radio button choices, provide a choice labeled 'None'.
Line 1032 Usability.gov 13:23
Use LABEL tags for each data entry field to show what data is expected.
Line 1032 Usability.gov 13:5
Make sure each INPUT field has an associated LABEL tag describing the field.
<input type="radio" value="1" name="gender">Laki - Laki
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control. This allows screen readers to tell the user what each control does.
Do not wrap LABEL tags around input controls (implicit labels) since this is very unreliable in older screen readers.
All fields in a group of input fields (for example phone numbers) need a label.
Line 1032 WCAG2 A F86
Add a LABEL tag or TITLE attribute for each field, and if required, use CSS to hide the label from sighted users.
This form has fields without LABEL elements or TITLE attributes.
Line 1032 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.
Make sure one radio button in a radio button group is always selected. If users can choose not to activate any of the radio button choices, provide a choice labeled 'None'.
Line 1032 Usability.gov 13:23
Use LABEL tags for each data entry field to show what data is expected.
Line 1032 Usability.gov 13:5
Make sure each INPUT field has an associated LABEL tag describing the field.
<input type="radio" value="0" name="gender" />Perempuan <span class="inputRequirement">* </span>
</td>
</tr>
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="150">Nama Lengkap</td>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="350" colspan="2">:
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control. This allows screen readers to tell the user what each control does.
Do not wrap LABEL tags around input controls (implicit labels) since this is very unreliable in older screen readers.
This form has fields without LABEL elements or TITLE attributes.
Line 1038 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 1038 Usability.gov 13:5
Make sure each INPUT field has an associated LABEL tag describing the field.
<input type="text" name="nama" size="30" maxlength="50" />
<span class="inputRequirement">*</span>
</td>
</tr>
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="150">Tanggal Lahir</td>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="350" colspan="2">:
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control. This allows screen readers to tell the user what each control does.
Do not wrap LABEL tags around input controls (implicit labels) since this is very unreliable in older screen readers.
This form has fields without LABEL elements or TITLE attributes.
Line 1045 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 option groups when a drop down list has more than 10 items.
Line 1045 Usability.gov 13:12
Group related options using OPTGROUP tags.
Display default values whenever a likely default choice can be defined. Provide a default selection for SELECT lists.
Line 1045 Usability.gov 13:18
When likely default values are known, offer those values to speed data entry. The initial or default item could be the most frequently selected item or the last item selected by that user.
Use LABEL tags for each data entry field to show what data is expected.
Line 1045 Usability.gov 13:5
Make sure each INPUT field has an associated LABEL tag describing the field.
<select size="1" name="tgl">
<option></option>
<option value='1'>1</option><option value='2'>2</option><option value='3'>3</option><option value='4'>4</option><option value='5'>5</option><option value='6'>6</option><option value='7'>7</option><option value='8'>8</option><option value='9'>9</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option><option value='13'>13</option><option value='14'>14</option><option value='15'>15</option><option value='16'>16</option><option value='17'>17</option><option value='18'>18</option><option value='19'>19</option><option value='20'>20</option><option value='21'>21</option><option value='22'>22</option><option value='23'>23</option><option value='24'>24</option><option value='25'>25</option><option value='26'>26</option><option value='27'>27</option><option value='28'>28</option><option value='29'>29</option><option value='30'>30</option><option value='31'>31</option> </select> -
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control. This allows screen readers to tell the user what each control does.
Do not wrap LABEL tags around input controls (implicit labels) since this is very unreliable in older screen readers.
This form has fields without LABEL elements or TITLE attributes.
Line 1048 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.
Display default values whenever a likely default choice can be defined. Provide a default selection for SELECT lists.
Line 1048 Usability.gov 13:18
When likely default values are known, offer those values to speed data entry. The initial or default item could be the most frequently selected item or the last item selected by that user.
Use LABEL tags for each data entry field to show what data is expected.
Line 1048 Usability.gov 13:5
Make sure each INPUT field has an associated LABEL tag describing the field.
<select size="1" name="bln">
<option></option>
<option value="01">Januari</option>
<option value="02">Februari</option>
<option value="03">Maret</option>
<option value="04">April</option>
<option value="05">Mei</option>
<option value="06">Juni</option>
<option value="07">Juli</option>
<option value="08">Agustus</option>
<option value="09">September</option>
<option value="10">Oktober</option>
<option value="11">November</option>
<option value="12">Desember</option>
</select> -
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control. This allows screen readers to tell the user what each control does.
Do not wrap LABEL tags around input controls (implicit labels) since this is very unreliable in older screen readers.
This form has fields without LABEL elements or TITLE attributes.
Line 1063 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 option groups when a drop down list has more than 10 items.
Line 1063 Usability.gov 13:12
Group related options using OPTGROUP tags.
Display default values whenever a likely default choice can be defined. Provide a default selection for SELECT lists.
Line 1063 Usability.gov 13:18
When likely default values are known, offer those values to speed data entry. The initial or default item could be the most frequently selected item or the last item selected by that user.
Use LABEL tags for each data entry field to show what data is expected.
Line 1063 Usability.gov 13:5
Make sure each INPUT field has an associated LABEL tag describing the field.
<select size="1" name="thn">
<option></option>
<option value='1938'>1938</option><option value='1939'>1939</option><option value='1940'>1940</option><option value='1941'>1941</option><option value='1942'>1942</option><option value='1943'>1943</option><option value='1944'>1944</option><option value='1945'>1945</option><option value='1946'>1946</option><option value='1947'>1947</option><option value='1948'>1948</option><option value='1949'>1949</option><option value='1950'>1950</option><option value='1951'>1951</option><option value='1952'>1952</option><option value='1953'>1953</option><option value='1954'>1954</option><option value='1955'>1955</option><option value='1956'>1956</option><option value='1957'>1957</option><option value='1958'>1958</option><option value='1959'>1959</option><option value='1960'>1960</option><option value='1961'>1961</option><option value='1962'>1962</option><option value='1963'>1963</option><option value='1964'>1964</option><option value='1965'>1965</option><option value='1966'>1966</option><option value='1967'>1967</option><option value='1968'>1968</option><option value='1969'>1969</option><option value='1970'>1970</option><option value='1971'>1971</option><option value='1972'>1972</option><option value='1973'>1973</option><option value='1974'>1974</option><option value='1975'>1975</option><option value='1976'>1976</option><option value='1977'>1977</option><option value='1978'>1978</option><option value='1979'>1979</option><option value='1980'>1980</option><option value='1981'>1981</option><option value='1982'>1982</option><option value='1983'>1983</option><option value='1984'>1984</option><option value='1985'>1985</option><option value='1986'>1986</option><option value='1987'>1987</option><option value='1988'>1988</option><option value='1989'>1989</option><option value='1990'>1990</option><option value='1991'>1991</option><option value='1992'>1992</option><option value='1993'>1993</option><option value='1994'>1994</option><option value='1995'>1995</option><option value='1996'>1996</option><option value='1997'>1997</option><option value='1998'>1998</option><option value='1999'>1999</option><option value='2000'>2000</option><option value='2001'>2001</option><option value='2002'>2002</option><option value='2003'>2003</option><option value='2004'>2004</option><option value='2005'>2005</option><option value='2006'>2006</option><option value='2007'>2007</option><option value='2008'>2008</option><option value='2009'>2009</option><option value='2010'>2010</option><option value='2011'>2011</option><option value='2012'>2012</option><option value='2013'>2013</option> </select> <span class="inputRequirement">*</span>
</td>
</tr>
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="150">Alamat Email</td>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="350" colspan="2">:
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control. This allows screen readers to tell the user what each control does.
Do not wrap LABEL tags around input controls (implicit labels) since this is very unreliable in older screen readers.
This form has fields without LABEL elements or TITLE attributes.
Line 1071 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 1071 Usability.gov 13:5
Make sure each INPUT field has an associated LABEL tag describing the field.
<input type="text" name="email" size="30" maxlength="100" />
<span class="inputRequirement">* (contoh:abc@yahoo.com)</span>
</td>
</tr>
<tr bgcolor="f1f1f1" class="header">
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
<td height="21" colspan="3" class="formAreaTitle"><span class="judul_buku">Data No. Kontak</span></td>
</tr>
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="150">No. Telepon</td>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="350" colspan="2">:
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control. This allows screen readers to tell the user what each control does.
Do not wrap LABEL tags around input controls (implicit labels) since this is very unreliable in older screen readers.
This form has fields without LABEL elements or TITLE attributes.
Line 1081 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 1081 Usability.gov 13:5
Make sure each INPUT field has an associated LABEL tag describing the field.
<input type="text" name="telp" size="20" maxlength="20" />
<span class="inputRequirement">* (Salah satu dari Telepon dan</span>
</td>
</tr>
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="150">No. Handphone</td>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="350" colspan="2">:
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control. This allows screen readers to tell the user what each control does.
Do not wrap LABEL tags around input controls (implicit labels) since this is very unreliable in older screen readers.
This form has fields without LABEL elements or TITLE attributes.
Line 1088 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 1088 Usability.gov 13:5
Make sure each INPUT field has an associated LABEL tag describing the field.
<input type="text" name="hp" size="20" maxlength="20" />
<span class="inputRequirement">* Handphone harus diisi.)</span>
</td>
</tr>
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="150">No. Faksimili</td>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="350" colspan="2">:
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control. This allows screen readers to tell the user what each control does.
Do not wrap LABEL tags around input controls (implicit labels) since this is very unreliable in older screen readers.
This form has fields without LABEL elements or TITLE attributes.
Line 1095 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 1095 Usability.gov 13:5
Make sure each INPUT field has an associated LABEL tag describing the field.
<input type="text" name="fax" size="20" maxlength="20" />
</td>
</tr>
<tr bgcolor="f1f1f1" class="header">
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
<td height="21" colspan="3" class="formAreaTitle"><span class="judul_buku">Diskusi di Mailing List BukuKita - bukukita@yahoogroups.com</span></td>
</tr>
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="150">Ikutan Mailing List</td>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="350" colspan="2">:
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control. This allows screen readers to tell the user what each control does.
Do not wrap LABEL tags around input controls (implicit labels) since this is very unreliable in older screen readers.
This form has fields without LABEL elements or TITLE attributes.
Line 1104 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.
Make sure one radio button in a radio button group is always selected. If users can choose not to activate any of the radio button choices, provide a choice labeled 'None'.
Line 1104 Usability.gov 13:23
Use LABEL tags for each data entry field to show what data is expected.
Line 1104 Usability.gov 13:5
Make sure each INPUT field has an associated LABEL tag describing the field.
<input type="radio" value="1" name="milis"> Ya, ikutan.
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control. This allows screen readers to tell the user what each control does.
Do not wrap LABEL tags around input controls (implicit labels) since this is very unreliable in older screen readers.
All fields in a group of input fields (for example phone numbers) need a label.
Line 1105 WCAG2 A F86
Add a LABEL tag or TITLE attribute for each field, and if required, use CSS to hide the label from sighted users.
This form has fields without LABEL elements or TITLE attributes.
Line 1105 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.
Make sure one radio button in a radio button group is always selected. If users can choose not to activate any of the radio button choices, provide a choice labeled 'None'.
Line 1105 Usability.gov 13:23
Use LABEL tags for each data entry field to show what data is expected.
Line 1105 Usability.gov 13:5
Make sure each INPUT field has an associated LABEL tag describing the field.
<input type="radio" value="0" name="milis"> Tidak ikutan. <span class="inputRequirement">* </span>
</td>
</tr>
<tr bgcolor="f1f1f1" class="header">
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
<td height="21" colspan="3" class="formAreaTitle"><span class="judul_buku">Informasi Login</span></td>
</tr>
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="150">Nama User</td>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="350" colspan="2">:
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control. This allows screen readers to tell the user what each control does.
Do not wrap LABEL tags around input controls (implicit labels) since this is very unreliable in older screen readers.
This form has fields without LABEL elements or TITLE attributes.
Line 1114 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 1114 Usability.gov 13:5
Make sure each INPUT field has an associated LABEL tag describing the field.
<input type="text" name="user" size="20" maxlength="20" />
<span class="inputRequirement">* (min. 3 digit[huruf/angka])</span>
</td>
</tr>
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="150">Password</td>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="350" colspan="2">:
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control. This allows screen readers to tell the user what each control does.
Do not wrap LABEL tags around input controls (implicit labels) since this is very unreliable in older screen readers.
This form has fields without LABEL elements or TITLE attributes.
Line 1121 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 1121 Usability.gov 13:5
Make sure each INPUT field has an associated LABEL tag describing the field.
<input type="password" name="pass1" size="20" maxlength="20" />
<span class="inputRequirement">* (min. 4 digit[huruf/angka])</span>
</td>
</tr>
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="150">Konfirmasi Password</td>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="350" colspan="2">:
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control. This allows screen readers to tell the user what each control does.
Do not wrap LABEL tags around input controls (implicit labels) since this is very unreliable in older screen readers.
This form has fields without LABEL elements or TITLE attributes.
Line 1128 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 1128 Usability.gov 13:5
Make sure each INPUT field has an associated LABEL tag describing the field.
<input type="password" name="pass2" size="20" maxlength="20" />
<span class="inputRequirement">*</span>
</td>
</tr>
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="150">Masukkan Kode</td>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="350" colspan="2">: Bw6dY
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control. This allows screen readers to tell the user what each control does.
Do not wrap LABEL tags around input controls (implicit labels) since this is very unreliable in older screen readers.
<input name="captcha" size="5" maxlength="5" /> <input type="hidden" name="captcha_value" value="Bw6dY"/></td>
</tr>
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="150"> </td>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="350" colspan="2"> </td>
</tr>
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="150" ></td>
<td align="left"><input name="submit" type="submit" value="Daftar"> <input name="reset" type="reset" value="Batal"></td>
<td align="left"> </td>
</tr>
</table>
</td>
</tr>
</form>
</table></td>
</tr>
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="7" height="7"><img src="images/border_content_05.gif" width="7" height="7" alt="" /></td>
Use background images sparingly and make sure they are simple, especially behind text.
Line 1153 Usability.gov 14:1
Background images can make it difficult for users to read foreground text. A single, large, complex background image (including a picture) can substantially slow page download rates.
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="100%" background="images/border_content_06.gif"><img src="images/border_content_06.gif" width="88" height="7" alt="" /></td>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="7" height="7"><img src="images/border_content_07.gif" width="7" height="7" alt="" /></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="160" align="left" valign="top"><table width="182" border="0" cellspacing="0">
<tr>
<td valign="top" class="jarak_kanan2">
<table width="182" border="0" cellpadding="0" cellspacing="0">
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="128" height="38"><img src="images/cart_basket_empty.gif" width="182" height="38" alt="" /></td>
</tr>
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
<td align="center" bgcolor="#F4F4F4" valign="middle" height="32" class="info_buku" style="border-left:1px solid #F08CAF;border-right:1px solid #F08CAF;padding:10px;">
<!--<img src="images/keranjang_empty.gif">--> Kosong </td>
</tr>
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="128" height="0"><img src="images/info_03.gif" width="182" height="12" alt="" /></td>
</tr>
</table>
</td>
</tr>
</table>
<table width="160" border="0" cellspacing="0">
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="165" class="jarak_kanan2">
<table width="160" border="0" cellpadding="0" cellspacing="0">
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="7" height="7">
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 1184 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="images/info_01.gif
"></td>
</tr>
<tr>
<td valign="top" class="border_informasi">
Replace the ALIGN attribute with a CSS text-align attribute.
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
<td height="20">
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 1190 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="images/titik2.gif
"><a class="border_informasi" href="carabemember.php"><b>Cara Jadi Anggota</b></a></td>
</tr>
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
<td height="20">
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 1193 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="images/titik2.gif
"><a class="border_informasi" href="keuntunganmember.php"><b>Keuntungan Anggota</b></a></td>
</tr>
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
<td height="20">
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 1196 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="images/titik2.gif
"><a class="border_informasi" href="carabelanja.php"><b>Cara Belanja</b></a></td>
</tr>
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
<td height="20">
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 1199 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="images/titik2.gif
"><a class="border_informasi" href="carapembayaran.php"><b>Cara Pembayaran</b></a></td>
</tr>
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
<td height="20">
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 1202 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="images/titik2.gif
"><a class="border_informasi" href="cakupan_pengiriman.php"><b>Cakupan Pengiriman</b></a></td>
</tr>
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
<td height="20">
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 1205 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="images/titik2.gif
"><a class="border_informasi" href="cakupan_pengiriman.php#ongKir"><b>Biaya Pengiriman</b></a></td>
</tr>
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
<td height="20">
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 1208 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="images/titik2.gif
"><a class="border_informasi" href="proses_pengiriman.php"><b>Proses Pengiriman</b></a></td>
</tr>
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
<td height="20">
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 1211 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="images/titik2.gif
"><a class="border_informasi" href="hubungikami.php"><b>Hubungi Kami</b></a></td>
</tr>
</table>
</td>
</tr>
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="7" height="7">
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 1217 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="images/info_04.gif
"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="jarak_kanan2" align="center"><a name="iataskanan"></a>
<a href='http://twitter.com/bukukita' target='_blank'>
<img src='images/banner/162' width='182' height='60' border='0' title='Follow us on Twitter Bukukita
'></a><br><span align='center' style='color:#999999;font-size:9px;font-family:arial'>Tayang: 96 hari lagi</span></td>
Avoid specifying a new window as the target of a link with target="_blank".
Line 1225 WCAG2 AAA F22
Displaying new windows without warning is very confusing to non-sighted users
because some screen readers do not give any indication when new windows appear.
If you cannot avoid displaying a new window, insert a warning into the link text like the following: "opens in a new window".
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.
<a href='http://twitter.com/bukukita' target='_blank'>
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Replace the border attribute with a CSS rule. For example:
img { border: 1px solid red; }
img { border: none; }
<img src='images/banner/162' width='182' height='60' border='0' title='Follow us on Twitter Bukukita
'></a><br><span align='center' style='color:#999999;font-size:9px;font-family:arial'>Tayang: 96 hari lagi</span></td>
</tr>
<tr>
<td class="jarak_kanan2" align="center">
<a href="http://www.facebook.com/pages/BukuKitacom/69023153583" target="_blank">
<img src="images/facebook.gif" border="0
"></a></td>
Avoid specifying a new window as the target of a link with target="_blank".
Line 1228 WCAG2 AAA F22
Displaying new windows without warning is very confusing to non-sighted users
because some screen readers do not give any indication when new windows appear.
If you cannot avoid displaying a new window, insert a warning into the link text like the following: "opens in a new window".
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.
<a href="http://www.facebook.com/pages/BukuKitacom/69023153583" target="_blank">
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 1228 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.
Replace the border attribute with a CSS rule. For example:
img { border: 1px solid red; }
img { border: none; }
<img src="images/facebook.gif" border="0
"></a></td>
</tr>
<tr>
<td class="jarak_kanan2">
<table width="160" border="0" cellpadding="0" cellspacing="0">
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="7" height="7">
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 1235 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="images/promo_01.gif
"></td>
</tr>
<tr>
<td colspan="3" valign="top" class="border_promo">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="1" align="center">
Remove SUMMARY and CAPTION if this is a layout table.
Replace the ALIGN attribute with a CSS text-align attribute.
<table width="1%" align="center" border="0">
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.
<a href='Majalah/Film-&-Musik/117541-Majalah-Cinemags-Edisi-170---September-2013.html' class='linkgambar
'>
<img src='babacms/displaybuku/67541.jpg' width='75' height='100' border='0' title='Lihat Detail Buku
'></a> </tabl
e>
Document type does not allow element "A" here; assuming missing "CAPTION" start-tag.
Line 1243 HTML Validation
'>
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Replace the border attribute with a CSS rule. For example:
img { border: 1px solid red; }
img { border: none; }
<img src='babacms/displaybuku/67541.jpg' width='75' height='100' border='0' title='Lihat Detail Buku
'></a> </tabl
End tag for "CAPTION" omitted, but its declaration does not permit this.
Line 1243 HTML Validation
Either tags are not nested properly, or the element must contain other elements.
For example, the HEAD element must contain a TITLE element and the TR element must contain a TD element.
e>
</td>
<td align="center" valign="middle" colspan="2">
<table width="100%" border="0" cellspacing="0">
<tr>
<td align="center" class="hargadiscount">Rp 42.500</td>
</tr>
<tr>
<td align="center" class="disc">Hemat Rp 6.375</td>
</tr>
<tr>
<td align="center" class="harga">Rp 36.125</td>
</tr>
<tr>
<td align="center" valign="top">
<a href='membercartlist.php?po=1
&bookI
d=67541
''>
<img src="images/beli.gif" width="53" height="22" title="beli buku ini" border="0
"></a> </td>
An unknown entity has been used. This often happens when ¶m=value is used instead of &param=value in URL query strings.
Line 1258 HTML Validation Ampersand Problem
In HTML the ampersand character (&) is reserved for marking character entities
so you should never use raw ampersands in HTML - including ampersands inside URLs.
For example, any URL that needs an ampersand should look like:
http://www.example.com/file.html?var1=val1&var2=val2&var3=val3
An unknown entity has been used. This often happens when ¶m=value is used instead of &param=value in URL query strings.
Line 1258 HTML Validation Ampersand Problem
In HTML the ampersand character (&) is reserved for marking character entities
so you should never use raw ampersands in HTML - including ampersands inside URLs.
For example, any URL that needs an ampersand should look like:
http://www.example.com/file.html?var1=val1&var2=val2&var3=val3
&bookI
An unknown entity has been used. This often happens when ¶m=value is used instead of &param=value in URL query strings.
Line 1258 HTML Validation Ampersand Problem
In HTML the ampersand character (&) is reserved for marking character entities
so you should never use raw ampersands in HTML - including ampersands inside URLs.
For example, any URL that needs an ampersand should look like:
http://www.example.com/file.html?var1=val1&var2=val2&var3=val3
d=67541
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
This page has malformed tags which IE8 and later treat differently from earlier versions of IE.
Line 1258 Internet Explorer
Fix the errors listed on the Standards tab of this report.
Markup errors like missing end tags means IE8 and IE9 may display different content from IE6 and IE7.
Fix the critical errors listed on the Standards tab of this report. Markup errors like missing end tags or unclosed comments mean search engine web crawlers may skip important content.
''>
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Replace the border attribute with a CSS rule. For example:
img { border: 1px solid red; }
img { border: none; }
<img src="images/beli.gif" width="53" height="22" title="beli buku ini" border="0
"></a> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" class="judul_buku" valign="top" colspan="3" style="border-bottom:1px dashed #A5A5A5; padding-bottom:5px;">
<a href='Majalah/Film-&-Musik/117541-Majalah-Cinemags-Edisi-170---September-2013.html'><b>Majalah Cinemags Edisi 170 - September 2013</b></a> </td>
</tr>
<tr>
<td align="right" colspan="3" style="padding-top:5px;">
<a href='katalogbukuatribut.php?atrId=5&pag
e=1'>Buku Promo Lainnya
<img src='images/more2.gif' align='absmiddl
e' border='0' height='15' width='35
'></a> </td>
An unknown entity has been used. This often happens when ¶m=value is used instead of &param=value in URL query strings.
Line 1269 HTML Validation Ampersand Problem
In HTML the ampersand character (&) is reserved for marking character entities
so you should never use raw ampersands in HTML - including ampersands inside URLs.
For example, any URL that needs an ampersand should look like:
http://www.example.com/file.html?var1=val1&var2=val2&var3=val3
e=1'>Buku Promo Lainnya
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Replace the ALIGN attribute with a CSS text-align attribute.
Replace the border attribute with a CSS rule. For example:
img { border: 1px solid red; }
img { border: none; }
<img src='images/more2.gif' align='absmiddl
Value of attribute "ALIGN" cannot be "ABSMIDDLE"; must be one of "TOP", "MIDDLE", "BOTTOM", "LEFT", "RIGHT".
Line 1269 HTML Validation
e' border='0' height='15' width='35
'></a> </td>
</tr>
</table>
</td>
</tr>
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="7" height="7">
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 1275 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="images/promo_03.gif
"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="jarak_kanan2">
<table width="160" border="0" cellpadding="0" cellspacing="0">
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="7" height="7">
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 1285 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="images/terlaris_01.gif
"></td>
</tr>
<tr>
<td colspan="3" valign="top" class="border_terlaris">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
<td height="22" valign="top" align="center" class="info_bukularis" colspan="3">Agu - Sep 2013</td>
</tr>
<tr>
<td colspan="1" align="center">
Remove SUMMARY and CAPTION if this is a layout table.
Replace the ALIGN attribute with a CSS text-align attribute.
<table width="1%" align="center" border="0">
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.
<a href='Anak-Anak/Pendidikan-Anak/73723-abacaga;-Cara-Praktis-Belajar-Membaca-untuk-Anak-(4-6-Tahun).html' class='linkgambar
'>
<img src='babacms/displaybuku/23723.jpg' width='75' height='100' border='0' title='Lihat Detail Buku
'></a> </tabl
e>
Document type does not allow element "A" here; assuming missing "CAPTION" start-tag.
Line 1297 HTML Validation
'>
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Replace the border attribute with a CSS rule. For example:
img { border: 1px solid red; }
img { border: none; }
<img src='babacms/displaybuku/23723.jpg' width='75' height='100' border='0' title='Lihat Detail Buku
'></a> </tabl
End tag for "CAPTION" omitted, but its declaration does not permit this.
Line 1297 HTML Validation
Either tags are not nested properly, or the element must contain other elements.
For example, the HEAD element must contain a TITLE element and the TR element must contain a TD element.
e>
</td>
<td align="center" valign="top" colspan="2">
<table width="100%" border="0" cellspacing="0">
<tr>
<td align="center" class="hargadiscount">Rp 35.000</td>
</tr>
<tr>
<td align="center" class="disc">Hemat Rp 5.250</td>
</tr>
<tr>
<td align="center" class="harga">Rp 29.750</td>
</tr>
<tr>
<td align="center" valign="top">
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.
<a href='membercartlist.php?po=1&bookI
d=23723'>
<img src="images/beli.gif" width="53" height="22" title="beli buku ini" border="0
"></a> </td>
An unknown entity has been used. This often happens when ¶m=value is used instead of &param=value in URL query strings.
Line 1312 HTML Validation Ampersand Problem
In HTML the ampersand character (&) is reserved for marking character entities
so you should never use raw ampersands in HTML - including ampersands inside URLs.
For example, any URL that needs an ampersand should look like:
http://www.example.com/file.html?var1=val1&var2=val2&var3=val3
d=23723'>
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Replace the border attribute with a CSS rule. For example:
img { border: 1px solid red; }
img { border: none; }
<img src="images/beli.gif" width="53" height="22" title="beli buku ini" border="0
"></a> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" class="judul_buku" valign="top" colspan="3" style="border-bottom:1px dashed #A5A5A5; padding-bottom:5px;">
<a href='Anak-Anak/Pendidikan-Anak/73723-abacaga;-Cara-Praktis-Belajar-Membaca-untuk-Anak-(4-6-Tahun).html'><b>abacaga; Cara Praktis Belajar Membaca untuk Anak (4-6 Tahun)</b></a> </td>
</tr>
<tr>
<td align="right" colspan="3" style="padding-top:5px;">
<a href='katalogbukuatribut.php?atrId=1&pag
e=1'>Terlaris Lainnya
<img src='images/more2.gif' align='absmiddl
e' border='0' height='15' width='35
'></a> </td>
An unknown entity has been used. This often happens when ¶m=value is used instead of &param=value in URL query strings.
Line 1323 HTML Validation Ampersand Problem
In HTML the ampersand character (&) is reserved for marking character entities
so you should never use raw ampersands in HTML - including ampersands inside URLs.
For example, any URL that needs an ampersand should look like:
http://www.example.com/file.html?var1=val1&var2=val2&var3=val3
e=1'>Terlaris Lainnya
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Replace the ALIGN attribute with a CSS text-align attribute.
Replace the border attribute with a CSS rule. For example:
img { border: 1px solid red; }
img { border: none; }
<img src='images/more2.gif' align='absmiddl
Value of attribute "ALIGN" cannot be "ABSMIDDLE"; must be one of "TOP", "MIDDLE", "BOTTOM", "LEFT", "RIGHT".
Line 1323 HTML Validation
e' border='0' height='15' width='35
'></a> </td>
</tr>
</table>
</td>
</tr>
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="7" height="7">
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 1329 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="images/terlaris_03.gif
"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="jarak_kanan2">
<table width="160" border="0" cellpadding="0" cellspacing="0">
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="7" height="7">
Replace the border attribute with a CSS rule. For example:
img { border: 1px solid red; }
img { border: none; }
<img src="images/testimonial.gif" width="182" height="38" border="0" alt="Buku Populer" title="Buku Populer"></td>
</tr>
<tr>
<td colspan="3" valign="top" class="border_testimoni">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="middle" colspan="2">
<table width="100%" border="0" cellspacing="0">
<tr>
<td class="judul_news">
<img src="images/icon02.gif" height="11" width="6" border="0
"> Maria Tunggal</td>
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Replace the border attribute with a CSS rule. For example:
img { border: 1px solid red; }
img { border: none; }
<img src="images/icon02.gif" height="11" width="6" border="0
"> Maria Tunggal</td>
</tr>
<tr>
<td class="disc"><a href="testimonial.php">alhamdulillah transaksi berjalan lancar, seneng bi...</a></td>
</tr>
<tr>
<td class="judul_news">
<img src="images/icon02.gif" height="11" width="6" border="0
"> Abdul Rohman Jaelani</td>
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Replace the border attribute with a CSS rule. For example:
img { border: 1px solid red; }
img { border: none; }
<img src="images/icon02.gif" height="11" width="6" border="0
"> Abdul Rohman Jaelani</td>
</tr>
<tr>
<td class="disc"><a href="testimonial.php">alhamdulillah,, dapet juga tempat buku online yang...</a></td>
</tr>
<tr>
<td class="judul_news">
<img src="images/icon02.gif" height="11" width="6" border="0
"> Ika Herawati</td>
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Replace the border attribute with a CSS rule. For example:
img { border: 1px solid red; }
img { border: none; }
<img src="images/icon02.gif" height="11" width="6" border="0
"> Ika Herawati</td>
</tr>
<tr>
<td class="disc"><a href="testimonial.php">Bukunya sudah saya terima...terima kasih buku kita...</a></td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" class="judul_buku" valign="top" colspan="3" style="border-bottom:1px dashed #A5A5A5; padding-bottom:5px;"> </td>
</tr>
<tr>
<td align="right" colspan="3" style="padding-top:5px;">
<a href='testimonial.php?po=1' style='padding-right:20px'>Tambah</a> <a href='testimonial.php'>Lainnya
<img src='images/more2.gif' align='absmiddl
e' border='0' height='15' width='35
'></a> </td>
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Replace the ALIGN attribute with a CSS text-align attribute.
Replace the border attribute with a CSS rule. For example:
img { border: 1px solid red; }
img { border: none; }
<img src='images/more2.gif' align='absmiddl
Value of attribute "ALIGN" cannot be "ABSMIDDLE"; must be one of "TOP", "MIDDLE", "BOTTOM", "LEFT", "RIGHT".
Line 1373 HTML Validation
e' border='0' height='15' width='35
'></a> </td>
</tr>
</table>
</td>
</tr>
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="7" height="7">
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 1379 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="images/testimonial_03.gif
"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="jarak_kanan2" align="center">
<a href="http://www.dm-idholland.com/newsletter" target="_blank">
<img src="images/banner_dmID.jpg" border="0
"></a></td>
Avoid specifying a new window as the target of a link with target="_blank".
Line 1386 WCAG2 AAA F22
Displaying new windows without warning is very confusing to non-sighted users
because some screen readers do not give any indication when new windows appear.
If you cannot avoid displaying a new window, insert a warning into the link text like the following: "opens in a new window".
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.
<a href="http://www.dm-idholland.com/newsletter" target="_blank">
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 1386 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.
Replace the border attribute with a CSS rule. For example:
img { border: 1px solid red; }
img { border: none; }
<img src="images/banner_dmID.jpg" border="0
"></a></td>
</tr>
<!--Pemenang Undian start-->
<tr>
<td class="jarak_kanan2">
<table bgcolor="#1B449D" border="0" cellpadding="0" cellspacing="0" width="160">
<tbody><tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="7" height="7">
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 1394 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="images/pemenang_01.gif
"></td>
</tr>
<tr>
<td bgcolor="#1B449D" colspan="3" class="border_pemenang" valign="top">
<table bgcolor="#1B449D" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
<td height="22" class="info_pemenang" valign="top" align="center">Periode Agustus 2013</td>
</tr>
<tr>
<td>
<table width="100%" border="0" cellspacing="0">
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="6" valign="top">
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
<img src="images/icon02.gif" width="6" height="11"
/></td>
<td class="nomor_undian">No Undian :</td>
</tr>
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="6" valign="top"> </td>
<td class="no_pemenang">137895705203</td>
</tr>
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="6" valign="top">
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
<img src="images/icon02.gif" width="6" height="11"
/></td>
<td class="nomor_undian">Anggota :</td>
</tr>
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="6" valign="top"> </td>
<td class="no_pemenang">arief_med</td>
</tr>
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="6" valign="top">
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
<img src="images/icon02.gif" width="6" height="11"
/></td>
<td class="nomor_undian">Hadiah Buku yang dipilih:</td>
</tr>
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="6" valign="top"> </td>
<td class="no_pemenang" align="center">
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.
<a href='Kesehatan-dan-Lingkungan/Pengetahuan-Kesehatan/115279-KEAJAIBAN-ENZIM-AWET-MUDA.html' class='linkgambarpem'>
<img src='babacms/displaybuku/65279.jpg' width='75' height='100' border='0' title='Lihat Detail Buku
'></a><a href='Kesehatan-dan-Lingkungan/Pengetahuan-Kesehatan/115279-KEAJAIBAN-ENZIM-AWET-MUDA.html'><b>KEAJAIBAN ENZIM AWET MUDA</b></a> </td>
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Replace the border attribute with a CSS rule. For example:
img { border: 1px solid red; }
img { border: none; }
<img src='babacms/displaybuku/65279.jpg' width='75' height='100' border='0' title='Lihat Detail Buku
'></a><a href='Kesehatan-dan-Lingkungan/Pengetahuan-Kesehatan/115279-KEAJAIBAN-ENZIM-AWET-MUDA.html'><b>KEAJAIBAN ENZIM AWET MUDA</b></a> </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
<td height="1px" class="border_content2"></td>
</tr>
<tr>
<td colspan="3" valign="top" class="border_pemenang2">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<!--<tr>
<td height="22" class="info_buku" valign="top" align="center">Periode Agustus 2013</td>
</tr>-->
<tr>
<td>
<table width="100%" border="0" cellspacing="0">
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="6" valign="top">
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
<img src="images/icon02.gif" width="6" height="11"
/></td>
<td class="nomor_undian">No Undian :</td>
</tr>
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="6" valign="top"> </td>
<td class="no_pemenang">137809866765</td>
</tr>
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="6" valign="top">
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
<img src="images/icon02.gif" width="6" height="11"
/></td>
<td class="nomor_undian">Anggota :</td>
</tr>
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="6" valign="top"> </td>
<td class="no_pemenang">Firda10</td>
</tr>
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="6" valign="top">
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
<img src="images/icon02.gif" width="6" height="11"
/></td>
<td class="nomor_undian">Hadiah Buku yang dipilih:</td>
</tr>
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="6" valign="top"> </td>
<td class="no_pemenang" align="center">
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.
<a href='Agama/Islam/110064-Menikah-untuk-Bahagia-:-Formula-Cinta-Membangun-Surga-di-Rumah.html' class='linkgambarpem'>
<img src='babacms/displaybuku/60064.jpg' width='75' height='100' border='0' title='Lihat Detail Buku
'></a><a href='Agama/Islam/110064-Menikah-untuk-Bahagia-:-Formula-Cinta-Membangun-Surga-di-Rumah.html'><b>Menikah untuk Bahagia : Formula Cinta Membangun Surga di Rumah</b></a> </td>
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Replace the border attribute with a CSS rule. For example:
img { border: 1px solid red; }
img { border: none; }
<img src='babacms/displaybuku/60064.jpg' width='75' height='100' border='0' title='Lihat Detail Buku
'></a><a href='Agama/Islam/110064-Menikah-untuk-Bahagia-:-Formula-Cinta-Membangun-Surga-di-Rumah.html'><b>Menikah untuk Bahagia : Formula Cinta Membangun Surga di Rumah</b></a> </td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="7" height="7">
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 1480 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="images/pemenang_03.gif
"></td>
</tr>
</tbody></table>
</td>
</tr>
<!--Pemenang Undian End-->
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="165" class="jarak_kanan2">
<table width="160" border="0" cellpadding="0" cellspacing="0">
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="7" height="7">
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 1492 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="images/new-post-blog.gif
"></td>
</tr>
<tr>
<td valign="top" class="border_testimoni">
Replace the ALIGN attribute with a CSS text-align attribute.
<table width="100%" border="0" align="center" cellpadding="" cellspacing="0">
<tr>
<td width='1%' valign='top'>
<a href='http://blog.bukukita.com/users/dulsun/?nav=about' target='_blank'>
<img src='images/empty_cow.gif' border='0' vspace='2' width='30' height='30' align='left' style='padding-right:2px;
'></a></td>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width='1%' valign='top'>
Avoid specifying a new window as the target of a link with target="_blank".
Line 1497 WCAG2 AAA F22
Displaying new windows without warning is very confusing to non-sighted users
because some screen readers do not give any indication when new windows appear.
If you cannot avoid displaying a new window, insert a warning into the link text like the following: "opens in a new window".
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.
<a href='http://blog.bukukita.com/users/dulsun/?nav=about' target='_blank'>
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Replace the ALIGN attribute with a CSS text-align attribute.
Replace the border attribute with a CSS rule. For example:
img { border: 1px solid red; }
img { border: none; }
Replace the VSPACE attribute with a CSS margin. For example:
img { margin-top: 10px; margin-bottom: 10px; }
<img src='images/empty_cow.gif' border='0' vspace='2' width='30' height='30' align='left' style='padding-right:2px;
'></a></td>
<td style="padding-left:0px;">
<a href="http://blog.bukukita.com/users/dulsun/?postId=25980" title="Dawson : Jermain Adalah Pencetak Gol" target="_blank">Dawson : Jermain A..</a>
Avoid specifying a new window as the target of a link with target="_blank".
Line 1498 WCAG2 AAA F22
Displaying new windows without warning is very confusing to non-sighted users
because some screen readers do not give any indication when new windows appear.
If you cannot avoid displaying a new window, insert a warning into the link text like the following: "opens in a new window".
<a href="http://blog.bukukita.com/users/dulsun/?postId=25980" title="Dawson : Jermain Adalah Pencetak Gol" target="_blank">Dawson : Jermain A..</a>
<br>kategori:
<a href='http://blog.bukukita.com/?catId=6#newpost' target='_blank'>Berita</a>
Avoid specifying a new window as the target of a link with target="_blank".
Line 1499 WCAG2 AAA F22
Displaying new windows without warning is very confusing to non-sighted users
because some screen readers do not give any indication when new windows appear.
If you cannot avoid displaying a new window, insert a warning into the link text like the following: "opens in a new window".
<a href='http://blog.bukukita.com/?catId=6#newpost' target='_blank'>Berita</a>
</td></tr><tr>
<td width='1%' valign='top'>
<a href='http://blog.bukukita.com/users/eduntenan/?nav=about' target='_blank'>
<img src='images/empty_cow.gif' border='0' vspace='2' width='30' height='30' align='left' style='padding-right:2px;
'></a></td>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width='1%' valign='top'>
Avoid specifying a new window as the target of a link with target="_blank".
Line 1500 WCAG2 AAA F22
Displaying new windows without warning is very confusing to non-sighted users
because some screen readers do not give any indication when new windows appear.
If you cannot avoid displaying a new window, insert a warning into the link text like the following: "opens in a new window".
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.
<a href='http://blog.bukukita.com/users/eduntenan/?nav=about' target='_blank'>
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Replace the ALIGN attribute with a CSS text-align attribute.
Replace the border attribute with a CSS rule. For example:
img { border: 1px solid red; }
img { border: none; }
Replace the VSPACE attribute with a CSS margin. For example:
img { margin-top: 10px; margin-bottom: 10px; }
<img src='images/empty_cow.gif' border='0' vspace='2' width='30' height='30' align='left' style='padding-right:2px;
'></a></td>
<td style="padding-left:0px;">
<a href="http://blog.bukukita.com/users/eduntenan/?postId=25979" title="Tidur Siang 30 Menit Bisa Picu Diabetes" target="_blank">Tidur Siang 30 Men..</a>
Avoid specifying a new window as the target of a link with target="_blank".
Line 1501 WCAG2 AAA F22
Displaying new windows without warning is very confusing to non-sighted users
because some screen readers do not give any indication when new windows appear.
If you cannot avoid displaying a new window, insert a warning into the link text like the following: "opens in a new window".
<a href="http://blog.bukukita.com/users/eduntenan/?postId=25979" title="Tidur Siang 30 Menit Bisa Picu Diabetes" target="_blank">Tidur Siang 30 Men..</a>
<br>kategori:
<a href='http://blog.bukukita.com/?catId=6#newpost' target='_blank'>Berita</a>
Avoid specifying a new window as the target of a link with target="_blank".
Line 1502 WCAG2 AAA F22
Displaying new windows without warning is very confusing to non-sighted users
because some screen readers do not give any indication when new windows appear.
If you cannot avoid displaying a new window, insert a warning into the link text like the following: "opens in a new window".
<a href='http://blog.bukukita.com/?catId=6#newpost' target='_blank'>Berita</a>
</td></tr><tr>
<td width='1%' valign='top'>
<a href='http://blog.bukukita.com/users/pulautidung1/?nav=about' target='_blank'>
<img src='images/empty_cow.gif' border='0' vspace='2' width='30' height='30' align='left' style='padding-right:2px;
'></a></td>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width='1%' valign='top'>
Avoid specifying a new window as the target of a link with target="_blank".
Line 1503 WCAG2 AAA F22
Displaying new windows without warning is very confusing to non-sighted users
because some screen readers do not give any indication when new windows appear.
If you cannot avoid displaying a new window, insert a warning into the link text like the following: "opens in a new window".
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.
<a href='http://blog.bukukita.com/users/pulautidung1/?nav=about' target='_blank'>
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Replace the ALIGN attribute with a CSS text-align attribute.
Replace the border attribute with a CSS rule. For example:
img { border: 1px solid red; }
img { border: none; }
Replace the VSPACE attribute with a CSS margin. For example:
img { margin-top: 10px; margin-bottom: 10px; }
<img src='images/empty_cow.gif' border='0' vspace='2' width='30' height='30' align='left' style='padding-right:2px;
'></a></td>
<td style="padding-left:0px;">
<a href="http://blog.bukukita.com/users/pulautidung1/?postId=25978" title="Solusi tepat Hemat listrik dengan alat ukur dan instrumentasi tridinamika" target="_blank">Solusi tepat Hemat..</a>
Avoid specifying a new window as the target of a link with target="_blank".
Line 1504 WCAG2 AAA F22
Displaying new windows without warning is very confusing to non-sighted users
because some screen readers do not give any indication when new windows appear.
If you cannot avoid displaying a new window, insert a warning into the link text like the following: "opens in a new window".
<a href="http://blog.bukukita.com/users/pulautidung1/?postId=25978" title="Solusi tepat Hemat listrik dengan alat ukur dan instrumentasi tridinamika" target="_blank">Solusi tepat Hemat..</a>
<br>kategori:
<a href='http://blog.bukukita.com/?catId=5#newpost' target='_blank'>Umum</a>
Avoid specifying a new window as the target of a link with target="_blank".
Line 1505 WCAG2 AAA F22
Displaying new windows without warning is very confusing to non-sighted users
because some screen readers do not give any indication when new windows appear.
If you cannot avoid displaying a new window, insert a warning into the link text like the following: "opens in a new window".
<a href='http://blog.bukukita.com/?catId=5#newpost' target='_blank'>Umum</a>
</td></tr><tr>
<td width='1%' valign='top'>
<a href='http://blog.bukukita.com/users/fokusbet/?nav=about' target='_blank'>
<img src='images/empty_cow.gif' border='0' vspace='2' width='30' height='30' align='left' style='padding-right:2px;
'></a></td>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width='1%' valign='top'>
Avoid specifying a new window as the target of a link with target="_blank".
Line 1506 WCAG2 AAA F22
Displaying new windows without warning is very confusing to non-sighted users
because some screen readers do not give any indication when new windows appear.
If you cannot avoid displaying a new window, insert a warning into the link text like the following: "opens in a new window".
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.
<a href='http://blog.bukukita.com/users/fokusbet/?nav=about' target='_blank'>
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Replace the ALIGN attribute with a CSS text-align attribute.
Replace the border attribute with a CSS rule. For example:
img { border: 1px solid red; }
img { border: none; }
Replace the VSPACE attribute with a CSS margin. For example:
img { margin-top: 10px; margin-bottom: 10px; }
<img src='images/empty_cow.gif' border='0' vspace='2' width='30' height='30' align='left' style='padding-right:2px;
'></a></td>
<td style="padding-left:0px;">
<a href="http://blog.bukukita.com/users/fokusbet/?postId=25977" title="Fokusbet.com - Prediksi Skor Serie A AC Milan vs Napoli 24 Sep 2013 " target="_blank">Fokusbet.com - Pre..</a>
Avoid specifying a new window as the target of a link with target="_blank".
Line 1507 WCAG2 AAA F22
Displaying new windows without warning is very confusing to non-sighted users
because some screen readers do not give any indication when new windows appear.
If you cannot avoid displaying a new window, insert a warning into the link text like the following: "opens in a new window".
<a href="http://blog.bukukita.com/users/fokusbet/?postId=25977" title="Fokusbet.com - Prediksi Skor Serie A AC Milan vs Napoli 24 Sep 2013 " target="_blank">Fokusbet.com - Pre..</a>
<br>kategori:
<a href='http://blog.bukukita.com/?catId=6#newpost' target='_blank'>Berita</a>
Avoid specifying a new window as the target of a link with target="_blank".
Line 1508 WCAG2 AAA F22
Displaying new windows without warning is very confusing to non-sighted users
because some screen readers do not give any indication when new windows appear.
If you cannot avoid displaying a new window, insert a warning into the link text like the following: "opens in a new window".
<a href='http://blog.bukukita.com/?catId=6#newpost' target='_blank'>Berita</a>
</td></tr><tr>
<td width='1%' valign='top'>
<a href='http://blog.bukukita.com/users/eduntenan/?nav=about' target='_blank'>
<img src='images/empty_cow.gif' border='0' vspace='2' width='30' height='30' align='left' style='padding-right:2px;
'></a></td>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width='1%' valign='top'>
Avoid specifying a new window as the target of a link with target="_blank".
Line 1509 WCAG2 AAA F22
Displaying new windows without warning is very confusing to non-sighted users
because some screen readers do not give any indication when new windows appear.
If you cannot avoid displaying a new window, insert a warning into the link text like the following: "opens in a new window".
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.
<a href='http://blog.bukukita.com/users/eduntenan/?nav=about' target='_blank'>
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Replace the ALIGN attribute with a CSS text-align attribute.
Replace the border attribute with a CSS rule. For example:
img { border: 1px solid red; }
img { border: none; }
Replace the VSPACE attribute with a CSS margin. For example:
img { margin-top: 10px; margin-bottom: 10px; }
<img src='images/empty_cow.gif' border='0' vspace='2' width='30' height='30' align='left' style='padding-right:2px;
'></a></td>
<td style="padding-left:0px;">
<a href="http://blog.bukukita.com/users/eduntenan/?postId=25976" title="Espanyol vs Athletic Bilbao" target="_blank">Espanyol vs Athlet..</a>
Avoid specifying a new window as the target of a link with target="_blank".
Line 1510 WCAG2 AAA F22
Displaying new windows without warning is very confusing to non-sighted users
because some screen readers do not give any indication when new windows appear.
If you cannot avoid displaying a new window, insert a warning into the link text like the following: "opens in a new window".
<a href="http://blog.bukukita.com/users/eduntenan/?postId=25976" title="Espanyol vs Athletic Bilbao" target="_blank">Espanyol vs Athlet..</a>
<br>kategori:
<a href='http://blog.bukukita.com/?catId=6#newpost' target='_blank'>Berita</a>
Avoid specifying a new window as the target of a link with target="_blank".
Line 1511 WCAG2 AAA F22
Displaying new windows without warning is very confusing to non-sighted users
because some screen readers do not give any indication when new windows appear.
If you cannot avoid displaying a new window, insert a warning into the link text like the following: "opens in a new window".
<a href='http://blog.bukukita.com/?catId=6#newpost' target='_blank'>Berita</a>
</td></tr> </table>
</td>
</tr>
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="7" height="7">
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 1516 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="images/blog_03.gif
"></td>
</tr>
</table>
</td>
</tr>
<!--<tr>
<td class="jarak_kanan2"><a href="http://www.varnion.com" target="_blank"><img src="images/varnion.png" border="0"/></td>
</tr> -->
<!--<tr>
<td class="jarak_kanan2"></td>
</tr> -->
</table>
</td>
</tr>
</tabl
e>
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
This page has malformed tags which IE8 and later treat differently from earlier versions of IE.
Line 1530 Internet Explorer
Fix the errors listed on the Standards tab of this report.
Markup errors like missing end tags means IE8 and IE9 may display different content from IE6 and IE7.
Fix the critical errors listed on the Standards tab of this report. Markup errors like missing end tags or unclosed comments mean search engine web crawlers may skip important content.
e>
Use background images sparingly and make sure they are simple, especially behind text.
Line 1534 Usability.gov 14:1
Background images can make it difficult for users to read foreground text. A single, large, complex background image (including a picture) can substantially slow page download rates.
<td align="center" valign="top" background="images/content_05a.gif" class="bawah">
Identify row and column headers in data tables using TH elements.
If the table has headers marked up using TD, then change these to TH.
If the table has no headers, add TH elements describing each row and/or column.
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
$(document).ready(function(){$.post("funcs.php",{jsSlideUp:1,sent:1},function(data){$(document.body).append(data);});});</script>
</td>
</tr>
<tr>
Replace the HEIGHT attribute with a CSS height:
td { height: 14pt; }
<td height="24" align="center">
<a href="index.php">Halaman Depan</a> |
<a href="tentangkami.php">Tentang Kami</a> |
<a href="penerbit.php">Kerjasama Penerbit</a> |
<a href="katalogbukuatribut.php?atrId=2&pag
e=1">Buku Baru</a> |
An unknown entity has been used. This often happens when ¶m=value is used instead of &param=value in URL query strings.
Line 1549 HTML Validation Ampersand Problem
In HTML the ampersand character (&) is reserved for marking character entities
so you should never use raw ampersands in HTML - including ampersands inside URLs.
For example, any URL that needs an ampersand should look like:
http://www.example.com/file.html?var1=val1&var2=val2&var3=val3
e=1">Buku Baru</a> |
<a href="katalogbukuatribut.php?atrId=1&pag
e=1">Buku Terlaris</a> |
An unknown entity has been used. This often happens when ¶m=value is used instead of &param=value in URL query strings.
Line 1550 HTML Validation Ampersand Problem
In HTML the ampersand character (&) is reserved for marking character entities
so you should never use raw ampersands in HTML - including ampersands inside URLs.
For example, any URL that needs an ampersand should look like:
http://www.example.com/file.html?var1=val1&var2=val2&var3=val3
e=1">Buku Terlaris</a> |
<a href="katalogbukuatribut.php?atrId=3&pag
e=1">Buku Populer</a> |
An unknown entity has been used. This often happens when ¶m=value is used instead of &param=value in URL query strings.
Line 1551 HTML Validation Ampersand Problem
In HTML the ampersand character (&) is reserved for marking character entities
so you should never use raw ampersands in HTML - including ampersands inside URLs.
For example, any URL that needs an ampersand should look like:
http://www.example.com/file.html?var1=val1&var2=val2&var3=val3
e=1">Buku Populer</a> |
<a href="katalogbukuatribut.php?atrId=4&pag
e=1">Buku Rekomendasi</a> |
An unknown entity has been used. This often happens when ¶m=value is used instead of &param=value in URL query strings.
Line 1552 HTML Validation Ampersand Problem
In HTML the ampersand character (&) is reserved for marking character entities
so you should never use raw ampersands in HTML - including ampersands inside URLs.
For example, any URL that needs an ampersand should look like:
http://www.example.com/file.html?var1=val1&var2=val2&var3=val3
e=1">Buku Rekomendasi</a> |
<!--<a href="#">Sisi Penulis</a> |-->
<a href="katalogbukuatribut.php?atrId=5&pag
e=1">Buku Promo</a> |
An unknown entity has been used. This often happens when ¶m=value is used instead of &param=value in URL query strings.
Line 1554 HTML Validation Ampersand Problem
In HTML the ampersand character (&) is reserved for marking character entities
so you should never use raw ampersands in HTML - including ampersands inside URLs.
For example, any URL that needs an ampersand should look like:
http://www.example.com/file.html?var1=val1&var2=val2&var3=val3
e=1">Buku Promo</a> |
Avoid specifying a new window as the target of a link with target="_blank".
Line 1555 WCAG2 AAA F22
Displaying new windows without warning is very confusing to non-sighted users
because some screen readers do not give any indication when new windows appear.
If you cannot avoid displaying a new window, insert a warning into the link text like the following: "opens in a new window".
<a href="http://blog.bukukita.com" target="_blank">Blog</a>
</td>
</tr>
</table>
<div id="divTab"><table><tr><td>
<img src="images/run.gif" border="0
"></td><td> <b>
<font color=white>Cari Cepat </font></b></td></tr></table></div>
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 1559 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.
Replace the border attribute with a CSS rule. For example:
img { border: 1px solid red; }
img { border: none; }
<img src="images/run.gif" border="0
"></td><td> <b>
HTML font tags should be replaced by equivalent CSS rules. For example, you can set the font on every paragraph
by the following CSS rule:
p { font-family: Arial; font-size: 14pt; }
<font color=white>Cari Cepat </font></b></td></tr></table></div>
<div id="divCont">
<div id="divBanner">
<table width="100%" style="border-bottom:1px dotted #CCCCCC;" cellspacing="0" cellpadding="0">
<tr>
<td> <b> Buku Promo Bulan Mei </b> </td>
<tr valign="top">
<td class="paging">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="25%">
<table cellspacing="0" cellpadding="0">
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="25%" align="center" valign="top">
<table width="1%">
<tr>
<td>
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.
<a href='http://www.bukukita.com/Buku-Akan-Datang/Bulan-Mei-2013/113363-KONSPIRASI.html' class='linkgambar'>
<img src='http://www.bukukita.com/babacms/displaybuku/63363.jpg' width='75' height='100' border='0' title='Lihat Detail Buku
'></a> </td>
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Replace the border attribute with a CSS rule. For example:
img { border: 1px solid red; }
img { border: none; }
<img src='http://www.bukukita.com/babacms/displaybuku/63363.jpg' width='75' height='100' border='0' title='Lihat Detail Buku
'></a> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top" class="isi_komentar judul_buku"><b><a href='http://www.bukukita.com/Buku-Akan-Datang/Bulan-Mei-2013/113363-KONSPIRASI.html'>
KONSPIRASI</a></b></td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" class="hargadiscount">
<strike>Rp 92.000</strike></td>
Replace with the CSS text-decoration attribute:
.strike { text-decoration: line-through; }
<strike>Rp 92.000</strike></td>
</tr>
<tr>
<td align="center" class="disc">Hemat Rp 18.400</td>
</tr>
<tr>
<td align="center" class="harga">Rp 73.600</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="top">
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.
<a href='http://www.bukukita.com/membercartlist.php?po=1&bookI
d=63363'>
<img src="http://www.bukukita.com/images/beli.gif" width="53" height="22" title="beli buku ini" border="0
"></a> </td>
An unknown entity has been used. This often happens when ¶m=value is used instead of &param=value in URL query strings.
Line 1611 HTML Validation Ampersand Problem
In HTML the ampersand character (&) is reserved for marking character entities
so you should never use raw ampersands in HTML - including ampersands inside URLs.
For example, any URL that needs an ampersand should look like:
http://www.example.com/file.html?var1=val1&var2=val2&var3=val3
d=63363'>
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Replace the border attribute with a CSS rule. For example:
img { border: 1px solid red; }
img { border: none; }
<img src="http://www.bukukita.com/images/beli.gif" width="53" height="22" title="beli buku ini" border="0
"></a> </td>
</tr>
</table>
</td>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="25%">
<table cellspacing="0" cellpadding="0">
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="25%" align="center" valign="top">
<table width="1%">
<tr>
<td>
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.
<a href='http://www.bukukita.com/Buku-Akan-Datang/Bulan-Mei-2013/113547-Hujan-dan-Pelangi.html' class='linkgambar'>
<img src='http://www.bukukita.com/babacms/displaybuku/63547.jpg' width='75' height='100' border='0' title='Lihat Detail Buku
'></a> </td>
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Replace the border attribute with a CSS rule. For example:
img { border: 1px solid red; }
img { border: none; }
<img src='http://www.bukukita.com/babacms/displaybuku/63547.jpg' width='75' height='100' border='0' title='Lihat Detail Buku
'></a> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top" class="isi_komentar judul_buku"><b><a href='http://www.bukukita.com/Buku-Akan-Datang/Bulan-Mei-2013/113547-Hujan-dan-Pelangi.html'>
Hujan dan Pelangi</a></b></td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" class="hargadiscount">
<strike>Rp 54.000</strike></td>
Replace with the CSS text-decoration attribute:
.strike { text-decoration: line-through; }
<strike>Rp 54.000</strike></td>
</tr>
<tr>
<td align="center" class="disc">Hemat Rp 10.800</td>
</tr>
<tr>
<td align="center" class="harga">Rp 43.200</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="top">
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.
<a href='http://www.bukukita.com/membercartlist.php?po=1&bookI
d=63547'>
<img src="http://www.bukukita.com/images/beli.gif" width="53" height="22" title="beli buku ini" border="0
"></a> </td>
An unknown entity has been used. This often happens when ¶m=value is used instead of &param=value in URL query strings.
Line 1657 HTML Validation Ampersand Problem
In HTML the ampersand character (&) is reserved for marking character entities
so you should never use raw ampersands in HTML - including ampersands inside URLs.
For example, any URL that needs an ampersand should look like:
http://www.example.com/file.html?var1=val1&var2=val2&var3=val3
d=63547'>
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Replace the border attribute with a CSS rule. For example:
img { border: 1px solid red; }
img { border: none; }
<img src="http://www.bukukita.com/images/beli.gif" width="53" height="22" title="beli buku ini" border="0
"></a> </td>
</tr>
</table>
</td>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="25%">
<table cellspacing="0" cellpadding="0">
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="25%" align="center" valign="top">
<table width="1%">
<tr>
<td>
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.
<a href='http://www.bukukita.com/Buku-Akan-Datang/Bulan-Mei-2013/113435-HURT---Cinta-itu-datang-untuk-pergi.html' class='linkgambar'>
<img src='http://www.bukukita.com/babacms/displaybuku/63435.jpg' width='75' height='100' border='0' title='Lihat Detail Buku
'></a> </td>
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Replace the border attribute with a CSS rule. For example:
img { border: 1px solid red; }
img { border: none; }
<img src='http://www.bukukita.com/babacms/displaybuku/63435.jpg' width='75' height='100' border='0' title='Lihat Detail Buku
'></a> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top" class="isi_komentar judul_buku"><b><a href='http://www.bukukita.com/Buku-Akan-Datang/Bulan-Mei-2013/113435-HURT---Cinta-itu-datang-untuk-pergi.html'>
HURT - Cinta itu datang untuk pergi</a></b></td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" class="hargadiscount">
<strike>Rp 30.000</strike></td>
Replace with the CSS text-decoration attribute:
.strike { text-decoration: line-through; }
<strike>Rp 30.000</strike></td>
</tr>
<tr>
<td align="center" class="disc">Hemat Rp 6.000</td>
</tr>
<tr>
<td align="center" class="harga">Rp 24.000</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="top">
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.
<a href='http://www.bukukita.com/membercartlist.php?po=1&bookI
d=63435'>
<img src="http://www.bukukita.com/images/beli.gif" width="53" height="22" title="beli buku ini" border="0
"></a> </td>
An unknown entity has been used. This often happens when ¶m=value is used instead of &param=value in URL query strings.
Line 1702 HTML Validation Ampersand Problem
In HTML the ampersand character (&) is reserved for marking character entities
so you should never use raw ampersands in HTML - including ampersands inside URLs.
For example, any URL that needs an ampersand should look like:
http://www.example.com/file.html?var1=val1&var2=val2&var3=val3
d=63435'>
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Replace the border attribute with a CSS rule. For example:
img { border: 1px solid red; }
img { border: none; }
<img src="http://www.bukukita.com/images/beli.gif" width="53" height="22" title="beli buku ini" border="0
"></a> </td>
</tr>
</table>
</td>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="25%">
<table cellspacing="0" cellpadding="0">
<tr>
Replace width attributes with CSS rules. For example:
td.two-column { width: 50%; }
<td width="25%" align="center" valign="top">
<table width="1%">
<tr>
<td>
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.
<a href='http://www.bukukita.com/Buku-Akan-Datang/Bulan-Mei-2013/113474-Paket-15-Tahun-Saman-dan-Reformasi.html' class='linkgambar'>
<img src='http://www.bukukita.com/babacms/displaybuku/63474.jpg' width='75' height='100' border='0' title='Lihat Detail Buku
'></a> </td>
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Replace the border attribute with a CSS rule. For example:
img { border: 1px solid red; }
img { border: none; }
<img src='http://www.bukukita.com/babacms/displaybuku/63474.jpg' width='75' height='100' border='0' title='Lihat Detail Buku
'></a> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top" class="isi_komentar judul_buku"><b><a href='http://www.bukukita.com/Buku-Akan-Datang/Bulan-Mei-2013/113474-Paket-15-Tahun-Saman-dan-Reformasi.html'>
Paket 15 Tahun Saman dan Reformasi</a></b></td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" class="hargadiscount">
<strike>Rp 130.000
<strike></t
d>
Replace with the CSS text-decoration attribute:
.strike { text-decoration: line-through; }
<strike>Rp 130.000
Replace with the CSS text-decoration attribute:
.strike { text-decoration: line-through; }
<strike></t
End tag for "STRIKE" omitted, but its declaration does not permit this.
Line 1734 HTML Validation
End tag for "STRIKE" omitted, but its declaration does not permit this.
Line 1734 HTML Validation
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
This page has malformed tags which IE8 and later treat differently from earlier versions of IE.
Line 1734 Internet Explorer
Fix the errors listed on the Standards tab of this report.
Markup errors like missing end tags means IE8 and IE9 may display different content from IE6 and IE7.
Fix the critical errors listed on the Standards tab of this report. Markup errors like missing end tags or unclosed comments mean search engine web crawlers may skip important content.
d>
</tr>
<tr>
<td align="center" class="disc">Hemat Rp 19.500</td>
</tr>
<tr>
<td align="center" class="harga">Rp 110.500</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="top">
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.
<a href='http://www.bukukita.com/membercartlist.php?po=1&bookI
d=63474'>
<img src="http://www.bukukita.com/images/beli.gif" width="53" height="22" title="beli buku ini" border="0
"></a> </td>
An unknown entity has been used. This often happens when ¶m=value is used instead of &param=value in URL query strings.
Line 1747 HTML Validation Ampersand Problem
In HTML the ampersand character (&) is reserved for marking character entities
so you should never use raw ampersands in HTML - including ampersands inside URLs.
For example, any URL that needs an ampersand should look like:
http://www.example.com/file.html?var1=val1&var2=val2&var3=val3
d=63474'>
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Replace the border attribute with a CSS rule. For example:
img { border: 1px solid red; }
img { border: none; }
<img src="http://www.bukukita.com/images/beli.gif" width="53" height="22" title="beli buku ini" border="0
"></a> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="4" align="right" valign="top" class="isi_komentar">
<a href="http://www.bukukita.com/katalogbukuatribut.php?atrId=2&pag
e=1">Judul
An unknown entity has been used. This often happens when ¶m=value is used instead of &param=value in URL query strings.
Line 1757 HTML Validation Ampersand Problem
In HTML the ampersand character (&) is reserved for marking character entities
so you should never use raw ampersands in HTML - including ampersands inside URLs.
For example, any URL that needs an ampersand should look like:
http://www.example.com/file.html?var1=val1&var2=val2&var3=val3
e=1">Judul
Selanjutnya
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Replace the ALIGN attribute with a CSS text-align attribute.
Replace the border attribute with a CSS rule. For example:
img { border: 1px solid red; }
img { border: none; }
<img src="http://www.bukukita.com/images/more.gif" width="35" height="15" border="0" align="absmiddl
Value of attribute "ALIGN" cannot be "ABSMIDDLE"; must be one of "TOP", "MIDDLE", "BOTTOM", "LEFT", "RIGHT".
Line 1759 HTML Validation
e
"></a>
</td>
</tr>
</table>
</td>
</tr>
</table> </div>
<div id="divSearch">
Forms that force users to shift back and forth between keyboard and mouse substantially slow their entry speed. This form contains text boxes requiring keyboard input, and other controls requiring mouse input.
Line 1767 Usability.gov 13:13
Replace the dropdown list with a control that allows keyboard input, so the whole form can be completed using the keyboard.
<form action="searchresult.php" method="post" name="frmBttmSearch" style="display:inline">
Cari Berdasarkan: <br>
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control. This allows screen readers to tell the user what each control does.
Do not wrap LABEL tags around input controls (implicit labels) since this is very unreliable in older screen readers.
This form has fields without LABEL elements or TITLE attributes.
Line 1769 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.
Display default values whenever a likely default choice can be defined. Provide a default selection for SELECT lists.
Line 1769 Usability.gov 13:18
When likely default values are known, offer those values to speed data entry. The initial or default item could be the most frequently selected item or the last item selected by that user.
Use LABEL tags for each data entry field to show what data is expected.
Line 1769 Usability.gov 13:5
Make sure each INPUT field has an associated LABEL tag describing the field.
<select size="1" name="id" class="field_input" onchange="showField(this.options[this.selectedIndex].text)">
<option value='index.php?id=1'>Judul</option><option value='index.php?id=2'>Penulis</option><option value='index.php?id=5'>No. ISBN</option> </select><div id="divSearchBy" style="display:inline">
<input type="text" name="key" size="30" class="field_input"></div>
<p align="right" style="padding-right:12px;margin-top:0px;">
<input type="image" src="images/cari.gif" id="Submit4" name="Submit4" value="Submit" title="Cari Buku berdasarkan"></p>
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control. This allows screen readers to tell the user what each control does.
Do not wrap LABEL tags around input controls (implicit labels) since this is very unreliable in older screen readers.
This form has fields without LABEL elements or TITLE attributes.
Line 1770 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 1770 Usability.gov 13:5
Make sure each INPUT field has an associated LABEL tag describing the field.
<input type="text" name="key" size="30" class="field_input"></div>
Replace the ALIGN attribute with a CSS rule. For example:
p { text-align: right; }
<p align="right" style="padding-right:12px;margin-top:0px;">
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="images/cari.gif" id="Submit4" name="Submit4" value="Submit" title="Cari Buku berdasarkan"></p>
<input type="hidden" name="match" value="2"/>
</form>
<!--
<a href="http://www.bukukita.com/Agama/Kristen/75651-Surga-Itu-Nyata!-
--Heaven-Is-So-Real!.html"> Surga Itu Nyata! - Heaven Is So Real!</
a>
Invalid comment declaration: found name character outside comment but inside comment declaration.
Line 1775 HTML Validation
--Heaven-Is-So-Real!.html"> Surga Itu Nyata! - Heaven Is So Real!</
a>
-->
</div>
</div>
<!--CrawlerProcess (http://www.PowerMapper.com) /5.3.640.0, 208.43.239.10?>-->Kantor Pusat: JL. Topaz Raya C2 No.12 Permata Puri Media, Jakarta Barat.<br />
Layanan Bantuan: 021-33088877, 021-91977730 Fax: 021-58350075 | <a href="hubungikami.php">Hubungi Kami</a><br />
Jam Layanan: Senin - Jumat: 09.00 WIB - 16.00 WIB | Sabtu: 09.00 WIB - 12.00 WIB (Hari Kerja)<br />
© 2006 - 2012 BukuKita.com - PT.Mitra Online Perkasa<br>
<br>
<script type="text/javascript"><!--
google_ad_client = "pub-7440868299486030";
/* 728x90, created 6/18/11 */
google_ad_slot = "8705582197";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<br> <br> <br> <br> <br> <br> <br> <br></td>
</tr>
</bod
y>
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
This page has malformed tags which IE8 and later treat differently from earlier versions of IE.
Line 1801 Internet Explorer
Fix the errors listed on the Standards tab of this report.
Markup errors like missing end tags means IE8 and IE9 may display different content from IE6 and IE7.
Fix the critical errors listed on the Standards tab of this report. Markup errors like missing end tags or unclosed comments mean search engine web crawlers may skip important content.
y>
</htm
l>
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
This page has malformed tags which IE8 and later treat differently from earlier versions of IE.
Line 1802 Internet Explorer
Fix the errors listed on the Standards tab of this report.
Markup errors like missing end tags means IE8 and IE9 may display different content from IE6 and IE7.
Fix the critical errors listed on the Standards tab of this report. Markup errors like missing end tags or unclosed comments mean search engine web crawlers may skip important content.
l>