Skip to content

Commit e0bee05

Browse files
committed
More header/footer accessibility improvements
1 parent 79424c5 commit e0bee05

File tree

3 files changed

+12
-14
lines changed

3 files changed

+12
-14
lines changed

_includes/footer.html

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,10 @@
22
<div class="footer__container container">
33

44
<!-- Logo -->
5-
<h2 class="m-0">
6-
<a rel="author" href="{{ "/" | relative_url }}">
7-
{% include logo.html color="dark" %}
8-
</a>
9-
</h2>
5+
<a rel="author" href="{{ "/" | relative_url }}">
6+
<h2 class="visually-hidden">{{ site.title }}></h2>
7+
{% include logo.html color="dark" %}
8+
</a>
109

1110
<!-- Page list -->
1211
{%- if page_paths -%}

_includes/header.html

Lines changed: 7 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,17 @@
1-
<!-- Skip to button -->
2-
<a class="skip-link" href="#main-content">Skip to content</a>
3-
41
<header class="nav" role="banner">
2+
<!-- Skip to button -->
3+
<a class="skip-link" href="#main-content">Skip to content</a>
4+
55
<nav class="nav__container container">
66

77
{%- assign default_paths = site.pages | map: "path" -%}
88
{%- assign page_paths = site.header_pages | default: default_paths -%}
99

1010
<!-- Logo -->
11-
<h1 class="m-0">
12-
<a rel="author" href="{{ "/" | relative_url }}">
13-
{% include logo.html %}
14-
</a>
15-
</h1>
11+
<a rel="author" href="{{ "/" | relative_url }}">
12+
<h1 class="visually-hidden">{{ site.title }}</h1>
13+
{% include logo.html %}
14+
</a>
1615

1716
<!-- Mobile menu button -->
1817
<button class="nav__menu-trigger hidden-md" type="button" aria-label="Navigation Menu" aria-expanded="false">

_includes/logo.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<svg class="logo {{ include.color }}" role="img" aria-label="Scribd Technology Logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 133 42">
1+
<svg class="logo {{ include.color }}" role="img" aria-hidden="true" aria-label="Scribd Technology Logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 133 42">
22
<g fill="none" fill-rule="nonzero">
33
<!-- Icon -->
44
<path class="logo__icon" fill="#1E7B85" d="M18.203 13.653l.238.006a4.882 4.882 0 013.93 1.776c.996 1.185 1.494 2.832 1.494 4.941 0 2.91-.916 5.19-2.747 6.842a11.176 11.176 0 01-6.87 2.676c-.466.065-.942.065-1.436.065A17.724 17.724 0 01.959 25.47L0 24.61l3.77-4.464 2.212 1.706L3.888 24.3a14.924 14.924 0 008.953 2.941c3.847 0 6.512-1.459 7.547-4a3.53 3.53 0 00.088-.788c0-.753-.311-1.13-.935-1.13a4.412 4.412 0 00-.841.16c-.346.079-.698.124-1.053.135a3.594 3.594 0 01-2.447-1.03 3.53 3.53 0 01-1.141-2.753 4.118 4.118 0 011.176-2.94 4.206 4.206 0 013.206-1.236zM11.483.588a16.218 16.218 0 0110.44 3.594l1.012.794-3.14 4.483-2.319-1.53 1.671-2.4A13.53 13.53 0 0011.5 3.306a9.459 9.459 0 00-3.912.776 8.935 8.935 0 00-1.135.694c-1.263.91-1.894 1.999-1.894 3.265 0 .753.312 1.13.935 1.13.285-.026.567-.08.841-.16.346-.079.699-.124 1.053-.135.904.02 1.767.379 2.418 1.006a3.53 3.53 0 011.135 2.77 4.118 4.118 0 01-1.176 2.942 4.206 4.206 0 01-3.206 1.235 4.882 4.882 0 01-3.93-1.764c-1-1.183-1.535-2.853-1.54-4.965v-.382c0-5.377 4.276-9.13 10.393-9.13z"/>

0 commit comments

Comments
 (0)