diff --git a/footer.php b/footer.php index 8ab451d..287190c 100644 --- a/footer.php +++ b/footer.php @@ -42,8 +42,8 @@
diff --git a/header.php b/header.php index c34a42d..cecdf83 100644 --- a/header.php +++ b/header.php @@ -99,7 +99,7 @@ ?>
- header + <?php esc_attr_e( 'Site header banner', 'niu' ); ?>
diff --git a/style.css b/style.css index 7b802f3..c848f65 100644 --- a/style.css +++ b/style.css @@ -44,12 +44,12 @@ p.member { margin-bottom: 1em; } p { - text-align: justify; + text-align: left; } span.notice { font-size: 60%; margin-left: 3px; - color: red; + color: #a00; font-weight: 700; } span.byline { @@ -136,6 +136,44 @@ div.site-links img { float: right; } } +/* Accessibility: Focus styles */ +a:focus, +button:focus, +input:focus, +select:focus, +textarea:focus { + outline: 2px solid #0073aa; + outline-offset: 2px; +} + +/* Accessibility: Screen reader text */ +.screen-reader-text { + clip: rect(1px, 1px, 1px, 1px); + position: absolute !important; + height: 1px; + width: 1px; + overflow: hidden; + word-wrap: normal !important; +} + +.screen-reader-text:focus { + clip: auto; + width: auto; + height: auto; + display: block; + font-size: 1em; + font-weight: bold; + padding: 15px 23px 14px; + background: #f1f1f1; + color: #1a5e7a; + z-index: 100000; + top: 5px; + left: 5px; + line-height: normal; + text-decoration: none; + border-radius: 2px; +} + @media screen and (min-width: 61.5625em) { .site-main { margin-bottom: 4.5em;