dernier edits et corrections sur le mode off

style/common.css

@@ -87,7 +87,7 @@
   animation: none;
 }
 
-.textBtn:hover{
+.textBtn:hover, .textBtn:focus{
   color: var(--back-color);
   animation: blinkBack 1.61s infinite;
 }

style/default.css

@@ -42,3 +42,7 @@ ul,ol {
 dialog{
   padding: 0;
 }
+
+button:focus, a:focus, label:focus{
+  outline: none;
+}

style/main.css

@@ -91,7 +91,7 @@ main{
                     visibility: collapse;
                     position:absolute;
                     right: 13.12px;
-                    bottom: 117px;
+                    bottom: 161px;
                     height: 144px;
                     width: 44px;
                     display: flex;
@@ -171,6 +171,12 @@ main{
                             }
             }
 
+            #colorBtnContainer:has(.switch:focus){
+              background-color: var(--main-color);
+              border-color: var(--back-color);
+              color: var(--back-color);
+            }
+
             footer{
                 width: 100%;
                 min-height: 93px;
@@ -192,10 +198,13 @@ main{
 
                     a{
                         width: 100%;
-                        height: 31px;
+                        height: 100%;
+                        margin-top: 7.77px;
+                        box-sizing: border-box;
 
                             img{
                                 width: 100%;
+                                image-rendering: pixelated;
                             }
 
                             .needOutline{
@@ -203,7 +212,24 @@ main{
                                 border-style: solid;
                                 border-width: thin;
                             }
+
+                            #reducedDNN{
+                              visibility: collapse;
+                              display: none;
+                            }
                     }
+
+                    a:focus, a:hover{
+                      margin-top: 0;
+                      margin-bottom: 7.77px;
+
+                          img{
+                            border-color: var(--main-color);
+                            border-style: solid;
+                            border-width: thin;
+                          }
+                    }
+
             }
 }
 

style/reduced.css

@@ -1,5 +1,19 @@
 @media (prefers-reduced-motion: reduce){
     aside{
         visibility: collapse;
+        display: none;
     }
-}
+
+    main footer a{
+      
+      #reducedDNN{
+        visibility: visible;
+        display: inline;
+      }
+
+      #flashDNN{
+        visibility: collapse;
+        display: none;
+      }
+    }
+}