Issues:
A well-written description tag attracts more clicks in search results than
an irrelevant or missing description.
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>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"
>
>
<link rel="shortcut icon" href="/favicon.ico?v=beta" sizes="16x16"/>
<link rel="apple-touch-icon" href="http://static.ak.crunchyroll.com/i/beta/ios_icon/cr_ios.png" />
<link rel="alternate" type="application/rss+xml" title="Latest Shows on Crunchyroll" href="http://feeds.feedburner.com/crunchyroll/rss" />
<link rel="alternate" type="application/rss+xml" title="Latest Anime News" href="http://feeds.feedburner.com/crunchyroll/animenews" />
<link rel="alternate" hreflang="es" href="//www.crunchyroll.com/es/comics/manga"/>
<link rel="alternate" hreflang="pt" href="//www.crunchyroll.com/pt/comics/manga"/>
<link rel="alternate" hreflang="ja" href="//www.crunchyroll.com/ja/comics/manga"/>
<link rel="alternate" hreflang="fr" href="//www.crunchyroll.com/fr/comics/manga"/>
<link rel="alternate" hreflang="de" href="//www.crunchyroll.com/de/comics/manga"/>
<link rel="alternate" hreflang="it" href="//www.crunchyroll.com/it/comics/manga"/>
<link rel="alternate" hreflang="ar" href="//www.crunchyroll.com/ar/comics/manga"/>
<meta property="og:site_name" content="Crunchyroll" />
<meta property="og:type" content="tv_show" />
<meta name="og:description" content="Crunchyroll Comics"/
>
>
<link rel="stylesheet" type="text/css" href="http://static.ak.crunchyroll.com/css/20140320190523.46ad3d40b3a5639ad256dcda7c2a467c/crcommon/reset.css"/>
<link rel="stylesheet" type="text/css" href="http://static.ak.crunchyroll.com/css/20140320190523.46ad3d40b3a5639ad256dcda7c2a467c/../main_beta.css?20140320190523.46ad3d40b3a5639ad256dcda7c2a467c"/>
<link rel="stylesheet" type="text/css" href="http://static.ak.crunchyroll.com/css/20140320190523.46ad3d40b3a5639ad256dcda7c2a467c/../header_v2.css?20140320190523.46ad3d40b3a5639ad256dcda7c2a467c"/>
<link rel="stylesheet" type="text/css" href="http://static.ak.crunchyroll.com/css/20140320190523.46ad3d40b3a5639ad256dcda7c2a467c/view/beta/comics.css"/>
<title>Crunchyroll - Crunchyroll Comics</title>
<script>
if(typeof console==='undefined'){(function(){var noOp=function(){return;};console={log:noOp,info:noOp,warn:noOp,error:noOp,assert:noOp,dir:noOp,clear:noOp,profile:noOp,profileEnd:noOp};})();}
var CACHED_TRANSLATIONS = {};
</script>
<script type="text/javascript" src="http://static.ak.crunchyroll.com/js/lang/20140320183324.4dc6ff1443f126fad6608fddbc8a1e0a/cr/enUS/common.js"></script>
<script type="text/javascript" src="http://static.ak.crunchyroll.com/common/static/js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="http://static.ak.crunchyroll.com/common/static/js/jquery.ba-bbq.min.js"></script>
<script type="text/javascript" src="http://static.ak.crunchyroll.com/common/static/js/jquery.tmpl.min.js"></script>
<script type="text/javascript" src="http://static.ak.crunchyroll.com/common/static/js/jquery.json-2.3.min.js"></script>
<script type="text/javascript" src="http://static.ak.crunchyroll.com/common/static/js/jquery-ui-1.8.14.custom.min.js"></script>
<script type="text/javascript" src="http://static.ak.crunchyroll.com/common/static/js/underscore-1.3.3.min.js"></script>
<script type="text/javascript" src="http://static.ak.crunchyroll.com/common/static/js/backbone-0.9.2.min.js"></script>
<script type="text/javascript" src="http://static.ak.crunchyroll.com/common/static/js/jquery.cookie.min.js"></script>
<script type="text/javascript" src="http://static.ak.crunchyroll.com/common/static/js/jquery.collapsible-1.1.min.js"></script>
<script type="text/javascript" src="http://static.ak.crunchyroll.com/common/static/js/swfobject.js"></script>
<script type="text/javascript" src="http://static.ak.crunchyroll.com/js/20140320183324.4dc6ff1443f126fad6608fddbc8a1e0a/jquery/jquery.jqEasyCharCounter.min.js"></script>
<script type="text/javascript" src="http://static.ak.crunchyroll.com/js/20140320183324.4dc6ff1443f126fad6608fddbc8a1e0a/jquery/common_beta.js"></script>
<script type="text/javascript" src="http://static.ak.crunchyroll.com/js/20140320183324.4dc6ff1443f126fad6608fddbc8a1e0a/jquery/cr.js"></script>
<script type="text/javascript" src="http://static.ak.crunchyroll.com/js/20140320183324.4dc6ff1443f126fad6608fddbc8a1e0a/jquery/bb.js"></script>
<script type="text/javascript" src="http://static.ak.crunchyroll.com/js/20140320183324.4dc6ff1443f126fad6608fddbc8a1e0a/jquery/jquery.caret-range-1.0.js"></script>
<script type="text/javascript" src="http://static.ak.crunchyroll.com/js/20140320183324.4dc6ff1443f126fad6608fddbc8a1e0a/jquery/bubble.js"></script>
<script type="text/javascript" src="http://static.ak.crunchyroll.com/js/20140320183324.4dc6ff1443f126fad6608fddbc8a1e0a/jquery/typeahead.js"></script>
<script type="text/javascript" src="http://static.ak.crunchyroll.com/js/20140320183324.4dc6ff1443f126fad6608fddbc8a1e0a/jquery/ads.js"></script>
<script type="text/javascript" src="http://static.ak.crunchyroll.com/js/20140320183324.4dc6ff1443f126fad6608fddbc8a1e0a/jquery/jquery.autoellipsis.min.js"></script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script type="text/javascript">
var DOMAIN = "crunchyroll.com";
var AJAXROOT = "\/ajax\/?";
var WEBROOT = "http:\/\/www.crunchyroll.com";
var LOCALE = "enUS";
var page = {};
</script>
<script type="text/javascript" src="//apis.google.com/js/plusone.js">
{parsetags: 'explicit'}
</script
>
>
<!--[if IE]>
<style type="text/css">
.clearfix {
zoom: 1; /* triggers hasLayout */
}
#header_searchpanel_beta #header_search_input {
line-height: 27px;
}
</style>
<![endif]-->
<meta name="google-site-verification" content="zuHV4BzoWdv29ExvUbbNKy67VvRS8WWpE1FQThEA-r0" />
</head>
<body class="main-page responsive enUS"
>
Add an H1 tag just before the main content describing the page.
>
<script type="text/javascript">
var WRInitTime=(new Date()).getTime();
</script>
<!-- temp series ad -->
<div id="header_beta" class="clearfix cf">
<div id="header_container" class="cf">
<div class="left">
<a href="/" id="logo_beta" class="left logo-enUS"
></a>
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>
<ul id="header_menubar_beta" class="left clearfix cf">
<li class="menubar-item-beta">
<a href="/videos/anime" token="topbar"
>Shows</a>
>Shows</a>
</li>
<li class="menubar-item-beta menubar-item-beta-selected">
<a href="/comics/manga" token="topbar"
>Manga</a>
>Manga</a>
<span class="superscript-manga-new">New</span>
</li>
<li class="menubar-item-beta">
<a href="/news" token="topbar"
>News</a>
>News</a>
</li>
<li class="menubar-item-beta">
<a href="/forum" token="topbar"
>Forums</a>
>Forums</a>
</li>
<li class="menubar-item-beta">
<a href="/store" token="topbar"
>Store</a>
>Store</a>
</li>
<li class="menubar-item-beta">
<a href="/freetrial/anime/?from=topbar" token="topbar"
>Premium</a>
>Premium</a>
<span class="superscript-free">Free</span>
</li>
</ul>
</div><!-- left -->
<div class="right clearfix cf">
<ul id="header_userpanel_beta" class="clearfix left">
<li class="login left"><a href="https://www.crunchyroll.com/login?next=%2Fcomics%2Fmanga" rel="nofollow" token="login_top"
>Log In</a></li>
>Log In</a></li>
</ul>
<ul id="header_searchpanel_beta" class="clearfix cf left">
<li class="search left">
<div id="header_search_beta">
<form method="get" action="/search" id="main_searchbox" class="clearfix cf">
<input type="text" name="q" placeholder="Anime series, drama, etc" value="" id="header_search_input" class="placeholder header-searchbox left" autocomplete="off"/
>
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 120 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 120 Usability.gov 13:5
Make sure each INPUT field has an associated LABEL tag describing the field.
>
<a href="javascript:void(0)" id="header_search_submit_beta" class="left header-searchbox-submit" title="Search"
></a>
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>
</form>
<script type="text/javascript">
$("#header_search_input").val($("#header_search_input").attr("placeholder"));
$("#header_search_input").focus(function(){
focus_text($("#header_search_input"), $("#header_search_input").attr("placeholder"));
ComboSearch.preload();
ComboSearch.search("header_search_input");
$('#header_search_submit_beta').addClass('searchbox-focus');
});
$("#header_search_input").blur(function() {
blur_text($("#header_search_input"), $("#header_search_input").attr("placeholder"));
$('#header_search_submit_beta').removeClass('searchbox-focus');
});
$("#header_search_input").keyup(function(e) {
ComboSearch.search("header_search_input");
if(e.keyCode == 27){
ComboSearch.close();
$(this).val('');
}
});
$("#header_search_input").keydown(ComboSearch.handleKeyPress);
$(document).click(ComboSearch.handleDocumentClick);
$("#header_search_submit_beta").click(function() {
if($("#header_search_input").val()==$("#header_search_input").attr("placeholder")) {
return false;
}
$("#header_search_input").closest("form").submit();
});
</script>
<div id="header_search_autocomplete" style="display: none;"> </div>
</div>
</li><!-- search -->
</ul><!-- search_panel -->
</div>
</div>
</div><!-- header -->
<script type="text/javascript">
//// tool tip
// hide or show
var thisLi;
$("#header_userpanel_beta li").mouseover(function(){
thisLi = $(this);
showHeaderTooltip(thisLi, thisLi.find(".tooltip"));
thisLi.find("a").mousedown(function(){
hideTooltip(thisLi, thisLi.find(".tooltip"));
});
});
$("#header_userpanel_beta li").mouseout(function(){
hideTooltip(thisLi, thisLi.find(".tooltip"));
});
function hideTooltip(parent, tooltip){
clearTimeout(parent.data('timeout'));
tooltip.stop(true, true).animate({opacity:0}, 200, function(){
$(this).css({'visibility' : 'hidden'});
});
}
function showHeaderTooltip(parent, tooltip){
var tooltipDesc = tooltip.find(".tooltip-desc");
alignTooltip(tooltipDesc);
parent.data('timeout', setTimeout(function(){
tooltip.css({'visibility' : 'visible', 'opacity' : 0}).animate({opacity:1}, 200);
}, 450));
}
// align tool tip
function alignTooltip(tooltipDesc){
var tooltipWidth;
tooltipWidth = tooltipDesc.outerWidth();
tooltipMargin = -tooltipWidth / 2;
tooltipDesc.parent().css({'left' : '50%', 'margin-left' : tooltipMargin, 'width' : tooltipWidth});
}
// set width for arrows (ie9 fix)
function setWidth(divHasWidth, divNoWidth){
var divWithWidth;
divWithWidth = divHasWidth.outerWidth();
divNoWidth.css({'width' : divWithWidth});
}
//// end of tool tip
//// user drop down
var userMenu = $("#header_userpanel_beta .user-icon");
userMenu.click(function(event){
dropdownToggle($(this));
userMenu.toggleClass("open");
event.stopPropagation();
});
var userDropdown = $(".dropdown");
function dropdownToggle(sibling){
sibling.next(userDropdown).toggle();
setWidth(userDropdown.find('.dropdown-menu'), userDropdown.find('.tooltip-top'));
}
$(userDropdown).click(function(event){
event.stopPropagation();
});
$('html').click(function(){
$(".dropdown").hide();
userMenu.removeClass("open");
});
//// end of drop down
</script>
<div id="template_scroller" class="ad-skin">
<div id="template_skin_leaderboard" class="clearfix"><script type="text/javascript" src="http://adserver.adtechus.com/addyn/3.0/5290/3040412/0/999/ADTECH;loc=100;target=_blank;grp=90350000;misc=90350000"></script>
<noscript><a href="http://adserver.adtechus.com/adlink/3.0/5290/3040412/0/16/ADTECH;loc=300;grp=90350000" target="_blank"
><img src="http://adserver.adtechus.com/adserv/3.0/5290/3040412/0/16/ADTECH;loc=300;grp=90350000" border="0" width="1" height="1"/
></a></noscript></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.
><img src="http://adserver.adtechus.com/adserv/3.0/5290/3040412/0/16/ADTECH;loc=300;grp=90350000" border="0" width="1" height="1"/
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
></a></noscript></div>
<div id="template_container" class="cf template-container">
<div id="template_body" class="cf">
<div id="message_box" style="display: none;">
</div>
<script type="text/javascript">
Page.messaging_box_controller = new MessageBox({"render_to": "#message_box"});
Page.messaging_box_controller.addItems([]);
</script>
<div style="height:0;visibility:hidden;" class="clearfix"></div>
<div id="source_browse">
<div id="tabs" class="medium-margin-bottom container-shadow">
<div class="main-tabs cf">
<a href="/comics/manga" token="shows-manga" class="left selected"
>Manga</a>
>Manga</a>
<a href="/comics/artistalley" token="shows-artistalley" class="left "
>Artist Alley</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>
>Artist Alley</a>
<a href="/comics/comipo" token="shows-comipo" class="left "
>ComiPo!</a>
>ComiPo!</a>
</div>
<div class="sub-tabs cf">
<div class="sub-tabs-menu cf">
<a href="/comics/manga/newest" token="comics-newest" class="left block-link selected"
>Popular</a>
>Popular</a>
<a href="/comics/manga/joint_promo" token="comics-manga-joint-promo" class="left block-link "
>Joint Promotion</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>
>Joint Promotion</a>
<a href="/comics/manga/simulpub" token="comics-manga-simulpub" class="left block-link "
>Simulpub</a>
>Simulpub</a>
<a href="/comics/manga/updated" token="comics-manga-updated" class="left block-link "
>Updated</a>
>Updated</a>
<a href="/comics/manga/alpha" token="comics-alpha" class="left block-link "
>Alphabetical</a>
>Alphabetical</a>
<!-- <a href="/comics/--><!--/genre" token="comics-manga-genre" class="left block-link --><!--selected--><!--">--><!--</a>-->
</div>
</div>
</div>
<div id="container" class="cf">
<div id="main_content" class="left">
<ul class="portrait-grid cf">
<li id="media_group_173" class="hover-bubble group-item" group_id="173"
>
>
<div class="wrapper hover-toggle-queue container-shadow hover-classes" data-classes="container-shadow-dark">
<a title="Mysterious Girlfriend X" token="shows-portraits" itemprop="url" href="/comics/manga/mysterious-girlfriend-x/volumes" class="portrait-element block-link titlefix"
>
>
<span class="img-holder"><img itemprop="photo" alt="Mysterious Girlfriend X" src="http://img1.ak.crunchyroll.com/i/croll_manga/c4b7c837a3f81a75a4a422b8ea5db5fa_1381878701_large.jpg?1" class="portrait" /
></span>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 270 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.
></span>
<span itemprop="name" class="series-title block ellipsis">Mysterious Girlfriend X</span>
</a>
</div>
</li>
<li id="media_group_181" class="hover-bubble group-item" group_id="181"
>
>
<div class="wrapper hover-toggle-queue container-shadow hover-classes" data-classes="container-shadow-dark">
<a title="Space Brothers" token="shows-portraits" itemprop="url" href="/comics/manga/space-brothers/volumes" class="portrait-element block-link titlefix"
>
>
<span class="img-holder"><img itemprop="photo" alt="Space Brothers" src="http://img1.ak.crunchyroll.com/i/croll_manga/0bed1312deebfd06ebee6f6baf68e231_1378703267_large.jpg?1" class="portrait" /
></span>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 278 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.
></span>
<span itemprop="name" class="series-title block ellipsis">Space Brothers</span>
</a>
</div>
</li>
<li id="media_group_177" class="hover-bubble group-item" group_id="177"
>
>
<div class="wrapper hover-toggle-queue container-shadow hover-classes" data-classes="container-shadow-dark">
<a title="Fairy Tail" token="shows-portraits" itemprop="url" href="/comics/manga/fairy-tail/volumes" class="portrait-element block-link titlefix"
>
>
<span class="img-holder"><img itemprop="photo" alt="Fairy Tail" src="http://img1.ak.crunchyroll.com/i/croll_manga/731b1e7fb3ae28b5fef5b97e3de18432_1378507252_large.jpg?1" class="portrait" /
></span>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 286 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.
></span>
<span itemprop="name" class="series-title block ellipsis">Fairy Tail</span>
</a>
</div>
</li>
<li id="media_group_185" class="hover-bubble group-item" group_id="185"
>
>
<div class="wrapper hover-toggle-queue container-shadow hover-classes" data-classes="container-shadow-dark">
<a title="Yamada-kun and the Seven Witches" token="shows-portraits" itemprop="url" href="/comics/manga/yamada-kun-and-the-seven-witches/volumes" class="portrait-element block-link titlefix"
>
>
<span class="img-holder"><img itemprop="photo" alt="Yamada-kun and the Seven Witches" src="http://img1.ak.crunchyroll.com/i/croll_manga/0d6b546ee0b65082daf17ec132c7049a_1378507301_large.jpg?1" class="portrait" /
></span>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 294 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.
></span>
<span itemprop="name" class="series-title block ellipsis">Yamada-kun and the Seven Witches</span>
</a>
</div>
</li>
<li id="media_group_187" class="hover-bubble group-item" group_id="187"
>
>
<div class="wrapper hover-toggle-queue container-shadow hover-classes" data-classes="container-shadow-dark">
<a title="COPPELION" token="shows-portraits" itemprop="url" href="/comics/manga/coppelion/volumes" class="portrait-element block-link titlefix"
>
>
<span class="img-holder"><img itemprop="photo" alt="COPPELION" src="http://img1.ak.crunchyroll.com/i/croll_manga/28c3e485610566fb6b7926084801ea5b_1376694830_large.jpg?1" class="portrait" /
></span>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 302 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.
></span>
<span itemprop="name" class="series-title block ellipsis">COPPELION</span>
</a>
</div>
</li>
<li id="media_group_189" class="hover-bubble group-item" group_id="189"
>
>
<div class="wrapper hover-toggle-queue container-shadow hover-classes" data-classes="container-shadow-dark">
<a title="A Town Where You Live" token="shows-portraits" itemprop="url" href="/comics/manga/a-town-where-you-live/volumes" class="portrait-element block-link titlefix"
>
>
<span class="img-holder"><img itemprop="photo" alt="A Town Where You Live" src="http://img1.ak.crunchyroll.com/i/croll_manga/f9b76660ea39b00902c456d109e327ea_1377815245_large.jpg?1" class="portrait" /
></span>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 310 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.
></span>
<span itemprop="name" class="series-title block ellipsis">A Town Where You Live</span>
</a>
</div>
</li>
<li id="media_group_193" class="hover-bubble group-item" group_id="193"
>
>
<div class="wrapper hover-toggle-queue container-shadow hover-classes" data-classes="container-shadow-dark">
<a title="As the Gods Will - The Second Series" token="shows-portraits" itemprop="url" href="/comics/manga/as-the-gods-will-the-second-series/volumes" class="portrait-element block-link titlefix"
>
>
<span class="img-holder"><img itemprop="photo" alt="As the Gods Will - The Second Series" src="http://img1.ak.crunchyroll.com/i/croll_manga/e169d67723142e23e2cb3abf8da47f65_1378507231_large.jpg?1" class="portrait" /
></span>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 318 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.
></span>
<span itemprop="name" class="series-title block ellipsis">As the Gods Will - The Second Series</span>
</a>
</div>
</li>
<li id="media_group_195" class="hover-bubble group-item" group_id="195"
>
>
<div class="wrapper hover-toggle-queue container-shadow hover-classes" data-classes="container-shadow-dark">
<a title="Fort of Apocalypse" token="shows-portraits" itemprop="url" href="/comics/manga/fort-of-apocalypse/volumes" class="portrait-element block-link titlefix"
>
>
<span class="img-holder"><img itemprop="photo" alt="Fort of Apocalypse" src="http://img1.ak.crunchyroll.com/i/croll_manga/c86f1c30179b11167cf72c3732e4e75e_1378507266_large.jpg?1" class="portrait" /
></span>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 326 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.
></span>
<span itemprop="name" class="series-title block ellipsis">Fort of Apocalypse</span>
</a>
</div>
</li>
<li id="media_group_197" class="hover-bubble group-item" group_id="197"
>
>
<div class="wrapper hover-toggle-queue container-shadow hover-classes" data-classes="container-shadow-dark">
<a title="My Wife is Wagatsuma-san" token="shows-portraits" itemprop="url" href="/comics/manga/my-wife-is-wagatsuma-san/volumes" class="portrait-element block-link titlefix"
>
>
<span class="img-holder"><img itemprop="photo" alt="My Wife is Wagatsuma-san" src="http://img1.ak.crunchyroll.com/i/croll_manga/434c54e44837b3a40981325723bd3572_1378507292_large.jpg?1" class="portrait" /
></span>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 334 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.
></span>
<span itemprop="name" class="series-title block ellipsis">My Wife is Wagatsuma-san</span>
</a>
</div>
</li>
<li id="media_group_179" class="hover-bubble group-item" group_id="179"
>
>
<div class="wrapper hover-toggle-queue container-shadow hover-classes" data-classes="container-shadow-dark">
<a title="Attack on Titan" token="shows-portraits" itemprop="url" href="/comics/manga/attack-on-titan/volumes" class="portrait-element block-link titlefix"
>
>
<span class="img-holder"><img itemprop="photo" alt="Attack on Titan" src="http://img1.ak.crunchyroll.com/i/croll_manga/ecda7522c63ebbf3efeee4b5ccaeafcd_1376698396_large.jpg?1" class="portrait" /
></span>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 342 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.
></span>
<span itemprop="name" class="series-title block ellipsis">Attack on Titan</span>
</a>
</div>
</li>
<li id="media_group_199" class="hover-bubble group-item" group_id="199"
>
>
<div class="wrapper hover-toggle-queue container-shadow hover-classes" data-classes="container-shadow-dark">
<a title="The Seven Deadly Sins" token="shows-portraits" itemprop="url" href="/comics/manga/the-seven-deadly-sins/volumes" class="portrait-element block-link titlefix"
>
>
<span class="img-holder"><img itemprop="photo" alt="The Seven Deadly Sins" src="http://img1.ak.crunchyroll.com/i/croll_manga/ef85d845ca74287c6664e2d86a755bd7_1383906018_large.jpg?1" class="portrait" /
></span>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 350 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.
></span>
<span itemprop="name" class="series-title block ellipsis">The Seven Deadly Sins</span>
</a>
</div>
</li>
<li id="media_group_205" class="hover-bubble group-item" group_id="205"
>
>
<div class="wrapper hover-toggle-queue container-shadow hover-classes" data-classes="container-shadow-dark">
<a title="UQ HOLDER!" token="shows-portraits" itemprop="url" href="/comics/manga/uq-holder/volumes" class="portrait-element block-link titlefix"
>
>
<span class="img-holder"><img itemprop="photo" alt="UQ HOLDER!" src="http://img1.ak.crunchyroll.com/i/croll_manga/c56a0f4fead4822755374feacf7d9c60_1381788735_large.jpg?1" class="portrait" /
></span>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 358 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.
></span>
<span itemprop="name" class="series-title block ellipsis">UQ HOLDER!</span>
</a>
</div>
</li>
<li id="media_group_231" class="hover-bubble group-item" group_id="231"
>
>
<div class="wrapper hover-toggle-queue container-shadow hover-classes" data-classes="container-shadow-dark">
<a title="Soredemo Machi wa Mawatteiru" token="shows-portraits" itemprop="url" href="/comics/manga/soredemo-machi-wa-mawatteiru/volumes" class="portrait-element block-link titlefix"
>
>
<span class="img-holder"><img itemprop="photo" alt="Soredemo Machi wa Mawatteiru" src="http://img1.ak.crunchyroll.com/i/croll_manga/d1159187a15143df496c54c6041421c3_1392220258_large.jpg?1" class="portrait" /
></span>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 366 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.
></span>
<span itemprop="name" class="series-title block ellipsis">Soredemo Machi wa Mawatteiru</span>
</a>
</div>
</li>
<li id="media_group_237" class="hover-bubble group-item" group_id="237"
>
>
<div class="wrapper hover-toggle-queue container-shadow hover-classes" data-classes="container-shadow-dark">
<a title="Sun-Ken Rock" token="shows-portraits" itemprop="url" href="/comics/manga/sun-ken-rock/volumes" class="portrait-element block-link titlefix"
>
>
<span class="img-holder"><img itemprop="photo" alt="Sun-Ken Rock" src="http://img1.ak.crunchyroll.com/i/croll_manga/368cba1b39ae46b3435e6ac1d4f5987e_1391991276_large.jpg?1" class="portrait" /
></span>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 374 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.
></span>
<span itemprop="name" class="series-title block ellipsis">Sun-Ken Rock</span>
</a>
</div>
</li>
<li id="media_group_245" class="hover-bubble group-item" group_id="245"
>
>
<div class="wrapper hover-toggle-queue container-shadow hover-classes" data-classes="container-shadow-dark">
<a title="Silver Nina" token="shows-portraits" itemprop="url" href="/comics/manga/silver-nina/volumes" class="portrait-element block-link titlefix"
>
>
<span class="img-holder"><img itemprop="photo" alt="Silver Nina" src="http://img1.ak.crunchyroll.com/i/croll_manga/2940f3c35e66971677d0d6e03d0e2128_1389667049_large.jpg?1" class="portrait" /
></span>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 382 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.
></span>
<span itemprop="name" class="series-title block ellipsis">Silver Nina</span>
</a>
</div>
</li>
<li id="media_group_247" class="hover-bubble group-item" group_id="247"
>
>
<div class="wrapper hover-toggle-queue container-shadow hover-classes" data-classes="container-shadow-dark">
<a title="Inside Mari" token="shows-portraits" itemprop="url" href="/comics/manga/inside-mari/volumes" class="portrait-element block-link titlefix"
>
>
<span class="img-holder"><img itemprop="photo" alt="Inside Mari" src="http://img1.ak.crunchyroll.com/i/croll_manga/70d74c2842e6ebed097c8309889c67e8_1389837055_large.jpg?1" class="portrait" /
></span>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 390 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.
></span>
<span itemprop="name" class="series-title block ellipsis">Inside Mari</span>
</a>
</div>
</li>
<li id="media_group_249" class="hover-bubble group-item" group_id="249"
>
>
<div class="wrapper hover-toggle-queue container-shadow hover-classes" data-classes="container-shadow-dark">
<a title="Love Theory" token="shows-portraits" itemprop="url" href="/comics/manga/love-theory/volumes" class="portrait-element block-link titlefix"
>
>
<span class="img-holder"><img itemprop="photo" alt="Love Theory" src="http://img1.ak.crunchyroll.com/i/croll_manga/41018d6f028ae2b144929fd8d9f8e908_1389732939_large.jpg?1" class="portrait" /
></span>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 398 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.
></span>
<span itemprop="name" class="series-title block ellipsis">Love Theory</span>
</a>
</div>
</li>
<li id="media_group_261" class="hover-bubble group-item" group_id="261"
>
>
<div class="wrapper hover-toggle-queue container-shadow hover-classes" data-classes="container-shadow-dark">
<a title="Orange" token="shows-portraits" itemprop="url" href="/comics/manga/orange/volumes" class="portrait-element block-link titlefix"
>
>
<span class="img-holder"><img itemprop="photo" alt="Orange" src="http://img1.ak.crunchyroll.com/i/croll_manga/539c7a1d4e751922af7d7bfd5eee854e_1390593830_large.jpg?1" class="portrait" /
></span>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 406 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.
></span>
<span itemprop="name" class="series-title block ellipsis">Orange</span>
</a>
</div>
</li>
<li id="media_group_265" class="hover-bubble group-item" group_id="265"
>
>
<div class="wrapper hover-toggle-queue container-shadow hover-classes" data-classes="container-shadow-dark">
<a title="Is this Girl for Real!?" token="shows-portraits" itemprop="url" href="/comics/manga/is-this-girl-for-real/volumes" class="portrait-element block-link titlefix"
>
>
<span class="img-holder"><img itemprop="photo" alt="Is this Girl for Real!?" src="http://img1.ak.crunchyroll.com/i/croll_manga/fdbc2ca3d883f76e35675660b1b9b703_1390340548_large.jpg?1" class="portrait" /
></span>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 414 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.
></span>
<span itemprop="name" class="series-title block ellipsis">Is this Girl for Real!?</span>
</a>
</div>
</li>
<li id="media_group_263" class="hover-bubble group-item" group_id="263"
>
>
<div class="wrapper hover-toggle-queue container-shadow hover-classes" data-classes="container-shadow-dark">
<a title="Star Light Woman" token="shows-portraits" itemprop="url" href="/comics/manga/star-light-woman/volumes" class="portrait-element block-link titlefix"
>
>
<span class="img-holder"><img itemprop="photo" alt="Star Light Woman" src="http://img1.ak.crunchyroll.com/i/croll_manga/ca0c6d562293d4d80a6525b832a1759f_1390249446_large.jpg?1" class="portrait" /
></span>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 422 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.
></span>
<span itemprop="name" class="series-title block ellipsis">Star Light Woman</span>
</a>
</div>
</li>
<li id="media_group_267" class="hover-bubble group-item" group_id="267"
>
>
<div class="wrapper hover-toggle-queue container-shadow hover-classes" data-classes="container-shadow-dark">
<a title="Okitenemuru" token="shows-portraits" itemprop="url" href="/comics/manga/okitenemuru/volumes" class="portrait-element block-link titlefix"
>
>
<span class="img-holder"><img itemprop="photo" alt="Okitenemuru" src="http://img1.ak.crunchyroll.com/i/croll_manga/77297b589a229be449296612af8d2bac_1390341659_large.jpg?1" class="portrait" /
></span>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 430 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.
></span>
<span itemprop="name" class="series-title block ellipsis">Okitenemuru</span>
</a>
</div>
</li>
<li id="media_group_271" class="hover-bubble group-item" group_id="271"
>
>
<div class="wrapper hover-toggle-queue container-shadow hover-classes" data-classes="container-shadow-dark">
<a title="King's Game: Origin" token="shows-portraits" itemprop="url" href="/comics/manga/kings-game-origin/volumes" class="portrait-element block-link titlefix"
>
>
<span class="img-holder"><img itemprop="photo" alt="King's Game: Origin" src="http://img1.ak.crunchyroll.com/i/croll_manga/eeb3c7aaab8e3ef03ba9fac1853dfd95_1390593734_large.jpg?1" class="portrait" /
></span>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 438 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.
></span>
<span itemprop="name" class="series-title block ellipsis">King's Game: Origin</span>
</a>
</div>
</li>
<li id="media_group_273" class="hover-bubble group-item" group_id="273"
>
>
<div class="wrapper hover-toggle-queue container-shadow hover-classes" data-classes="container-shadow-dark">
<a title="ReCollection" token="shows-portraits" itemprop="url" href="/comics/manga/recollection/volumes" class="portrait-element block-link titlefix"
>
>
<span class="img-holder"><img itemprop="photo" alt="ReCollection" src="http://img1.ak.crunchyroll.com/i/croll_manga/2a04c3e24a648853b31caf4e028bcbbf_1390593964_large.jpg?1" class="portrait" /
></span>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 446 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.
></span>
<span itemprop="name" class="series-title block ellipsis">ReCollection</span>
</a>
</div>
</li>
<li id="media_group_275" class="hover-bubble group-item" group_id="275"
>
>
<div class="wrapper hover-toggle-queue container-shadow hover-classes" data-classes="container-shadow-dark">
<a title="Action Mask" token="shows-portraits" itemprop="url" href="/comics/manga/action-mask/volumes" class="portrait-element block-link titlefix"
>
>
<span class="img-holder"><img itemprop="photo" alt="Action Mask" src="http://img1.ak.crunchyroll.com/i/croll_manga/20078eb603ef5080927182fd07f324b9_1390595883_large.jpg?1" class="portrait" /
></span>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 454 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.
></span>
<span itemprop="name" class="series-title block ellipsis">Action Mask</span>
</a>
</div>
</li>
<li id="media_group_279" class="hover-bubble group-item" group_id="279"
>
>
<div class="wrapper hover-toggle-queue container-shadow hover-classes" data-classes="container-shadow-dark">
<a title="Spirit Circle" token="shows-portraits" itemprop="url" href="/comics/manga/spirit-circle/volumes" class="portrait-element block-link titlefix"
>
>
<span class="img-holder"><img itemprop="photo" alt="Spirit Circle" src="http://img1.ak.crunchyroll.com/i/croll_manga/9be300089f049516ec628212bdbf36e8_1392220521_large.jpg?1" class="portrait" /
></span>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 462 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.
></span>
<span itemprop="name" class="series-title block ellipsis">Spirit Circle</span>
</a>
</div>
</li>
<li id="media_group_277" class="hover-bubble group-item" group_id="277"
>
>
<div class="wrapper hover-toggle-queue container-shadow hover-classes" data-classes="container-shadow-dark">
<a title="Arpeggio of Blue Steel" token="shows-portraits" itemprop="url" href="/comics/manga/arpeggio-of-blue-steel/volumes" class="portrait-element block-link titlefix"
>
>
<span class="img-holder"><img itemprop="photo" alt="Arpeggio of Blue Steel" src="http://img1.ak.crunchyroll.com/i/croll_manga/def5d40044e12698f84039fe8c6ca351_1391026759_large.jpg?1" class="portrait" /
></span>
The ALT text of this image mentions a color, which isn't useful for blind users.
ALT text like 'Bar chart showing sales, red bars show sales below target' is not useful when you can't see the chart. Use another way to describe the image.
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 470 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.
></span>
<span itemprop="name" class="series-title block ellipsis">Arpeggio of Blue Steel</span>
</a>
</div>
</li>
<li id="media_group_281" class="hover-bubble group-item" group_id="281"
>
>
<div class="wrapper hover-toggle-queue container-shadow hover-classes" data-classes="container-shadow-dark">
<a title="Shindo" token="shows-portraits" itemprop="url" href="/comics/manga/shindo/volumes" class="portrait-element block-link titlefix"
>
>
<span class="img-holder"><img itemprop="photo" alt="Shindo" src="http://img1.ak.crunchyroll.com/i/croll_manga/7f739432eab1e9a682e295596385f8c5_1392251920_large.jpg?1" class="portrait" /
></span>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 478 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.
></span>
<span itemprop="name" class="series-title block ellipsis">Shindo</span>
</a>
</div>
</li>
<li id="media_group_283" class="hover-bubble group-item" group_id="283"
>
>
<div class="wrapper hover-toggle-queue container-shadow hover-classes" data-classes="container-shadow-dark">
<a title="Buffalo 5 Girls" token="shows-portraits" itemprop="url" href="/comics/manga/buffalo-5-girls/volumes" class="portrait-element block-link titlefix"
>
>
<span class="img-holder"><img itemprop="photo" alt="Buffalo 5 Girls" src="http://img1.ak.crunchyroll.com/i/croll_manga/b483d7789e87876f218d33bc1d479a8f_1394065606_large.jpg?1" class="portrait" /
></span>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 486 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.
></span>
<span itemprop="name" class="series-title block ellipsis">Buffalo 5 Girls</span>
</a>
</div>
</li>
<li id="media_group_291" class="hover-bubble group-item" group_id="291"
>
>
<div class="wrapper hover-toggle-queue container-shadow hover-classes" data-classes="container-shadow-dark">
<a title="Memoirs of Amorous Gentlemen" token="shows-portraits" itemprop="url" href="/comics/manga/memoirs-of-amorous-gentlemen/volumes" class="portrait-element block-link titlefix"
>
>
<span class="img-holder"><img itemprop="photo" alt="Memoirs of Amorous Gentlemen" src="http://img1.ak.crunchyroll.com/i/croll_manga/974d10d54b54987b252eb2fece9827d4_1394065624_large.jpg?1" class="portrait" /
></span>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 494 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.
></span>
<span itemprop="name" class="series-title block ellipsis">Memoirs of Amorous Gentlemen</span>
</a>
</div>
</li>
<li id="media_group_287" class="hover-bubble group-item" group_id="287"
>
>
<div class="wrapper hover-toggle-queue container-shadow hover-classes" data-classes="container-shadow-dark">
<a title="Investor Z" token="shows-portraits" itemprop="url" href="/comics/manga/investor-z/volumes" class="portrait-element block-link titlefix"
>
>
<span class="img-holder"><img itemprop="photo" alt="Investor Z" src="http://img1.ak.crunchyroll.com/i/croll_manga/537d77fc2353a4d34d1c2d67bc68cd77_1394065614_large.jpg?1" class="portrait" /
></span>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 502 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.
></span>
<span itemprop="name" class="series-title block ellipsis">Investor Z</span>
</a>
</div>
</li>
<li id="media_group_293" class="hover-bubble group-item" group_id="293"
>
>
<div class="wrapper hover-toggle-queue container-shadow hover-classes" data-classes="container-shadow-dark">
<a title="The Diary of Ochibi-san" token="shows-portraits" itemprop="url" href="/comics/manga/the-diary-of-ochibi-san/volumes" class="portrait-element block-link titlefix"
>
>
<span class="img-holder"><img itemprop="photo" alt="The Diary of Ochibi-san" src="http://img1.ak.crunchyroll.com/i/croll_manga/a72a6c573c0c533721eae18b293b38db_1394065632_large.jpg?1" class="portrait" /
></span>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 510 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.
></span>
<span itemprop="name" class="series-title block ellipsis">The Diary of Ochibi-san</span>
</a>
</div>
</li>
<li id="media_group_295" class="hover-bubble group-item" group_id="295"
>
>
<div class="wrapper hover-toggle-queue container-shadow hover-classes" data-classes="container-shadow-dark">
<a title="Fairy Tail Matsuri" token="shows-portraits" itemprop="url" href="/comics/manga/fairy-tail-matsuri/volumes" class="portrait-element block-link titlefix"
>
>
<span class="img-holder"><img itemprop="photo" alt="Fairy Tail Matsuri" src="http://img1.ak.crunchyroll.com/i/croll_manga/8d3f12638ddeb276a79d68c9068568be_1394810771_large.jpg?1" class="portrait" /
></span>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 518 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.
></span>
<span itemprop="name" class="series-title block ellipsis">Fairy Tail Matsuri</span>
</a>
</div>
</li>
<li id="media_group_301" class="hover-bubble group-item" group_id="301"
>
>
<div class="wrapper hover-toggle-queue container-shadow hover-classes" data-classes="container-shadow-dark">
<a title="The Heroic Legend of Arslan" token="shows-portraits" itemprop="url" href="/comics/manga/the-heroic-legend-of-arslan/volumes" class="portrait-element block-link titlefix"
>
>
<span class="img-holder"><img itemprop="photo" alt="The Heroic Legend of Arslan" src="http://img1.ak.crunchyroll.com/i/croll_manga/2612e7cf08df22060d1804f5aafd27e3_1394850895_large.jpg?1" class="portrait" /
></span>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 526 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.
></span>
<span itemprop="name" class="series-title block ellipsis">The Heroic Legend of Arslan</span>
</a>
</div>
</li>
<li id="media_group_303" class="hover-bubble group-item" group_id="303"
>
>
<div class="wrapper hover-toggle-queue container-shadow hover-classes" data-classes="container-shadow-dark">
<a title="A Silent Voice - Koe no Katachi" token="shows-portraits" itemprop="url" href="/comics/manga/a-silent-voice-koe-no-katachi/volumes" class="portrait-element block-link titlefix"
>
>
<span class="img-holder"><img itemprop="photo" alt="A Silent Voice - Koe no Katachi" src="http://img1.ak.crunchyroll.com/i/croll_manga/9af61715e1c505103230815da83077a0_1394714306_large.jpg?1" class="portrait" /
></span>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 534 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.
></span>
<span itemprop="name" class="series-title block ellipsis">A Silent Voice - Koe no Katachi</span>
</a>
</div>
</li>
<li id="media_group_305" class="hover-bubble group-item" group_id="305"
>
>
<div class="wrapper hover-toggle-queue container-shadow hover-classes" data-classes="container-shadow-dark">
<a title="Ajin : Demi-Human" token="shows-portraits" itemprop="url" href="/comics/manga/ajin-demi-human/volumes" class="portrait-element block-link titlefix"
>
>
<span class="img-holder"><img itemprop="photo" alt="Ajin : Demi-Human" src="http://img1.ak.crunchyroll.com/i/croll_manga/9351823f1ca34cdbf497c2ecd266c6ee_1394776898_large.jpg?1" class="portrait" /
></span>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 542 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.
></span>
<span itemprop="name" class="series-title block ellipsis">Ajin : Demi-Human</span>
</a>
</div>
</li>
</ul>
</div>
<div id="sidebar" class="right">
<ul id="sidebar_elements" class="list-block">
<li class="large-margin-bottom">
<h3>Crunchyroll Manga app available on your iPhone or Android!</h3>
<p class="medium-margin-bottom">Download Crunchyroll Manga app on your phone and enjoy latest simulpubs!</p>
<a href="https://itunes.apple.com/us/app/manga-by-crunchyroll/id617048063?mt=8"
><img src="/i/comics/ios_app.png"/
></a>
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.
><img src="/i/comics/ios_app.png"/
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 555 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.
></a>
<a href="https://play.google.com/store/apps/details?id=com.crunchyroll.crmanga"
><img src="/i/comics/android_app.png"/
></a>
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.
><img src="/i/comics/android_app.png"/
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 556 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.
></a>
</li>
<li class="large-margin-bottom">
<h3>Crunchyroll Manga Forum</h3>
<p class="medium-margin-bottom">Talk about your favourite manga and get the latest information!</p>
<a href="/forumcategory-25" class="text-link strong">
Go to forum </a>
</li>
<li class="large-margin-bottom">
</li>
<li class="large-margin-bottom">
<div class="adtech_div">
<iframe width="300" height="250" scrolling="no" frameborder="0" marginheight="0" marginwidth="0" src="http://adserver.adtechus.com/adiframe/3.0/5290/1285579/0/170/adtech;target=_blank;grp=90350000"
></iframe>
To cater for screen readers that don't support frames, place some text in the IFRAME tag.
For example:
<iframe src='file.htm'>Alternative content</iframe>
No TITLE attributes found for the frames on these pages.
Add a TITLE attribute to each FRAME and IFRAME element (e.g. TITLE="Main Content"). Screen readers read out the TITLE letting the user decide which frame to visit. The JAWS Frames List command reads out the URL of any FRAMEs or IFRAMEs without titles.
></iframe>
</div> </li>
<li class="large-margin-bottom">
<h3>Follow Crunchyroll</h3>
<p class="medium-margin-bottom">Get the latest updates on show information, news, and more.</p>
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2FCrunchyroll&send=false&layout=standard&width=300&show_faces=false&action=like&colorscheme=light&font=lucida+grande&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:35px;" allowTransparency="true"
></iframe>
To cater for screen readers that don't support frames, place some text in the IFRAME tag.
For example:
<iframe src='file.htm'>Alternative content</iframe>
No TITLE attributes found for the frames on these pages.
Add a TITLE attribute to each FRAME and IFRAME element (e.g. TITLE="Main Content"). Screen readers read out the TITLE letting the user decide which frame to visit. The JAWS Frames List command reads out the URL of any FRAMEs or IFRAMEs without titles.
></iframe>
<a href="https://twitter.com/Crunchyroll" class="twitter-follow-button" data-show-count="false">Follow @Crunchyroll</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</li>
<li class="large-margin-bottom">
<h3>Coming Soon</h3>
<div class="manga-countdown-day">
<div class="manga-countdown-day-title">
Friday, March 21 </div>
<ul class="manga-countdown-items">
<li>
<img class="coming-soon-mug" src="http://img1.ak.crunchyroll.com/i/croll_manga/fdbc2ca3d883f76e35675660b1b9b703_1390340548_large.jpg"/
>
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 584 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.
>
<span class="coming-soon-desc-block">
<span class="coming-soon-title ellipsis">Is this Girl for Real!?</span>
<span class="coming-soon-chapter ellipsis"> Chapter 37</span>
</span>
</li>
</ul>
</div>
<div class="manga-countdown-day">
<div class="manga-countdown-day-title">
Sunday, March 23 </div>
<ul class="manga-countdown-items">
<li>
<img class="coming-soon-mug" src="http://img1.ak.crunchyroll.com/i/croll_manga/20078eb603ef5080927182fd07f324b9_1390595883_large.jpg"/
>
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 597 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.
>
<span class="coming-soon-desc-block">
<span class="coming-soon-title ellipsis">Action Mask</span>
<span class="coming-soon-chapter ellipsis"> Chapter 10</span>
</span>
</li>
<li>
<img class="coming-soon-mug" src="http://img1.ak.crunchyroll.com/i/croll_manga/eeb3c7aaab8e3ef03ba9fac1853dfd95_1390593734_large.jpg"/
>
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 604 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.
>
<span class="coming-soon-desc-block">
<span class="coming-soon-title ellipsis">King's Game: Origin</span>
<span class="coming-soon-chapter ellipsis"> Chapter 10</span>
</span>
</li>
</ul>
</div>
<div class="manga-countdown-day">
<div class="manga-countdown-day-title">
Monday, March 24 </div>
<ul class="manga-countdown-items">
<li>
<img class="coming-soon-mug" src="http://img1.ak.crunchyroll.com/i/croll_manga/c4b7c837a3f81a75a4a422b8ea5db5fa_1381878701_large.jpg"/
>
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 617 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.
>
<span class="coming-soon-desc-block">
<span class="coming-soon-title ellipsis">Mysterious Girlfriend X</span>
<span class="coming-soon-chapter ellipsis"> Chapter 86</span>
</span>
</li>
</ul>
</div>
<div class="manga-countdown-day">
<div class="manga-countdown-day-title">
Tuesday, March 25 </div>
<ul class="manga-countdown-items">
<li>
<img class="coming-soon-mug" src="http://img1.ak.crunchyroll.com/i/croll_manga/9af61715e1c505103230815da83077a0_1394714306_large.jpg"/
>
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 630 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.
>
<span class="coming-soon-desc-block">
<span class="coming-soon-title ellipsis">A Silent Voice - Koe no Katachi</span>
<span class="coming-soon-chapter ellipsis"> Chapter 31</span>
</span>
</li>
<li>
<img class="coming-soon-mug" src="http://img1.ak.crunchyroll.com/i/croll_manga/731b1e7fb3ae28b5fef5b97e3de18432_1378507252_large.jpg"/
>
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 637 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.
>
<span class="coming-soon-desc-block">
<span class="coming-soon-title ellipsis">Fairy Tail</span>
<span class="coming-soon-chapter ellipsis"> Chapter 376</span>
</span>
</li>
<li>
<img class="coming-soon-mug" src="http://img1.ak.crunchyroll.com/i/croll_manga/ef85d845ca74287c6664e2d86a755bd7_1383906018_large.jpg"/
>
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 644 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.
>
<span class="coming-soon-desc-block">
<span class="coming-soon-title ellipsis">The Seven Deadly Sins</span>
<span class="coming-soon-chapter ellipsis"> Chapter 71</span>
</span>
</li>
<li>
<img class="coming-soon-mug" src="http://img1.ak.crunchyroll.com/i/croll_manga/c56a0f4fead4822755374feacf7d9c60_1381788735_large.jpg"/
>
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 651 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.
>
<span class="coming-soon-desc-block">
<span class="coming-soon-title ellipsis">UQ HOLDER!</span>
<span class="coming-soon-chapter ellipsis"> Chapter 28</span>
</span>
</li>
<li>
<img class="coming-soon-mug" src="http://img1.ak.crunchyroll.com/i/croll_manga/434c54e44837b3a40981325723bd3572_1378507292_large.jpg"/
>
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 658 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.
>
<span class="coming-soon-desc-block">
<span class="coming-soon-title ellipsis">My Wife is Wagatsuma-san</span>
<span class="coming-soon-chapter ellipsis"> Chapter 85</span>
</span>
</li>
<li>
<img class="coming-soon-mug" src="http://img1.ak.crunchyroll.com/i/croll_manga/0d6b546ee0b65082daf17ec132c7049a_1378507301_large.jpg"/
>
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 665 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.
>
<span class="coming-soon-desc-block">
<span class="coming-soon-title ellipsis">Yamada-kun and the Seven Witches</span>
<span class="coming-soon-chapter ellipsis"> Chapter 103</span>
</span>
</li>
</ul>
</div>
<div class="manga-countdown-day">
<div class="manga-countdown-day-title">
Wednesday, March 26 </div>
<ul class="manga-countdown-items">
<li>
<img class="coming-soon-mug" src="http://img1.ak.crunchyroll.com/i/croll_manga/0bed1312deebfd06ebee6f6baf68e231_1378703267_large.jpg"/
>
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 678 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.
>
<span class="coming-soon-desc-block">
<span class="coming-soon-title ellipsis">Space Brothers</span>
<span class="coming-soon-chapter ellipsis"> Chapter 227</span>
</span>
</li>
<li>
<img class="coming-soon-mug" src="http://img1.ak.crunchyroll.com/i/croll_manga/9351823f1ca34cdbf497c2ecd266c6ee_1394776898_large.jpg"/
>
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 685 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.
>
<span class="coming-soon-desc-block">
<span class="coming-soon-title ellipsis">Ajin : Demi-Human</span>
<span class="coming-soon-chapter ellipsis"> Chapter 3</span>
</span>
</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
</div>
<script id="in_queue_template" type="text/x-jquery-tmpl">
<button class="queue-button add-queue-button in-queue dark-button small-button button"
id="series_queue_${group_id}"
group_id="${group_id}" type="button">
<span class="queue-icon"></span>
<span class="queue-label">Remove</span>
</button>
<span class="queue-indicator block"></span>
</script>
<script id="not_queued_template" type="text/x-jquery-tmpl">
<button class="queue-button add-queue-button not-queued special-button small-button button"
id="series_queue_${group_id}"
group_id="${group_id}" type="button">
<span class="queue-icon"></span>
<span class="queue-label">Add to Queue</span>
</button>
</script>
<script id="bubble_template" type="text/x-jquery-tmpl">
<div class="portrait-bubble cf">
<div class="tooltip-left left"></div>
<div class="portrait-desc container-shadow-dark left">
<span class="series-title white ellipsis">${name}</span>
<p itemprop="description" class="white">
{{if secondary_desc}}
<span class="secondary">${secondary_desc}</span><br/>
{{/if}}
${description}
</p>
</div>
</div>
</script>
<script type="text/javascript">
$("#media_group_173").data('bubble_data', {"name":"Mysterious Girlfriend X","description":"Kissing is out, much less anything beyond that. Still, Akira Tsubaki and Mikoto Urabe are boyfriend and girlfriend. The only couple-like thing they do is a daily routine in which Tsubaki tastes Urabe's drool. This is the bizarre, yet utterly sincere story of their love. Riichi Ueshiba, author of \"Discommunication\" and \"Dream Users\" and one of the greatest writers of our time when it comes to out-of-the-ordinary romance manga, brings us this \"unidentifiable romance\" manga in which everything is cloaked in mystery!","offsetLeft":142,"offsetTop":-32});
$("#media_group_181").data('bubble_data', {"name":"Space Brothers","description":"The year is 2025, the older brother decides to trust himself just one last time. It\u2019s the start \r\nof an adventure that aims for Mars via JAXA in the town of Tsukuba! The official Space \r\nBrothers manga is ready to launch!\r\n\r\nTwo brothers looked to the starry skies as children and made a promise. And now, in the \r\nyear 2025, the younger brother, Hibito, is carrying out his promise. He is an astronaut who \r\nhas been selected as a crew member for mankind\u2019s first long-term base on the moon. \r\nMeanwhile, the older brother, Mutta, has just been fired from his job and is unemployed. A \r\ntext message from Hibito sends him applying to be an astronaut and shooting for the stars!","offsetLeft":142,"offsetTop":-32});
$("#media_group_177").data('bubble_data', {"name":"Fairy Tail","description":"THE WICKED SIDE OF WIZARDRY\r\nCute girl wizard Lucy wants to join the Fairy Tail, a club for the most powerful wizards. But instead, her ambitions land her in the clutches of a gang of unsavory pirates le by a devious magician. Her only hope is Natsu, a strange boy she happens to meet on her travels. Natsu\u2019s not your typical hero \u2013 he gets motion sickness, eats like a pig, and his best friend is a talking cat. With friends like this, is Lucy better off with her enemies?","offsetLeft":142,"offsetTop":-32});
$("#media_group_185").data('bubble_data', {"name":"Yamada-kun and the Seven Witches","description":"What if you could switch bodies with a kiss?!\r\nFrom the creator of \u201cFlunk Punk Rumble,\u201d Miki Yoshikawa brings you a fresh new take on school romantic comedy!!\r\nSuzaku High School student and problem kid, Ryu Yamada, is in a bad mood after being chewed out again by the teacher today. As if his day couldn\u2019t get any worse, he falls down the top of the stairs with honor student, Urara Shiraishi! When he comes to, he\u2019s switched bodies with her! Two people who couldn\u2019t be more opposite from each other find themselves running around the school in each other\u2019s bodies!! All from a kiss!!\r\nThe problems don\u2019t stop there in this school romantic comedy that starts with a kiss! The non-stop fun has only begun!!\r\n\u201cA girl\u2019s world isn\u2019t so bad\u2026!!\u201d","offsetLeft":142,"offsetTop":-32});
$("#media_group_187").data('bubble_data', {"name":"COPPELION","description":"2036. Tokyo, ravished by the radioactive contamination caused by an accident at a nuclear power plant, is now in lock-down. \"COPPELION\", a special unit of the third division of Japan's Ground Self-Defense Forces made up of three high school girls, genetically engineered to be impervious to radioactivity, is sent in to Tokyo; \"The City of Death\".","offsetLeft":142,"offsetTop":-32});
$("#media_group_189").data('bubble_data', {"name":"A Town Where You Live","description":"It's their first meeting, but they're living together!! Yuzuki, a girl from Tokyo, has moved to the country in order to start high school. But in order to do so, she's living in the home of Haruto, a complete stranger! In other words, she's a freeloader!! Haruto never agreed to have her live there, and all he can think is \u201cHow can they suddenly make me live with someone I've never even met before...?\u201d Despite that, Yuzuki makes herself completely at home on the very first day! They start at the same school in spring, along with the girl of Haruto's dreams, Nanami. Looks like this is going to be a pain for Haruto...","offsetLeft":142,"offsetTop":-32});
$("#media_group_193").data('bubble_data', {"name":"As the Gods Will - The Second Series","description":"Bessatsu Shounen Magazine's hugely popular story of survival and suspense moves to Weekly Shounen Magazine as a completely brand new series! With the appearance of a strange daruma doll, ordinary life crumbles away in an instant. Even so, live on. Survive. This is the story of the \u201clife\u201d bestowed upon all those who have wished to die. Are you beef or chicken? Live, that's the only rule.","offsetLeft":142,"offsetTop":-32});
$("#media_group_195").data('bubble_data', {"name":"Fort of Apocalypse","description":"Yoshiaki Maeda has been falsely accused and detained, along with delinquents from all over the Kanto region, in the juvenile correctional facility, Shouran Institute. Yoshiaki is as typical as a boy can get, so when he finds himself living in this violence-ridden prison, he can't think of anything worse. His cellmates, Iwakura, Yamanoi, and Yoshioka, are a cunning crew and soon Yoshiaki finds himself pulled into a feud going on in the prison. Then suddenly, a prison van crashes into the facility and what shambles out of the wreckage are flesh-eating zombies\u2026 And so the curtain is raised on this bone-chilling story of panic and horror!","offsetLeft":142,"offsetTop":-32});
$("#media_group_197").data('bubble_data', {"name":"My Wife is Wagatsuma-san","description":"One day, a super-average 2nd-year high school student who wants a girlfriend, Aoshima, suddenly awakens to the ability to time slip. Ten years in the future, he is *gasp* married to the cutest girl in school, Wagatsuma-san! In the present, they are only classmates, so how in the world does he end up with the unobtainable Wagatsuma-san?! A time-slipping Romcom coming at you from a brand spanking new duo!","offsetLeft":142,"offsetTop":-32});
$("#media_group_179").data('bubble_data', {"name":"Attack on Titan","description":"In this post-apocalyptic sci-fi story, humanity has been devastated by the bizarre, giant humanoids known as the Titans. Little is known about where they came from or why they are bent on consuming mankind. Seemingly unintelligent, they have roamed the world for years, killing everyone they see. For the past century, what's left of man has hidden in a giant, three-walled city. People believe their 100-meter-high walls will protect them from the Titans, but the sudden appearance of an immense Titan is about to change everything.\r\nWinner of the 2011 Kodansha Manga Award (Shonen) and nominated for the prestigious Osamu Tezuka Cultural Prize for 2012. [Translator: Alex Ko Ransom Letterer: Steve Wands]","offsetLeft":142,"offsetTop":-32});
$("#media_group_199").data('bubble_data', {"name":"The Seven Deadly Sins","description":"Prepare to get swept away by this epic story and colorful cast of characters that will rewrite the history of manga as we know it!\r\nA fantasy adventure tour de force has been born!!\r\n\u201cThe Seven Deadly Sins\u201d is a legendary gang of rebels that was blamed for the overthrow of the kingdom. Even after all these years, the kingdom\u2019s central guards, each of whom is a match for a thousand, the Holy Knights, are hunting down these wanted criminals. But when one young girl appears, with an earnest wish in her heart, and a determination to find \u201cThe Seven Deadly Sins\u201d, the world gets turned on its head and an extraordinary adventure begins!\r\nThe curtain has been lifted for this thrilling heroic fantasy story like none you\u2019ve ever seen!!","offsetLeft":142,"offsetTop":-32});
$("#media_group_205").data('bubble_data', {"name":"UQ HOLDER!","description":"T\u014dta Konoe always dreamed of going to the capital. After the mayor of his village told him he could go if he beat Yukihime, T\u014dta spent his days battling the woman who raised him\u2014a woman who also happens to be a skilled wizardess. But one day, a bounty hunter comes for Yukihime...? Witness the dramatic beginning of a futuristic battle fantasy\u2014the newest series by Ken Akamatsu, creator of Love Hina and Negima!.","offsetLeft":142,"offsetTop":-32});
$("#media_group_231").data('bubble_data', {"name":"Soredemo Machi wa Mawatteiru","description":"Maid tearoom (Not Caf\u00e9) \u201cSeaside\u201c exists in human sentiment overflowing Maruko shopping district, and it is truly ingenious! Hotori Arashiyama is a troublesome high school girl working as Midol(?) at local Maruko shopping district who has admiration for great detectives. Bustling action scenes unveil staged on slightly weird maid tearoom in this common town!","offsetLeft":142,"offsetTop":-32});
$("#media_group_237").data('bubble_data', {"name":"Sun-Ken Rock","description":"Ken left Japan, pursuing the woman he loves to Korea. However, while she became a policewoman, Ken somehow wound up in a gang, even becoming their boss! The man who came from Japan now rises in Korea. It's Korean \"Rock-Action\" with a powerful punch!","offsetLeft":142,"offsetTop":-32});
$("#media_group_245").data('bubble_data', {"name":"Silver Nina","description":"Shimazaki Shutaro goes back home to the country, after losing his job in Tokyo. To his surprise, when he opens the door to his family home, he finds a beautiful little girl with silver hair and blue eyes. Taking place in a city on a plateau, a tired young man and a beautiful half Japanese girl bring you a story of the slow, calming life in the country!!","offsetLeft":142,"offsetTop":-32});
$("#media_group_247").data('bubble_data', {"name":"Inside Mari","description":"A young man is a shut-in, with nothing to do but kill time. The sole pleasure in his life is following home an angelic high school girl he sees every day in a convenience store. Today, like any other day, he follows her, but\u2026 Shuzo Oshimi, the creator of Drifting Net Caf\u00e9 and Flowers of Evil, continues to open hidden doors of the heart in this monthly serialized story!","offsetLeft":142,"offsetTop":-32});
$("#media_group_249").data('bubble_data', {"name":"Love Theory","description":"Even if I'm hideous. Even if I'm broke. Even if there's not one iota of sexiness to me. There HAS to be a way for me to snag my ideal woman. Masaki Satou (author of \"The Ultra-Apathetic Spec Ops Squad JAP FIVE!\") and Keiya Mizuno (head writer of \"My Dreams will come TRUUUUUE!\") come together for a hilarious, risque collaboration that just might help YOU find true love too!","offsetLeft":142,"offsetTop":-32});
$("#media_group_261").data('bubble_data', {"name":"Orange","description":"\"What can I do now to prevent a future without Kakeru?\" In the spring of my second year of high school, I received a letter from \"myself\", ten years in the future. It urged the 16-year-old me to take action so I wouldn't have the same regrets...","offsetLeft":142,"offsetTop":-32});
$("#media_group_265").data('bubble_data', {"name":"Is this Girl for Real!?","description":"Jun Yoshikawa is a boy with a manga artist for a mom. One night, he gets in a situation with a drunk stranger, Narumi Kawase, and decides to look after her. She becomes a live-in assistant at the Yoshikawa household as Jun takes care of her. This is an age-gap comedy about a pre-thirties, unfortunate beauty with no skills nor a job, and a perfect high schooler who helps out his mom and does the household chores as they live together.","offsetLeft":142,"offsetTop":-32});
$("#media_group_263").data('bubble_data', {"name":"Star Light Woman","description":"The fate of the Earth has been entrusted to a single woman! A new SF comedy series! As more and more witnesses report seeing UFOs, a plain woman named Hoshi is working late at her part-time job. But she has an important secret!","offsetLeft":142,"offsetTop":-32});
$("#media_group_267").data('bubble_data', {"name":"Okitenemuru","description":"Kanata and his friend Tokiji are ordinary teenagers in modern Japan. Mysterious deaths have begun to occur in their city, where the victim's head will transform into an animal face and explode. There are rumors about these strange incidents, but one day it happens at Kanata's school. Kanata is caught up in the incident and gains the special ability to \"remove his limiter\". This allows him to greatly enhance a single ability of his, but after he uses it, another ability will go out of control. He encounters a mysterious, beautiful woman in a black skin-tight combat suit named Shiki. She forces Kanata and Tokiji to become deeply involved in these incidents. Just what is going on? What mysterious organization is behind this!? A world-spanning conspiracy begins to unfold.","offsetLeft":142,"offsetTop":-32});
$("#media_group_271").data('bubble_data', {"name":"King's Game: Origin","description":"\"The King's orders are absolute. Fail to obey, and you will be punished.\" \r\n30 years ago in the remote Yonaki Village, a black envelope is delivered to a single villager. The command inside threatens to draw the entire population into a terrible tragedy! \r\nTake a deep breath, steady your heart, and prepare for a shocking, terrifying survival horror adventure! The latest chapter in the wildly popular \"King's Game: Origin\" saga has begun. It all starts here!","offsetLeft":142,"offsetTop":-32});
$("#media_group_273").data('bubble_data', {"name":"ReCollection","description":"Ichigo Takano, the genius of the shojo manga world, returns with a new series!\r\nA suspicious man who claims to be God hangs around amnesiac high school teacher Kanade Natsume. Even though \"God\" is a pest, the divine one says that he'll (He'll?) help Kanade get his memories back. What is it that Kanade has forgotten? Who is this \"God\", really? Their strange cohabitation begins so Kanade can reclaim his lost \"self\", dreams, love, past, and all! Ichigo Takano presents this first-rate mystery-romance.","offsetLeft":142,"offsetTop":-32});
$("#media_group_275").data('bubble_data', {"name":"Action Mask","description":"In order to return people that have turned into monsters from the seed of hatred, our hero in mask have sealed his fist\u2026\r\nAction mask who also appears in Japan\u2019s national comedy manga \"Crayon Shin-chan\" is transformed into ultra real and ultra cool character!\r\nGo action! His fist will crush the heart of the hatred!","offsetLeft":142,"offsetTop":-32});
$("#media_group_279").data('bubble_data', {"name":"Spirit Circle","description":"Fuuta Okeya is a normal middle school 2nd grade student. It was supposed to be a peaceful middle school life, but is turned upside down by an appearance of a transfer student, Mizukami Satoshi who has a big scar on her forehead. This is a metempsychosis spectacle story in grand scale!","offsetLeft":142,"offsetTop":-32});
$("#media_group_277").data('bubble_data', {"name":"Arpeggio of Blue Steel","description":"A mysterious fleet equipped with superweapons, \"The Fleet of Fog\", appears out of nowhere all over the world. Humanity is helpless against them, and is driven from the oceans. Seventeen years later, Gunzou Chihaya and his friends fight against the Fleet of Fog with the Fog submarine I401, along with the ship's \"Mental Model\", a human-like personality named Iona. The ultimate SF naval adventure!","offsetLeft":142,"offsetTop":-32});
$("#media_group_281").data('bubble_data', {"name":"Shindo","description":"Boy meets Girl!!\r\nKazuo, a ronin aiming to get into a distinguished college of music, meets a girl who loves baseball. Her name is Uta Naruse, the piano prodigy who can play Debussy as if it were nothing! Manga may be a soundless way of storytelling, but your heart will be filled with beautiful music!!","offsetLeft":142,"offsetTop":-32});
$("#media_group_283").data('bubble_data', {"name":"Buffalo 5 Girls","description":"The girls are sold as prostitutes in the towns that dot the arid desert. Each of them is forced to receive the lusts of men for their own reasons, and each of them fall in love. They have men they are in love with, but prostitutes aren't free to choose who they love. \"Love or life, which is more important to you?\" \"I pick love.\" \"But you can't be in love if you're dead.\" Is there a way for these women to survive in a world filled with lust and violence? One day, Candy and Susie run from the brothel, seeking the freedom they can never hand. \"We are stronger creatures!\" Obey your instincts\u2014 the voice from within!","offsetLeft":142,"offsetTop":-32});
$("#media_group_291").data('bubble_data', {"name":"Memoirs of Amorous Gentlemen","description":"Perverts are people who know the shape of their desires. They have carefully traced those contours like a blind man using both hands to measure the shape of a vase.\r\nColette works in a brothel in early 20th century Paris, an occupation she can't escape. She and the other girls support each other, satisfying the desires of their clients, day in, day out.\r\nThe one source of hope in her difficult life was her trysts with Leon. But Colette could never be sure if Leon really loved her...\r\nThe strength of women in their pleasurable confines; the naked desires of the 'amorous gentlemen.'\r\nWelcome to a beautiful, bewitching bordello of love and desire...","offsetLeft":142,"offsetTop":-32});
$("#media_group_287").data('bubble_data', {"name":"Investor Z","description":"Mita Norifusa, whose \"\"Dragon Zakura\"\" started a revolution in Japan's world of entrance exams, now brings you another school-drama manga about stock investments!\r\n\r\nZaizen Takashi passes his entrance exams at the top of the heap, and starts his first year in junior high school at Dojuku Gakuen, a 130-year old super-advanced institute of higher education. The day after the entrance ceremony, \"\"the secret\"\" of the school is revealed to him, which concerns the existence of an \"\"investment club,\"\" consisting only of the top student from each of the 6 grades.\r\n\r\nIts club members have a mission. They must invest from a capital of 300-billion yen and yield a profit of 8%, which is their annual goal. This is why Dojuku Gakuen, boasting the highest standards of education in all of Japan, is tuition free. \r\n\r\n\"The most exciting game in the world. The ultimate game of ultimate thrill\u2026 In other words, money\u2026 Investments!\" Here begins the story of the genius Zaizen, who bets the entirety of his youth on money. Learn, Zaizen... and make a bundle!!","offsetLeft":142,"offsetTop":-32});
$("#media_group_293").data('bubble_data', {"name":"The Diary of Ochibi-san","description":"\"I can help you laugh, but I can't take away the tears you've shed.\" \r\nIn Mametsubu-cho, a town somewhere in the ancient Japanese city of Kamakura, Ochibi-san lives a relaxed, easy life. With his friend Nazeni the dog, Jack the naughty kitten, and Pankui the hungry dog, Ochibi-san's year in Mametsubu-cho is filled with encounters and new discoveries! Flower-viewing in spring, swimming in summer, collecting leaves in fall, and eating yummy food in winter. The changing seasons are drawn with a light touch.","offsetLeft":142,"offsetTop":-32});
$("#media_group_295").data('bubble_data', {"name":"Fairy Tail Matsuri","description":"Frosch, Juvia, Gray, Erza, Natsu, Lucy, and a mystery character!?!? The Fairy Tail Matsuri (festival) is here!! 4 special one-shots from Fairy Tail creator Hiro Mashima serialized in Kodansha's Bessatsu Sh\u014dnen Magazine, Magazine Special, Young Magazine and Monthly Shonen Magazine.","offsetLeft":142,"offsetTop":-32});
$("#media_group_301").data('bubble_data', {"name":"The Heroic Legend of Arslan","description":"Someday, a boy will become a man, then in time, the man will become a king.\r\nWho is the true hero?! An unprecedented story of the struggle to succeed the throne has begun. Hiromu Arakawa, the creator of \u201cFullmetal Alchemist\u201d illustrates the great historical fantasy novel in a never before seen style!","offsetLeft":142,"offsetTop":-32});
$("#media_group_303").data('bubble_data', {"name":"A Silent Voice - Koe no Katachi","description":"I wish we had never met. I wish we could meet once again.\r\nA boy who can hear, Shoya Ishida, and a transfer student who can\u2019t, Shoko Nishimiya. One fateful day, the two meet, and Shoya leads the class in bullying Shoko. But before long, the class shifts its target from Shoko to Shoya. Years later, Shoya feels strongly that he must see Shoko once again.\r\nThe author Yoshitoki Oima\u2019s comment: \u201cPeople living in isolation. I wrote this story out of a desire to write about people living distant, isolated lives. Nothing would make me happier than if you all read my story.\u201d","offsetLeft":142,"offsetTop":-32});
$("#media_group_305").data('bubble_data', {"name":"Ajin : Demi-Human","description":"Seventeen years ago, an utterly immortal human was discovered on an African battlefield.\r\nSince then, more of these new and unknown life forms began to appear among mankind. These undying beings start to be known as \"demi-humans.\"\r\n \r\nOne day, just before summer break, a Japanese boy leaving his high school is involved in a traffic accident that kills him on the spot.\r\nThen, he comes back to life. A huge bounty is placed on his capture. Now the boy's attempt to evade all of mankind begins.","offsetLeft":142,"offsetTop":-32});
</script>
<script type="text/javascript">
// for popup box for trial
$(document).ready(function(){
$(".trial-download").hover(function(){
$(".trial-info").fadeIn(500);
},
function(){
$(".trial-info").fadeOut(300);
});
});
$("#genres_link").click(function(e) {
e.preventDefault();
$(".season-selectors").fadeOut(100).slideUp(200, function(){
$(".genre-selectors").toggle(200);
});
});
function number_format (number, decimals, dec_point, thousands_sep) {
number = (number + '').replace(/[^0-9+\-Ee.]/g, '');
var n = !isFinite(+number) ? 0 : +number,
prec = !isFinite(+decimals) ? 0 : Math.abs(decimals),
sep = (typeof thousands_sep === 'undefined') ? ',' : thousands_sep,
dec = (typeof dec_point === 'undefined') ? '.' : dec_point,
s = '',
toFixedFix = function (n, prec) {
var k = Math.pow(10, prec);
return '' + Math.round(n * k) / k;
};
// Fix for IE parseFloat(0.55).toFixed(0) = 0;
s = (prec ? toFixedFix(n, prec) : '' + Math.round(n)).split('.');
if (s[0].length > 3) {
s[0] = s[0].replace(/\B(?=(?:\d{3})+(?!\d))/g, sep);
}
if ((s[1] || '').length < prec) {
s[1] = s[1] || '';
s[1] += new Array(prec - s[1].length + 1).join('0');
}
return s.join(dec);
}
function change_price(element) {
var price = 49.95;
$('.comipo .price').text('$' + number_format(element.val()*price,2));
}
change_price($('#product_quantity'));
//ellipsis for series data
$('.short-desc').ellipsis();
</script>
</div>
<div id="footer" class="cf container-shadow-bottom">
<div id="footer_menu" class="clearfix">
<table style="width: 100%;">
<tr>
<td class="footer-column">
<h6>Popular Shows</h6>
<ul>
<li><a href="/naruto-shippuden" token="bottombar"
>Naruto Shippuden</a></li>
>Naruto Shippuden</a></li>
<li><a href="/hunter-x-hunter" token="bottombar"
>Hunter x Hunter</a></li>
>Hunter x Hunter</a></li>
<li><a href="/golden-time" token="bottombar"
>Golden Time</a></li>
>Golden Time</a></li>
<li><a href="/kill-la-kill" token="bottombar"
>Kill la Kill</a></li>
>Kill la Kill</a></li>
<li><a href="/engaged-to-the-unidentified" token="bottombar"
>Engaged to the Unidentified</a></li>
>Engaged to the Unidentified</a></li>
<li><a href="/nagi-no-asukara-nagi-asu-a-lull-in-the-sea" token="bottombar"
>Nagi no Asukara (Nagi-Asu: A Lull in the Sea)</a></li>
>Nagi no Asukara (Nagi-Asu: A Lull in the Sea)</a></li>
<li><a href="/witch-craft-works" token="bottombar"
>Witch Craft Works</a></li>
>Witch Craft Works</a></li>
<li><a href="/one-piece" token="bottombar"
>One Piece</a></li>
>One Piece</a></li>
<li style="padding-top:10px;">
<a href="/feed" token="bottombar"
>
>
<img class="icon" src="http://static.ak.crunchyroll.com/i/rss.png" alt="rss" /
>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 841 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.
>
</a>
<a href="/feed" token="bottombar"
>RSS</a>
>RSS</a>
</li>
</ul>
</td>
<td class="footer-column">
<h6>Platforms and Devices</h6>
<ul>
<li><a href="/devices#xbox360" token="bottombar"
>Xbox 360</a></li>
>Xbox 360</a></li>
<li><a href="/devices#ps4" token="bottombar"
>PlayStation 4</a></li>
>PlayStation 4</a></li>
<li><a href="/devices#ios" token="bottombar"
>Apple iOS</a></li>
>Apple iOS</a></li>
<li><a href="/devices#android" token="bottombar"
>Android</a></li>
>Android</a></li>
<li><a href="/devices#winphone" token="bottombar"
>Windows Phone</a></li>
>Windows Phone</a></li>
<li><a href="/devices#appletv" token="bottombar"
>Apple TV</a></li>
>Apple TV</a></li>
<li><a href="/devices#googletv" token="bottombar"
>Google TV</a></li>
>Google TV</a></li>
<li><a href="/devices#roku" token="bottombar"
>Roku Box</a></li>
>Roku Box</a></li>
<li style="margin-top:10px;">
<a href="https://twitter.com/Crunchyroll" class="twitter-follow-button" data-show-count="false">Follow @Crunchyroll</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</li>
<li>
<iframe src="http://www.facebook.com/plugins/like.php?app_id=195153900534878&href=http%3A%2F%2Fwww.facebook.com%2FCrunchyroll&send=false&layout=button_count&width=115&show_faces=false&action=like&colorscheme=light&font&height=21" style="border:none; overflow:hidden; width:115px; height:21px;display:inline;" allowtransparency="true" scrolling="no" frameborder="0"
></iframe>
To cater for screen readers that don't support frames, place some text in the IFRAME tag.
For example:
<iframe src='file.htm'>Alternative content</iframe>
No TITLE attributes found for the frames on these pages.
Add a TITLE attribute to each FRAME and IFRAME element (e.g. TITLE="Main Content"). Screen readers read out the TITLE letting the user decide which frame to visit. The JAWS Frames List command reads out the URL of any FRAMEs or IFRAMEs without titles.
></iframe>
</li>
<li>
<a href="//plus.google.com/106460836780899737568?prsrc=3"
rel="publisher" target="_blank" style="text-decoration:none;">
<img src="//ssl.gstatic.com/images/icons/gplus-16.png" alt="Google+" style="border:0;width:16px;height:16px;"/> Follow us on Google+ </a>
</li>
</ul>
</td>
<td class="footer-column">
<h6>Premium Memberships</h6>
<ul>
<li><a href="/freetrial?from=bottombar">Two-Week Free Trial</a></li>
<li><a href="/premium_comparison?src=bottombar">Compare Plans</a></li>
<li><a href="/store/p/82544/All-Access-Membership-Gift?src=bottombar">Gift Memberships</a></li>
</ul>
<br/>
<h6>Language <img id="footer_country_flag" src="http://static.ak.crunchyroll.com/i/country_flags/us.gif"
alt="United States of America"
title="Your detected location is United States of America." /
>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 886 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.
>
</h6>
<ul class="footer-language">
<li><a href="#" onclick="return Localization.SetLang("enUS");" class="selected">English (US)</a></li>
<li><a href="#" onclick="return Localization.SetLang("enGB");" class="">English (UK)</a></li>
<li><a href="#" onclick="return Localization.SetLang("esLA");" class="">Español</a></li>
<li><a href="#" onclick="return Localization.SetLang("esES");" class="">Español (España)</a></li>
<li><a href="#" onclick="return Localization.SetLang("ptBR");" class="">Português (Brasil)</a></li>
<li><a href="#" onclick="return Localization.SetLang("ptPT");" class="">Português (Portugal)</a></li>
<li><a href="#" onclick="return Localization.SetLang("jaJP");" class="">日本語</a></li>
<li><a href="#" onclick="return Localization.SetLang("frFR");" class="">Français (France)</a></li>
</ul>
</td>
<td class="footer-column">
<h6>Support</h6>
<ul>
<li><a href="/help" token="bottombar"
>Help/FAQ</a></li>
>Help/FAQ</a></li>
<li><a href="/abuse" token="bottombar"
>Unsubscribe Email</a></li>
>Unsubscribe Email</a></li>
<li><a href="/staff" token="bottombar"
>Community Staff</a></li>
>Community Staff</a></li>
<li><a href="/help?topic=contact" token="bottombar"
>Contact Us</a></li>
>Contact Us</a></li>
</ul>
<br/>
<h6>Crunchyroll Store</h6>
<ul>
<li><a href="http://www.crunchyroll.com/store/account/wishlist" token="bottombar"
>Wish List</a></li>
>Wish List</a></li>
<li><a href="http://www.crunchyroll.com/orderstatus" token="bottombar"
>Order History</a></li>
>Order History</a></li>
<li><a href="http://www.crunchyroll.com/acct/?action=store_billing_info" token="bottombar"
>Payment Settings</a></li>
>Payment Settings</a></li>
<li><a href="http://www.crunchyroll.com/acct/?action=shipping_info" token="bottombar"
>Shipping Settings</a></li>
>Shipping Settings</a></li>
<li><a href="/store/shipping" token="bottombar"
>Store Information</a></li>
>Store Information</a></li>
</ul>
</td>
<td class="footer-column">
<h6>Crunchyroll</h6>
<ul>
<li><a href="/about" token="bottombar"
>About</a></li>
>About</a></li>
<li><a href="/about/media" token="bottombar"
>Press</a></li>
>Press</a></li>
<li><a href="/jobs" token="bottombar"
>Jobs</a></li>
>Jobs</a></li>
<li><a href="/advertising" token="bottombar"
>Advertising</a></li>
>Advertising</a></li>
<li><a href="/dmca_policy" token="bottombar"
>Copyright Policy</a></li>
>Copyright Policy</a></li>
<li><a href="/tos" token="bottombar"
>Terms of Service</a></li>
>Terms of Service</a></li>
<li><a href="/privacy" token="bottombar"
>Privacy Policy</a></li>
>Privacy Policy</a></li>
</ul>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="http://adserver.adtechus.com/addyn/3.0/5290/3040410/0/509/ADTECH;loc=100;target=_blank;grp=90350000;misc=90350000"></script>
<noscript><a href="http://adserver.adtechus.com/adlink/3.0/5290/3040410/0/16/ADTECH;loc=300;grp=90350000" target="_blank"
><img src="http://adserver.adtechus.com/adserv/3.0/5290/3040410/0/16/ADTECH;loc=300;grp=90350000" border="0" width="1" height="1"/
></a></noscript>
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.
><img src="http://adserver.adtechus.com/adserv/3.0/5290/3040410/0/16/ADTECH;loc=300;grp=90350000" border="0" width="1" height="1"/
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
></a></noscript>
<script type="text/javascript">
$(document).ready(function(e) {
// temp_ad
var cookie = readCookie('temp_ad_closed');
// show ad if no cookie is set
if(cookie == 1){
$('#temp_ad').hide();
killAd();
}else{
$('#temp_ad').show();
}
function tempAd(){
var contentOffset = $('#template_body').offset();
var contentWidth = $('#template_body').width();
var windowWidth = $(window).width();
var tempAdv = $('#temp_ad');
tempAdv.offset({left: contentOffset.left + contentWidth - 180});
}
tempAd();
$(window).resize(function(){
tempAd();
});
$('#temp_ad').hover(function(){
$(this).stop().animate({
opacity: 1,
bottom: 0
},500,function(){
$(this).find('.close').fadeIn(200);
});
},function(){
$(this).find('.close').fadeOut(200);
$(this).stop().animate({
opacity: 0.85,
bottom: -140
},500,function(){});
});
function killAd(){
$('#temp_ad').fadeOut(400, function(){
$('#temp_ad').remove();
});
}
$('#temp_ad .close').click(function(){
killAd();
createCookie('temp_ad_closed',1,7);
});
// end of temp_ad code
$('a').each(function() {
trackToken(this);
});
CharacterCounter.Init();
if($('.main-page').css('background-image') == 'none'){
$('.template-container').addClass('no-adskin');
}
});
$(window).bind('beforeunload',function () {
if (Page.warnOnLeavingPageMessage) {
return Page.warnOnLeavingPageMessage;
}
});
$.fn.followTo = function (pos) {
var $this = this,
$window = $(window);
$this.css({
'background-position': 'center ' + pos + 'px',
'background-attachment': 'scroll'
});
$window.scroll(function (e) {
if ($window.scrollTop() > pos) {
$this.css({
'background-position': 'center 0px',
'background-attachment': 'fixed'
});
} else {
$this.css({
'background-position': 'center ' + pos + 'px',
'background-attachment': 'scroll'
});
}
});
};
$('body').followTo(60);
gapi.plusone.go();
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-579606-1']);
_gaq.push(['_setDomainName', 'crunchyroll.com']);
_gaq.push(['_setAllowLinker', true]);
_gaq.push(["_setCustomVar",1,"User Type","not-registered",1]);
_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 type="text/javascript">
var _qevents = _qevents || [];
(function() {
var elem = document.createElement('script');
elem.src = (document.location.protocol == "https:" ? "https://secure" : "http://edge") + ".quantserve.com/quant.js";
elem.async = true;
elem.type = "text/javascript";
var scpt = document.getElementsByTagName('script')[0];
scpt.parentNode.insertBefore(elem, scpt);
})();
_qevents.push({
qacct:"p-2c9Xi7EeE3Hx2"
});
</script>
<noscript>
<div style="display:none;">
<img src="//pixel.quantserve.com/pixel/p-2c9Xi7EeE3Hx2.gif" border="0" height="1" width="1" alt="Quantcast"/
>
>
</div>
</noscript>
<!-- Begin comScore Tag -->
<script type="text/javascript">
var _comscore = _comscore || [];
_comscore.push({ c1: "2", c2: "7021617" });
(function() {
var s = document.createElement("script"), el = document.getElementsByTagName("script")[0]; s.async = true;
s.src = (document.location.protocol == "https:" ? "https://sb" : "http://b") + ".scorecardresearch.com/beacon.js";
el.parentNode.insertBefore(s, el);
})();
</script>
<noscript>
<img src="//sb.scorecardresearch.com/p?c1=2&c2=7021617&cv=2.0&cj=1" /
>
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 1088 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.
>
</noscript>
<!-- End comScore Tag -->
<div id="ClickTaleDiv" style="display: none;"></div>
<script type='text/javascript'>
document.write(unescape("%3Cscript%20src='"+
(document.location.protocol=='https:'?
'https://clicktale.pantherssl.com/':
'http://s.clicktale.net/')+
"WRb6.js'%20type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var ClickTaleSSL=1;
if(typeof ClickTale=='function') ClickTale(3078, 0.004,"www03");
</script>
</body>
<!-- pylon13 : crunchyroll-20140320T1938-f9fafc0af2 -->
</html>