MediaWiki:Light.css: відмінності між версіями

← Попереднє редагування Наступне редагування →

@@ Рядок 206: / Рядок 206: @@
 }
-/* Режим доступності */
+/* =========================
+   УНІВЕРСАЛЬНИЙ РЕЖИМ ДОСТУПНОСТІ (для обох тем)
+   ========================= */
 body.accessibility-mode {
-     background-color: #ffffff !important;
+     /* Поліпшена типографіка */
-    color: #000000 !important;
      font-size: 18px !important;
      line-height: 1.8 !important;
+    letter-spacing: 0.5px !important;
 }
+/* Посилання в режимі доступності */
 body.accessibility-mode a {
-     color: #1a73e8 !important;
+     color: #ff6600 !important;
      font-weight: bold !important;
+    text-decoration: underline !important;
 }
 body.accessibility-mode a:hover,
 body.accessibility-mode a:focus {
-     color: #ff6600 !important;
+     color: #ff3300 !important;
-     outline: 3px solid #ff6600 !important;
+     background-color: #ffff00 !important;
+    text-decoration: none !important;
 }
+/* Кнопки та форми в режимі доступності */
 body.accessibility-mode button,
 body.accessibility-mode input[type="submit"],
@@ Рядок 231: / Рядок 237: @@
 body.accessibility-mode textarea {
      font-size: 16px !important;
-     padding: 10px !important;
+     padding: 12px !important;
-     border: 2px solid #000 !important;
+     border: 3px solid #000000 !important;
-     border-radius: 6px !important;
+     border-radius: 8px !important;
+    min-height: 44px !important; /* Мінімальний розмір для торкання */
 }
-/* Чіткі фокуси */
+/* Чіткі фокуси для всіх елементів */
-body.accessibility-mode a:focus,
+body.accessibility-mode *:focus {
-body.accessibility-mode button:focus,
-body.accessibility-mode input:focus {
      outline: 3px solid #ff6600 !important;
-     outline-offset: 2px;
+     outline-offset: 2px !important;
+}
+/* Покращені контрасти для світлої теми в режимі доступності */
+body.accessibility-mode .mw-body,
+body.accessibility-mode .mw-parser-output {
+    background-color: #ffffff !important;
+    color: #000000 !important;
+    border: 2px solid #ff6600 !important;
+}
+body.accessibility-mode #mw-head,
+body.accessibility-mode #p-personal,
+body.accessibility-mode #p-navigation {
+    background-color: #f0f0f0 !important;
+    border: 2px solid #ff6600 !important;
 }
 /* Підсвічування активних вкладок */
+body.accessibility-mode .mw-vectorTabs .mw-selected a,
 body.accessibility-mode #ca-nstab-main.mw-selected a,
-body.accessibility-mode #ca-nstab-talk.mw-selected a,
+body.accessibility-mode #ca-nstab-talk.mw-selected a {
-body.accessibility-mode #ca-edit.mw-selected a,
+     background-color: #ff6600 !important;
-body.accessibility-mode #ca-viewsource.mw-selected a,
+     color: #000000 !important;
-body.accessibility-mode #ca-history.mw-selected a {
+     font-weight: bold !important;
-     background-color: #0000ff !important;
-     color: #ffffff !important;
-     font-weight: bold;
 }