>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #3500931. --> Reported by: [dunx](https://www.drupal.org/user/445642) Related to !483 >>> <p>From <span class="drupalorg-gitlab-issue-link drupalorg-gitlab-link-wrapper"><a href="https://git.drupalcode.org/project/drupal_cms/-/work_items/3494849" class="drupalorg-gitlab-link">https://git.drupalcode.org/project/drupal_cms/-/work_items/3494849</a></span> raised by rkoller, point 3.</p> <h3 id="summary-problem-motivation">Problem/Motivation</h3> <p>The color of the focus outline has a contrast of 2.2:1 (#7EB2FD/#FFFFFF). It should be at least 3:1.</p> <p>There is also a usability problem in the context of simultaneous contrast for the options in the language select component and the next button. Since the language names in the expanded language component are blue and the focus outline is blue as well, the focus outline isn't standing out.</p> <p><img src="https://www.drupal.org/files/issues/2024-12-18/language.jpg" alt="expanded list of available languages to choose from in a four column white popup modal with the english british option highlighted the options are in dark blue the focus outline in lighter blue "></p> <p>Same for the primary button, although you have a offset of 2 pixels for the focus outline, it is still hard to recognize visually.</p> <p><img src="https://www.drupal.org/files/issues/2024-12-18/primary_button.jpg" alt="the start creating faster page with the list of available recipes with the blog recipe button selected and a light blue focus outline around the primary button next in blue "></p> <h4 id="summary-steps-reproduce">Steps to reproduce</h4> <h3 id="summary-proposed-resolution">Proposed resolution</h3> <h3 id="summary-ui-changes">User interface changes</h3> <h3 id="summary-data-model-changes">Data model changes</h3> <h3 id="summary-release-notes">Release notes snippet</h3>