diff --git a/administrator/templates/atum/index.php b/administrator/templates/atum/index.php
index e7db74e97d40b..d3f96f135ae72 100644
--- a/administrator/templates/atum/index.php
+++ b/administrator/templates/atum/index.php
@@ -123,20 +123,27 @@ function adjustColorLightness($r, $g, $b, $percent)
     }
 }
 
+$a11yClasses = array_filter([
+    $a11y_font                  ? 'a11y_font'      : null,
+    ($a11y_mono || $monochrome) ? 'monochrome'     : null,
+    $a11y_contrast              ? 'a11y_contrast'  : null,
+    $a11y_highlight             ? 'a11y_highlight' : null,
+]);
+
 Text::script('TPL_ATUM_MORE_ELEMENTS');
 
 // @see administrator/templates/atum/html/layouts/status.php
 $statusModules = LayoutHelper::render('status', ['modules' => 'status']);
 ?>
 <!DOCTYPE html>
-<html lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>"<?php echo $a11y_font ? ' class="a11y_font"' : ''; ?><?php echo $themeModeAttr; ?>>
+<html lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>"<?php echo $a11yClasses ? ' class="' . implode(' ', $a11yClasses) . '"' : ''; ?><?php echo $themeModeAttr; ?>>
 <head>
     <jdoc:include type="metas" />
     <jdoc:include type="styles" />
     <jdoc:include type="scripts" />
 </head>
 
-<body class="admin <?php echo $option . ' view-' . $view . ' layout-' . $layout . ($task ? ' task-' . $task : '') . ($monochrome || $a11y_mono ? ' monochrome' : '') . ($a11y_contrast ? ' a11y_contrast' : '') . ($a11y_highlight ? ' a11y_highlight' : ''); ?>">
+<body class="admin <?php echo $option . ' view-' . $view . ' layout-' . $layout . ($task ? ' task-' . $task : ''); ?>">
 <noscript>
     <div class="alert alert-danger" role="alert">
         <?php echo Text::_('JGLOBAL_WARNJAVASCRIPT'); ?>
diff --git a/media_source/templates/administrator/atum/scss/blocks/_global.scss b/media_source/templates/administrator/atum/scss/blocks/_global.scss
index acbbb2d629eec..56bf868876126 100644
--- a/media_source/templates/administrator/atum/scss/blocks/_global.scss
+++ b/media_source/templates/administrator/atum/scss/blocks/_global.scss
@@ -11,22 +11,10 @@ html {
   &.a11y_font {
     font-size: 18px;
   }
-}
-
-body {
-  display: flex;
-  flex-direction: column;
-  min-block-size: 100%;
-  padding: 0;
-  margin: 0;
-  text-align: start;
-
-  &.admin, &#subhead-container {
-    background-color: $admin-background;
-  }
 
   &.monochrome {
     filter: grayscale(1);
+
     &::after {
       position: fixed;
       inset-block-start: 0;
@@ -48,6 +36,7 @@ body {
   }
 
   &.a11y_highlight {
+
     a,
     .header-item-content {
       padding: 3px;
@@ -64,7 +53,19 @@ body {
     a.page-link {
       padding: $pagination-padding-y $pagination-padding-x;
     }
+  }
+}
 
+body {
+  display: flex;
+  flex-direction: column;
+  min-block-size: 100%;
+  padding: 0;
+  margin: 0;
+  text-align: start;
+
+  &.admin, &#subhead-container {
+    background-color: $admin-background;
   }
 }