More header/footer accessibility improvements

This commit is contained in:
Kyle Gordy 2019-11-19 13:21:15 -05:00
parent 79424c5e0a
commit e0bee0523d
3 changed files with 12 additions and 14 deletions

View File

@ -2,11 +2,10 @@
<div class="footer__container container">
<!-- Logo -->
<h2 class="m-0">
<a rel="author" href="{{ "/" | relative_url }}">
{% include logo.html color="dark" %}
</a>
</h2>
<a rel="author" href="{{ "/" | relative_url }}">
<h2 class="visually-hidden">{{ site.title }}></h2>
{% include logo.html color="dark" %}
</a>
<!-- Page list -->
{%- if page_paths -%}

View File

@ -1,18 +1,17 @@
<!-- Skip to button -->
<a class="skip-link" href="#main-content">Skip to content</a>
<header class="nav" role="banner">
<!-- Skip to button -->
<a class="skip-link" href="#main-content">Skip to content</a>
<nav class="nav__container container">
{%- assign default_paths = site.pages | map: "path" -%}
{%- assign page_paths = site.header_pages | default: default_paths -%}
<!-- Logo -->
<h1 class="m-0">
<a rel="author" href="{{ "/" | relative_url }}">
{% include logo.html %}
</a>
</h1>
<a rel="author" href="{{ "/" | relative_url }}">
<h1 class="visually-hidden">{{ site.title }}</h1>
{% include logo.html %}
</a>
<!-- Mobile menu button -->
<button class="nav__menu-trigger hidden-md" type="button" aria-label="Navigation Menu" aria-expanded="false">

View File

@ -1,4 +1,4 @@
<svg class="logo {{ include.color }}" role="img" aria-label="Scribd Technology Logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 133 42">
<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">
<g fill="none" fill-rule="nonzero">
<!-- Icon -->
<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"/>

Before

Width:  |  Height:  |  Size: 8.8 KiB

After

Width:  |  Height:  |  Size: 8.8 KiB