Fix template accessibility (#10208)

This commit is contained in:
Ryan Brandenburg 2019-05-13 15:54:04 -07:00 committed by GitHub
parent 3d79b9aa58
commit a266cecc0c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 21 additions and 3 deletions

View File

@ -4,6 +4,10 @@ html, body {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
} }
a {
color: #0366d6;
}
app { app {
position: relative; position: relative;
display: flex; display: flex;

View File

@ -9,7 +9,7 @@
@if (showBanner) @if (showBanner)
{ {
<div id="cookieConsent" class="alert alert-info alert-dismissible fade show" role="alert"> <div id="cookieConsent" class="alert alert-info alert-dismissible fade show" role="alert">
Use this space to summarize your privacy and cookie use policy. <a asp-page="/Privacy">Learn More</a>. Use this space to summarize your privacy and cookie use policy. <a class="alert-link" asp-page="/Privacy">Learn More</a>.
<button type="button" class="accept-policy close" data-dismiss="alert" aria-label="Close" data-cookie-string="@cookieString"> <button type="button" class="accept-policy close" data-dismiss="alert" aria-label="Close" data-cookie-string="@cookieString">
<span aria-hidden="true">Accept</span> <span aria-hidden="true">Accept</span>
</button> </button>

View File

@ -7,6 +7,11 @@ a.navbar-brand {
word-break: break-all; word-break: break-all;
} }
/* Provide sufficient contrast against white background */
a {
color: #0366d6;
}
/* Sticky footer styles /* Sticky footer styles
-------------------------------------------------- */ -------------------------------------------------- */
html { html {

View File

@ -9,7 +9,7 @@
@if (showBanner) @if (showBanner)
{ {
<div id="cookieConsent" class="alert alert-info alert-dismissible fade show" role="alert"> <div id="cookieConsent" class="alert alert-info alert-dismissible fade show" role="alert">
Use this space to summarize your privacy and cookie use policy. <a asp-area="" asp-controller="Home" asp-action="Privacy">Learn More</a>. Use this space to summarize your privacy and cookie use policy. <a class="alert-link" asp-area="" asp-controller="Home" asp-action="Privacy">Learn More</a>.
<button type="button" class="accept-policy close" data-dismiss="alert" aria-label="Close" data-cookie-string="@cookieString"> <button type="button" class="accept-policy close" data-dismiss="alert" aria-label="Close" data-cookie-string="@cookieString">
<span aria-hidden="true">Accept</span> <span aria-hidden="true">Accept</span>
</button> </button>

View File

@ -7,6 +7,11 @@ a.navbar-brand {
word-break: break-all; word-break: break-all;
} }
/* Provide sufficient contrast against white background */
a {
color: #0366d6;
}
/* Sticky footer styles /* Sticky footer styles
-------------------------------------------------- */ -------------------------------------------------- */
html { html {

View File

@ -9,7 +9,7 @@
@if (showBanner) @if (showBanner)
{ {
<div id="cookieConsent" class="alert alert-info alert-dismissible fade show" role="alert"> <div id="cookieConsent" class="alert alert-info alert-dismissible fade show" role="alert">
Use this space to summarize your privacy and cookie use policy. <a asp-page="/Privacy">Learn More</a>. Use this space to summarize your privacy and cookie use policy. <a class="alert-link" asp-page="/Privacy">Learn More</a>.
<button type="button" class="accept-policy close" data-dismiss="alert" aria-label="Close" data-cookie-string="@cookieString"> <button type="button" class="accept-policy close" data-dismiss="alert" aria-label="Close" data-cookie-string="@cookieString">
<span aria-hidden="true">Accept</span> <span aria-hidden="true">Accept</span>
</button> </button>

View File

@ -7,6 +7,10 @@ a.navbar-brand {
word-break: break-all; word-break: break-all;
} }
a {
color: #0366d6;
}
/* Sticky footer styles /* Sticky footer styles
-------------------------------------------------- */ -------------------------------------------------- */
html { html {