From ee7f4d4b21881b4b120fae5aba2fa1894070799d Mon Sep 17 00:00:00 2001 From: Andrew Date: Wed, 1 Nov 2023 10:10:11 -0500 Subject: [PATCH] Accessibility Update Made a small update to the code: Changed outline: none to outline-color: transparent. It's good to always have this in outlines for inputs and buttons and such, since users with higher contrasts and such could have issues using the tab button selector. This could have an unintentional effect of making special animations and attributes of the button disappear. Reference: https://www.youtube.com/shorts/4B_4WLpbyp8 --- assets/css/style.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index 94edb26..65d960e 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -641,7 +641,7 @@ body { padding-inline: 25px; border-radius: var(--radius-5); margin-block-end: 20px; - outline: none; + outline-color: transparent; outline-offset: 0; } @@ -735,7 +735,7 @@ textarea.input-field { text-align: center; margin-block-end: 15px; color: inherit; - outline: none; + outline-color: transparent; } .footer .btn { @@ -1390,4 +1390,4 @@ a.contact-link:is(:hover, :focus) { color: var(--white); } .back-top-btn { padding: 15px; } -} \ No newline at end of file +}