opdavies/oliverdavies.uk
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Add ARIA landmark roles

Browse source 
Fixes #44
This commit is contained in:
Oliver Davies 2018-05-13 00:13:06 +01:00
parent a8f5a33227
commit 9bfa9a5bd4
4 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
source/_includes/footer.html.twig
View file

@ -1,4 +1,4 @@
<footer class="border-t border-grey-lighter pt-4 mt-4">
<footer class="border-t border-grey-lighter pt-4 mt-4" role="contentinfo">
<p>
&copy; 2010-{{ 'now'|date('Y') }} {{ site.title }}. Built with <a href="https://sculpin.io">Sculpin</a> and <a href="https://tailwindcss.com">Tailwind CSS</a>.
</p>

4
source/_includes/nav.html.twig
View file

@ -1,4 +1,4 @@
<div class="navbar border-bottom border-b border-grey-lighter mb-6">
<div class="navbar border-bottom border-b border-grey-lighter mb-6" role="banner">
<header class="container mx-auto px-4">
<div class="sm:flex">
<div class="w-full sm:w-1/3 lg:w-1/4 flex items-center">
@ -24,7 +24,7 @@
{ title: 'Contact', href: '/contact', pattern: '^/contact/?' }
] %}
<nav class="hidden w-full md:w-2/3 lg:w-3/4 sm:flex sm:flex-wrap sm:justify-end">
<nav class="hidden w-full md:w-2/3 lg:w-3/4 sm:flex sm:flex-wrap sm:justify-end" role="navigation">
{% for link in links %}
<a href="{{ link.href }}" class="flex items-center -mx-4 p-4 sm:border-b-3 sm:border-transparent sm:ml-4 sm:mr-0 sm:p-0 {{ loop.first ? 'border-t border-grey-lighter sm:border-t-0 sm:border-transparent' }} {{ page.url matches '#' ~ link.pattern ~ '#' ? 'sm:bg-transparent sm:border-blue' }}">
{{ link.title }}

2
source/_includes/sidebar.html.twig
View file

@ -1,5 +1,5 @@
{% block sidebar_wrapper %}
<div class="md:w-1/4 px-4">
<div class="md:w-1/4 px-4" role="complementary">
{% block sidebar %}
{% include 'availability' %}
{% include 'posts/latest' %}

2
source/_layouts/default.html.twig
View file

@ -6,7 +6,7 @@
<div class="container mx-auto px-4">
<div class="md:flex -mx-4">
<main class="md:w-3/4 px-4 mb-8 lg:mb-0">
<main class="md:w-3/4 px-4 mb-8 lg:mb-0" role="main">
{% block content_top %}{% endblock %}
{% block content_wrapper %}{% block content %}{% endblock %}{% endblock %}
{% block content_bottom %}{% endblock %}