diff options
author | Mackinnon Buck <mackinnon.buck@gmail.com> | 2022-08-02 02:09:40 +0300 |
---|---|---|
committer | Mackinnon Buck <mackinnon.buck@gmail.com> | 2022-08-02 02:09:40 +0300 |
commit | fbb9e39c4e0694b9fd3cda0c2c3b530209bc74d7 (patch) | |
tree | b7910334972083d704a1ce304506233c99982fc4 | |
parent | ea70568ba0bd91a349874cb8936d5de6d61e986b (diff) |
Fix focus outline contrast issuesmbuck/accessibility-improvements
Based roughly on https://github.com/dotnet/aspnetcore/pull/42840 for consistency.
-rw-r--r-- | src/content/Angular-CSharp/ClientApp/src/styles.css | 5 | ||||
-rw-r--r-- | src/content/React-CSharp/ClientApp/src/custom.css | 5 |
2 files changed, 10 insertions, 0 deletions
diff --git a/src/content/Angular-CSharp/ClientApp/src/styles.css b/src/content/Angular-CSharp/ClientApp/src/styles.css index 3ef6a64..3ed89ca 100644 --- a/src/content/Angular-CSharp/ClientApp/src/styles.css +++ b/src/content/Angular-CSharp/ClientApp/src/styles.css @@ -14,3 +14,8 @@ code { background-color: #1b6ec2; border-color: #1861ac; } + +.btn-primary:focus, .btn-primary:focus:not(:focus-visible) { + box-shadow: none; + outline: black auto 1px; +} diff --git a/src/content/React-CSharp/ClientApp/src/custom.css b/src/content/React-CSharp/ClientApp/src/custom.css index 5fdfd06..434cb24 100644 --- a/src/content/React-CSharp/ClientApp/src/custom.css +++ b/src/content/React-CSharp/ClientApp/src/custom.css @@ -12,3 +12,8 @@ code { background-color: #1b6ec2; border-color: #1861ac; } + +.btn-primary:focus, .btn-primary:focus:not(:focus-visible) { + box-shadow: none; + outline: black auto 1px; +} |