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 @@
?>
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;