mirror of
https://github.com/WatchOutNewsAgency/wona.github.com.git
synced 2026-02-09 17:20:56 +00:00
Fixed misuse of ARIA roles (see http://dev.opera.com/articles/view/introduction-to-wai-aria/)
This commit is contained in:
@ -1,4 +1,4 @@
|
||||
<ul role=main-navigation>
|
||||
<ul class="main-navigation">
|
||||
<li><a href="{{ root_url }}/">Blog</a></li>
|
||||
<li><a href="{{ root_url }}/blog/archives">Archives</a></li>
|
||||
</ul>
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
<ul role=subscription data-subscription="rss{% if site.subscribe_email %} email{% endif %}">
|
||||
<ul class="subscription" data-subscription="rss{% if site.subscribe_email %} email{% endif %}">
|
||||
<li><a href="{{ site.subscribe_rss }}" rel="subscribe-rss" title="subscribe via RSS">RSS</a></li>
|
||||
{% if site.subscribe_email %}
|
||||
<li><a href="{{ site.subscribe_email }}" rel="subscribe-email" title="subscribe via email">Email</a></li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
<form action="{{ site.simple_search }}" method="get">
|
||||
<fieldset role="site-search">
|
||||
<fieldset role="search">
|
||||
<input type="hidden" name="q" value="site:{{ site.url | shorthand_url }}" />
|
||||
<input class="search" type="text" name="q" results="0" placeholder="Search"/>
|
||||
</fieldset>
|
||||
|
||||
@ -1,14 +1,14 @@
|
||||
{% capture root_url %}{{ site.root | strip_slash }}{% endcapture %}
|
||||
{% include head.html %}
|
||||
<body {% if page.body_id %} id="{{ page.body_id }}" {% endif %} {% if page.sidebar == false %} class="no-sidebar" {% endif %}>
|
||||
<header>{% include header.html %}</header>
|
||||
<nav role=navigation>{% include navigation.html %}</nav>
|
||||
<header role="banner">{% include header.html %}</header>
|
||||
<nav role="navigation">{% include navigation.html %}</nav>
|
||||
<div id="main">
|
||||
<div id="content">
|
||||
{{ content | expand_urls: root_url }}
|
||||
</div>
|
||||
</div>
|
||||
<footer>{% include footer.html %}</footer>
|
||||
<footer role="contentinfo">{% include footer.html %}</footer>
|
||||
{% include disqus.html %}
|
||||
{% include google_analytics.html %}
|
||||
{% include google_plus_one.html %}
|
||||
|
||||
@ -3,7 +3,7 @@ layout: default
|
||||
---
|
||||
|
||||
<div>
|
||||
<article>
|
||||
<article role="article">
|
||||
{% if page.title %}
|
||||
<header>
|
||||
<h1 class="entry-title">{{ page.title | titlecase }}</h1>
|
||||
@ -32,7 +32,7 @@ layout: default
|
||||
{% endif %}
|
||||
</div>
|
||||
{% unless page.sidebar == false %}
|
||||
<aside role=sidebar>
|
||||
<aside class="sidebar">
|
||||
{% if site.page_asides.size %}
|
||||
{% include_array page_asides %}
|
||||
{% else %}
|
||||
|
||||
@ -4,7 +4,7 @@ single: true
|
||||
---
|
||||
|
||||
<div>
|
||||
<article class="hentry">
|
||||
<article class="hentry" role="article">
|
||||
{% include article.html %}
|
||||
<footer>
|
||||
<p class="meta">
|
||||
@ -25,7 +25,7 @@ single: true
|
||||
{% endif %}
|
||||
</div>
|
||||
{% unless page.sidebar == false %}
|
||||
<aside role=sidebar>
|
||||
<aside class="sidebar">
|
||||
{% if site.post_asides.size %}
|
||||
{% include_array post_asides %}
|
||||
{% else %}
|
||||
|
||||
@ -10,7 +10,7 @@ layout: default
|
||||
{% include article.html %}
|
||||
</article>
|
||||
{% endfor %}
|
||||
<nav role="pagination">
|
||||
<nav class="pagination">
|
||||
<div>
|
||||
{% if paginator.next_page %}
|
||||
<a class="prev" href="{{paginator.next_page}}">← Older</a>
|
||||
@ -22,7 +22,7 @@ layout: default
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
<aside role=sidebar>
|
||||
<aside class="sidebar">
|
||||
{% if site.blog_index_asides.size %}
|
||||
{% include_array blog_index_asides %}
|
||||
{% else %}
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
function getNav() {
|
||||
var mobileNav = $('nav[role=navigation] fieldset[role=site-search]').after('<fieldset role="mobile-nav"></fieldset>').next().append('<select></select>');
|
||||
var mobileNav = $('nav[role=navigation] fieldset[role=search]').after('<fieldset class="mobile-nav"></fieldset>').next().append('<select></select>');
|
||||
mobileNav.children('select').append('<option value="">Navigate…</option>');
|
||||
$('ul[role=main-navigation] a').each(function(link) {
|
||||
$('ul.main-navigation a').each(function(link) {
|
||||
mobileNav.children('select').append('<option value="'+link.href+'">• '+link.text+'</option>');
|
||||
});
|
||||
mobileNav.children('select').bind('change', function(event) {
|
||||
@ -19,7 +19,7 @@ function addSidebarToggler() {
|
||||
$('body').addClass('collapse-sidebar');
|
||||
}
|
||||
});
|
||||
var sections = $('aside[role=sidebar] > section');
|
||||
var sections = $('aside.sidebar > section');
|
||||
if (sections.length > 1) {
|
||||
sections.each(function(section, index){
|
||||
if ((sections.length >= 3) && index % 3 === 0) {
|
||||
@ -29,7 +29,7 @@ function addSidebarToggler() {
|
||||
$(section).addClass(count);
|
||||
});
|
||||
}
|
||||
if (sections.length >= 3){ $('aside[role=sidebar]').addClass('thirds'); }
|
||||
if (sections.length >= 3){ $('aside.sidebar').addClass('thirds'); }
|
||||
}
|
||||
|
||||
function testFeatures() {
|
||||
|
||||
Reference in New Issue
Block a user