From 95b4fd0eac983e7d75f9117de2ac8d7cc7a6fce2 Mon Sep 17 00:00:00 2001
From: Etienne BAUDOUX <ebaudoux@velersoftware.com>
Date: Sat, 16 Jul 2022 18:35:12 -0700
Subject: [PATCH 1/3] New Crowdin updates (#593)

* fix: new translations in JsonYaml.resw (JsonYaml.resw) from Crowdin

* fix: new translations in GuidGenerator.resw (GuidGenerator.resw) from Crowdin

* fix: new translations in Timestamp.resw (Timestamp.resw) from Crowdin
---
 src/dev/impl/DevToys/Strings/zh-Hans/GuidGenerator.resw | 2 +-
 src/dev/impl/DevToys/Strings/zh-Hans/JsonYaml.resw      | 2 +-
 src/dev/impl/DevToys/Strings/zh-Hans/Timestamp.resw     | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/dev/impl/DevToys/Strings/zh-Hans/GuidGenerator.resw b/src/dev/impl/DevToys/Strings/zh-Hans/GuidGenerator.resw
index 00a3c59919..a643c97be6 100644
--- a/src/dev/impl/DevToys/Strings/zh-Hans/GuidGenerator.resw
+++ b/src/dev/impl/DevToys/Strings/zh-Hans/GuidGenerator.resw
@@ -139,7 +139,7 @@
     <value>连字符</value>
   </data>
   <data name="MultiplySymbol" xml:space="preserve">
-    <value>x</value>
+    <value>×</value>
   </data>
   <data name="NumberOfGuidsToGenerate_AutomationProperties_Name" xml:space="preserve">
     <value>要生成的 UUID 个数</value>
diff --git a/src/dev/impl/DevToys/Strings/zh-Hans/JsonYaml.resw b/src/dev/impl/DevToys/Strings/zh-Hans/JsonYaml.resw
index 9db77838e9..e685bb964a 100644
--- a/src/dev/impl/DevToys/Strings/zh-Hans/JsonYaml.resw
+++ b/src/dev/impl/DevToys/Strings/zh-Hans/JsonYaml.resw
@@ -130,7 +130,7 @@
     <value>转换</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
-    <value>JSON &lt;&gt; YAML</value>
+    <value>JSON ↔ YAML</value>
   </data>
   <data name="FourSpaces" xml:space="preserve">
     <value>4 个空格</value>
diff --git a/src/dev/impl/DevToys/Strings/zh-Hans/Timestamp.resw b/src/dev/impl/DevToys/Strings/zh-Hans/Timestamp.resw
index d640bb655b..92d0203f00 100644
--- a/src/dev/impl/DevToys/Strings/zh-Hans/Timestamp.resw
+++ b/src/dev/impl/DevToys/Strings/zh-Hans/Timestamp.resw
@@ -179,7 +179,7 @@
     <value>世界标准时间（UTC）</value>
   </data>
   <data name="UtcTicksTitle" xml:space="preserve">
-    <value>UtcTicks</value>
+    <value>UTC 时间戳</value>
   </data>
   <data name="YearTitle" xml:space="preserve">
     <value>年</value>

From 085d568b45b71a7c1ee0f17651e681a27b0caf86 Mon Sep 17 00:00:00 2001
From: Etienne BAUDOUX <ebaudoux@velersoftware.com>
Date: Sat, 16 Jul 2022 18:37:28 -0700
Subject: [PATCH 2/3] Added contrast ratio checker (#594)

---
 src/dev/impl/DevToys/DevToys.csproj           |   3 +
 src/dev/impl/DevToys/LanguageManager.cs       |  58 ++-
 .../DevToys/Strings/en-US/ColorPicker.resw    |  50 ++-
 src/dev/impl/DevToys/Themes/Generic.xaml      |   6 +-
 .../UI/Converters/BooleanToBrushConverter.cs  |  41 ++
 .../UI/Converters/BooleanToStringConverter.cs |  40 ++
 .../UI/Extensions/ControlSizeTrigger.cs       |  74 ++++
 .../ColorPicker/ColorPickerToolViewModel.cs   | 102 ++++-
 .../ColorPicker/ColorPickerToolPage.xaml      | 380 +++++++++++++++---
 .../PngJpgCompressorToolPage.xaml             |   4 +-
 10 files changed, 664 insertions(+), 94 deletions(-)
 create mode 100644 src/dev/impl/DevToys/UI/Converters/BooleanToBrushConverter.cs
 create mode 100644 src/dev/impl/DevToys/UI/Converters/BooleanToStringConverter.cs
 create mode 100644 src/dev/impl/DevToys/UI/Extensions/ControlSizeTrigger.cs

diff --git a/src/dev/impl/DevToys/DevToys.csproj b/src/dev/impl/DevToys/DevToys.csproj
index aff96e0ff2..0c93d4b5de 100644
--- a/src/dev/impl/DevToys/DevToys.csproj
+++ b/src/dev/impl/DevToys/DevToys.csproj
@@ -86,9 +86,12 @@
     <Compile Include="UI\Controls\ToolProvidersGridView.xaml.cs">
       <DependentUpon>ToolProvidersGridView.xaml</DependentUpon>
     </Compile>
+    <Compile Include="UI\Converters\BooleanToBrushConverter.cs" />
     <Compile Include="UI\Converters\BooleanToDoubleConverter.cs" />
     <Compile Include="UI\Converters\BooleanToIntegerConverter.cs" />
+    <Compile Include="UI\Converters\BooleanToStringConverter.cs" />
     <Compile Include="UI\Converters\ColorToBrushConverter.cs" />
+    <Compile Include="UI\Extensions\ControlSizeTrigger.cs" />
     <Compile Include="UI\MainMenuNavigationViewMenuItemSelector.cs" />
     <Compile Include="ViewModels\Tools\AllTools\AllToolsToolProvider.cs" />
     <Compile Include="ViewModels\Tools\AllTools\AllToolsToolViewModel.cs" />
diff --git a/src/dev/impl/DevToys/LanguageManager.cs b/src/dev/impl/DevToys/LanguageManager.cs
index dafab7781a..660ed1dc94 100644
--- a/src/dev/impl/DevToys/LanguageManager.cs
+++ b/src/dev/impl/DevToys/LanguageManager.cs
@@ -585,14 +585,9 @@ public class ColorPickerStrings : ObservableObject
         public string SearchKeywords => _resources.GetString("SearchKeywords");
 
         /// <summary>
-        /// Gets the resource BlackText.
+        /// Gets the resource TextColor.
         /// </summary>
-        public string BlackText => _resources.GetString("BlackText");
-
-        /// <summary>
-        /// Gets the resource ColorPicker.
-        /// </summary>
-        public string ColorPicker => _resources.GetString("ColorPicker");
+        public string TextColor => _resources.GetString("TextColor");
 
         /// <summary>
         /// Gets the resource Configuration.
@@ -620,9 +615,54 @@ public class ColorPickerStrings : ObservableObject
         public string SelectedColor => _resources.GetString("SelectedColor");
 
         /// <summary>
-        /// Gets the resource WhiteText.
+        /// Gets the resource BackgroundColor.
+        /// </summary>
+        public string BackgroundColor => _resources.GetString("BackgroundColor");
+
+        /// <summary>
+        /// Gets the resource ContrastRatio.
+        /// </summary>
+        public string ContrastRatio => _resources.GetString("ContrastRatio");
+
+        /// <summary>
+        /// Gets the resource Fail.
+        /// </summary>
+        public string Fail => _resources.GetString("Fail");
+
+        /// <summary>
+        /// Gets the resource LargeText.
+        /// </summary>
+        public string LargeText => _resources.GetString("LargeText");
+
+        /// <summary>
+        /// Gets the resource Pass.
+        /// </summary>
+        public string Pass => _resources.GetString("Pass");
+
+        /// <summary>
+        /// Gets the resource SampleText.
+        /// </summary>
+        public string SampleText => _resources.GetString("SampleText");
+
+        /// <summary>
+        /// Gets the resource SampleTextTitle.
+        /// </summary>
+        public string SampleTextTitle => _resources.GetString("SampleTextTitle");
+
+        /// <summary>
+        /// Gets the resource SmallText.
+        /// </summary>
+        public string SmallText => _resources.GetString("SmallText");
+
+        /// <summary>
+        /// Gets the resource WCAG_AA.
+        /// </summary>
+        public string WCAG_AA => _resources.GetString("WCAG_AA");
+
+        /// <summary>
+        /// Gets the resource WCAG_AAA.
         /// </summary>
-        public string WhiteText => _resources.GetString("WhiteText");
+        public string WCAG_AAA => _resources.GetString("WCAG_AAA");
     }
 
     public class CommonStrings : ObservableObject
diff --git a/src/dev/impl/DevToys/Strings/en-US/ColorPicker.resw b/src/dev/impl/DevToys/Strings/en-US/ColorPicker.resw
index 81d59ab47f..2ee28453b0 100644
--- a/src/dev/impl/DevToys/Strings/en-US/ColorPicker.resw
+++ b/src/dev/impl/DevToys/Strings/en-US/ColorPicker.resw
@@ -118,25 +118,22 @@
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
   <data name="AccessibleName" xml:space="preserve">
-    <value>Color Picker tool</value>
+    <value>Color Picker and contrast ratio tool</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="Description" xml:space="preserve">
-    <value>Pick up a color</value>
+    <value>Pick up a color or two and validate the contrast ratio</value>
   </data>
   <data name="SearchDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="SearchKeywords" xml:space="preserve">
-    <value />
+    <value>RGB WCAG</value>
   </data>
-  <data name="BlackText" xml:space="preserve">
-    <value>Black text</value>
-  </data>
-  <data name="ColorPicker" xml:space="preserve">
-    <value>Color picker</value>
+  <data name="TextColor" xml:space="preserve">
+    <value>Text color</value>
   </data>
   <data name="Configuration" xml:space="preserve">
     <value>Configuration</value>
@@ -153,7 +150,36 @@
   <data name="SelectedColor" xml:space="preserve">
     <value>Selected color</value>
   </data>
-  <data name="WhiteText" xml:space="preserve">
-    <value>White text</value>
+  <data name="BackgroundColor" xml:space="preserve">
+    <value>Background color</value>
+  </data>
+  <data name="ContrastRatio" xml:space="preserve">
+    <value>Contrast ratio</value>
+  </data>
+  <data name="Fail" xml:space="preserve">
+    <value>Fail</value>
+  </data>
+  <data name="LargeText" xml:space="preserve">
+    <value>Large text</value>
+  </data>
+  <data name="Pass" xml:space="preserve">
+    <value>Pass</value>
+  </data>
+  <data name="SampleText" xml:space="preserve">
+    <value>Sit kasd feugait takimata in eirmod sadipscing sanctus consectetuer voluptua dolor dolor dolore rebum.</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SampleTextTitle" xml:space="preserve">
+    <value>Lorem ipsum dolor</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SmallText" xml:space="preserve">
+    <value>Small text</value>
+  </data>
+  <data name="WCAG_AA" xml:space="preserve">
+    <value>WCAG AA</value>
+  </data>
+  <data name="WCAG_AAA" xml:space="preserve">
+    <value>WCAG AAA</value>
   </data>
 </root>
\ No newline at end of file
diff --git a/src/dev/impl/DevToys/Themes/Generic.xaml b/src/dev/impl/DevToys/Themes/Generic.xaml
index 49018e8e2f..2db6d5a159 100644
--- a/src/dev/impl/DevToys/Themes/Generic.xaml
+++ b/src/dev/impl/DevToys/Themes/Generic.xaml
@@ -8,14 +8,14 @@
     <ResourceDictionary.ThemeDictionaries>
         <ResourceDictionary x:Key="Light">
             <SolidColorBrush x:Key="TextEditorForeground" Color="Black"/>
-
+            
             <!-- REVIEW: If Navigation View Content Grid Border Brush has transparency, it makes WebView being unclickable (can't get focus),
             which breaks Monaco Editor. The line below change the border brush to use a solid one (without transparency). -->
             <StaticResource x:Key="NavigationViewContentGridBorderBrush" ResourceKey="CardStrokeColorDefaultSolidBrush" />
         </ResourceDictionary>
         <ResourceDictionary x:Key="Dark">
             <SolidColorBrush x:Key="TextEditorForeground" Color="#F0F0F0"/>
-
+            
             <!-- REVIEW: If Navigation View Content Grid Border Brush has transparency, it makes WebView being unclickable (can't get focus),
             which breaks Monaco Editor. The line below change the border brush to use a solid one (without transparency). -->
             <StaticResource x:Key="NavigationViewContentGridBorderBrush" ResourceKey="CardStrokeColorDefaultSolidBrush" />
@@ -43,7 +43,7 @@
     <Style TargetType="TextBlock">
         <Setter Property="HighContrastAdjustment" Value="None"/>
     </Style>
-    
+
     <Style TargetType="ToggleSwitch">
         <Setter Property="OnContent" Value="{Binding Instance.Common.ToggleSwitchOn, Mode=OneTime, Source={StaticResource LanguageManager}}"/>
         <Setter Property="OffContent" Value="{Binding Instance.Common.ToggleSwitchOff, Mode=OneTime, Source={StaticResource LanguageManager}}"/>
diff --git a/src/dev/impl/DevToys/UI/Converters/BooleanToBrushConverter.cs b/src/dev/impl/DevToys/UI/Converters/BooleanToBrushConverter.cs
new file mode 100644
index 0000000000..e436e0d008
--- /dev/null
+++ b/src/dev/impl/DevToys/UI/Converters/BooleanToBrushConverter.cs
@@ -0,0 +1,41 @@
+#nullable enable
+
+using System;
+using Windows.UI.Xaml;
+using Windows.UI.Xaml.Data;
+using Windows.UI.Xaml.Media;
+
+namespace DevToys.UI.Converters
+{
+    /// <summary>
+    /// Convert a <see cref="bool"/> to a <see cref="Brush"/> value.
+    /// </summary>
+    public sealed class BooleanToBrushConverter : IValueConverter
+    {
+        /// <summary>
+        /// Gets or sets the value to apply when the input is true.
+        /// </summary>
+        public Brush? ValueOnTrue { get; set; }
+
+        /// <summary>
+        /// Gets or sets the value to apply when the input is false.
+        /// </summary>
+        public Brush? ValueOnFalse { get; set; }
+
+        public object? Convert(object value, Type targetType, object parameter, string language)
+        {
+            bool? valueBool = value as bool?;
+            if (valueBool == null)
+            {
+                return DependencyProperty.UnsetValue;
+            }
+
+            return valueBool.Value ? ValueOnTrue : ValueOnFalse;
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, string language)
+        {
+            throw new NotImplementedException();
+        }
+    }
+}
diff --git a/src/dev/impl/DevToys/UI/Converters/BooleanToStringConverter.cs b/src/dev/impl/DevToys/UI/Converters/BooleanToStringConverter.cs
new file mode 100644
index 0000000000..1a4273dffd
--- /dev/null
+++ b/src/dev/impl/DevToys/UI/Converters/BooleanToStringConverter.cs
@@ -0,0 +1,40 @@
+#nullable enable
+
+using System;
+using Windows.UI.Xaml;
+using Windows.UI.Xaml.Data;
+
+namespace DevToys.UI.Converters
+{
+    /// <summary>
+    /// Convert a <see cref="bool"/> to a <see cref="string"/> value.
+    /// </summary>
+    public sealed class BooleanToStringConverter : IValueConverter
+    {
+        /// <summary>
+        /// Gets or sets the text to apply when the input is true.
+        /// </summary>
+        public string? StringOnTrue { get; set; }
+
+        /// <summary>
+        /// Gets or sets the text to apply when the input is false.
+        /// </summary>
+        public string? StringOnFalse { get; set; }
+
+        public object? Convert(object value, Type targetType, object parameter, string language)
+        {
+            bool? valueBool = value as bool?;
+            if (valueBool == null)
+            {
+                return DependencyProperty.UnsetValue;
+            }
+
+            return valueBool.Value ? StringOnTrue : StringOnFalse;
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, string language)
+        {
+            throw new NotImplementedException();
+        }
+    }
+}
diff --git a/src/dev/impl/DevToys/UI/Extensions/ControlSizeTrigger.cs b/src/dev/impl/DevToys/UI/Extensions/ControlSizeTrigger.cs
new file mode 100644
index 0000000000..3729664e9c
--- /dev/null
+++ b/src/dev/impl/DevToys/UI/Extensions/ControlSizeTrigger.cs
@@ -0,0 +1,74 @@
+#nullable enable
+
+using Windows.UI.Xaml;
+
+namespace DevToys.UI.Extensions
+{
+    public sealed class ControlSizeTrigger : StateTriggerBase
+    {
+        private FrameworkElement? _targetElement;
+        private double _minHeight = -1;
+        private double _minWidth = -1;
+        private double _currentHeight;
+        private double _currentWidth;
+
+        public double MinHeight
+        {
+            get => _minHeight;
+            set => _minHeight = value;
+        }
+
+        public double MinWidth
+        {
+            get => _minWidth;
+            set => _minWidth = value;
+        }
+
+        public FrameworkElement? TargetElement
+        {
+            get => _targetElement;
+            set
+            {
+                if (_targetElement is not null)
+                {
+                    _targetElement.SizeChanged -= OnSizeChanged;
+                }
+                _targetElement = value;
+                if (_targetElement is not null)
+                {
+                    _targetElement.SizeChanged += OnSizeChanged;
+                }
+            }
+        }
+
+        private void OnSizeChanged(object sender, SizeChangedEventArgs e)
+        {
+            _currentHeight = e.NewSize.Height;
+            _currentWidth = e.NewSize.Width;
+            UpdateTrigger();
+        }
+
+        private void UpdateTrigger()
+        {
+            if (_targetElement != null && (_minWidth > 0 || _minHeight > 0))
+            {
+                if (_minHeight > 0 && _minWidth > 0)
+                {
+                    SetActive((_currentHeight >= _minHeight) && (_currentWidth >= _minWidth));
+                }
+                else if (_minHeight > 0)
+                {
+                    SetActive(_currentHeight >= _minHeight);
+                }
+                else
+                {
+                    SetActive(_currentWidth >= _minWidth);
+                }
+            }
+            else
+            {
+                SetActive(false);
+            }
+        }
+    }
+}
diff --git a/src/dev/impl/DevToys/ViewModels/Tools/Graphic/ColorPicker/ColorPickerToolViewModel.cs b/src/dev/impl/DevToys/ViewModels/Tools/Graphic/ColorPicker/ColorPickerToolViewModel.cs
index 69e7ed96d8..0aaf9664e6 100644
--- a/src/dev/impl/DevToys/ViewModels/Tools/Graphic/ColorPicker/ColorPickerToolViewModel.cs
+++ b/src/dev/impl/DevToys/ViewModels/Tools/Graphic/ColorPicker/ColorPickerToolViewModel.cs
@@ -30,7 +30,12 @@ private static readonly SettingDefinition<ColorSpectrumComponents> Mode
                 defaultValue: ColorPickerModeDisplayPair.HSV.Value);
 
         private readonly ISettingsProvider _settingsProvider;
-        private Color _selectedColor;
+        private Color _textColor;
+        private Color _backgroundColor;
+        private bool _wcagAaLevelLargeText;
+        private bool _wcagAaLevelSmallText;
+        private bool _wcagAaaLevelLargeText;
+        private bool _wcagAaaLevelSmallText;
 
         public Type View => typeof(ColorPickerToolPage);
 
@@ -70,10 +75,63 @@ public IReadOnlyList<ColorPickerModeDisplayPair> ColorPickerModes
         /// <summary>
         /// Gets or sets the selected color.
         /// </summary>
-        public Color SelectedColor
+        public Color TextColor
         {
-            get => _selectedColor;
-            set => SetProperty(ref _selectedColor, value);
+            get => _textColor;
+            set
+            {
+                SetProperty(ref _textColor, value);
+                CalculateContrastRatio();
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the selected color.
+        /// </summary>
+        public Color BackgroundColor
+        {
+            get => _backgroundColor;
+            set
+            {
+                SetProperty(ref _backgroundColor, value);
+                CalculateContrastRatio();
+            }
+        }
+
+        /// <summary>
+        /// Gets whether the color contrast pass the WCAG AA level for large text.
+        /// </summary>
+        public bool WcagAaLevelLargeText
+        {
+            get => _wcagAaLevelLargeText;
+            private set => SetProperty(ref _wcagAaLevelLargeText, value);
+        }
+
+        /// <summary>
+        /// Gets whether the color contrast pass the WCAG AA level for small text.
+        /// </summary>
+        public bool WcagAaLevelSmallText
+        {
+            get => _wcagAaLevelSmallText;
+            private set => SetProperty(ref _wcagAaLevelSmallText, value);
+        }
+
+        /// <summary>
+        /// Gets whether the color contrast pass the WCAG AAA level for large text.
+        /// </summary>
+        public bool WcagAaaLevelLargeText
+        {
+            get => _wcagAaaLevelLargeText;
+            private set => SetProperty(ref _wcagAaaLevelLargeText, value);
+        }
+
+        /// <summary>
+        /// Gets whether the color contrast pass the WCAG AAA level for small text.
+        /// </summary>
+        public bool WcagAaaLevelSmallText
+        {
+            get => _wcagAaaLevelSmallText;
+            private set => SetProperty(ref _wcagAaaLevelSmallText, value);
         }
 
         [ImportingConstructor]
@@ -82,7 +140,41 @@ public ColorPickerToolViewModel(ISettingsProvider settingsProvider, IThemeListen
             _settingsProvider = settingsProvider;
 
             string? accentColorResourceName = themeListener.ActualAppTheme == ApplicationTheme.Light ? "SystemAccentColorLight2" : "SystemAccentColorDark1";
-            SelectedColor = (Color)Application.Current.Resources[accentColorResourceName];
+            BackgroundColor = (Color)Application.Current.Resources[accentColorResourceName];
+            TextColor = themeListener.ActualAppTheme == ApplicationTheme.Light ? Colors.Black : Colors.White;
+        }
+
+        private void CalculateContrastRatio()
+        {
+            double textLuminence = CalculateLuminence(TextColor);
+            double backgroundLuminence = CalculateLuminence(BackgroundColor);
+
+            double contrastRatio
+                = textLuminence > backgroundLuminence
+                ? ((backgroundLuminence + 0.05) / (textLuminence + 0.05))
+                : ((textLuminence + 0.05) / (backgroundLuminence + 0.05));
+
+            WcagAaLevelLargeText = contrastRatio < 1 / 3f;
+            WcagAaLevelSmallText = contrastRatio < 1 / 4.5;
+            WcagAaaLevelLargeText = contrastRatio < 1 / 4.5;
+            WcagAaaLevelSmallText = contrastRatio < 1 / 7f;
+        }
+
+        private double CalculateLuminence(Color color)
+        {
+            double r = Luminence(color.R);
+            double g = Luminence(color.G);
+            double b = Luminence(color.B);
+
+            return r * 0.2126 + g * 0.7152 + b * 0.0722;
+
+            static double Luminence(double value)
+            {
+                value /= 255;
+                return value < 0.03928
+                    ? value / 12.92
+                    : Math.Pow((value + 0.055) / 1.055, 2.4);
+            }
         }
     }
 }
diff --git a/src/dev/impl/DevToys/Views/Tools/Graphic/ColorPicker/ColorPickerToolPage.xaml b/src/dev/impl/DevToys/Views/Tools/Graphic/ColorPicker/ColorPickerToolPage.xaml
index bbb157fd28..086395807e 100644
--- a/src/dev/impl/DevToys/Views/Tools/Graphic/ColorPicker/ColorPickerToolPage.xaml
+++ b/src/dev/impl/DevToys/Views/Tools/Graphic/ColorPicker/ColorPickerToolPage.xaml
@@ -4,97 +4,351 @@
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:DevToys="using:DevToys"
     xmlns:controls="using:DevToys.UI.Controls"
     xmlns:converters="using:DevToys.UI.Converters"
-    xmlns:muxc="using:Microsoft.UI.Xaml.Controls" xmlns:ex="using:DevToys.UI.Extensions"
+    xmlns:ex="using:DevToys.UI.Extensions"
+    xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
     mc:Ignorable="d"
     NavigationCacheMode="Required">
     <Page.Resources>
         <converters:ColorToBrushConverter x:Key="ColorToBrushConverter"/>
+        <converters:BooleanToBrushConverter
+            x:Key="ContrastRatioBooleanToBrushConverter"
+            ValueOnTrue="#10893E"
+            ValueOnFalse="#E81123"/>
+        <converters:BooleanToVisibilityConverter x:Key="BooleanToVisibilityConverter"/>
+        <converters:BooleanToVisibilityConverter x:Key="InvertedBooleanToVisibilityConverter" IsInverted="True"/>
     </Page.Resources>
 
-    <Grid Margin="0,0,0,16" RowSpacing="12">
+    <Border>
         <VisualStateManager.VisualStateGroups>
             <VisualStateGroup>
+                <VisualState>
+                    <VisualState.StateTriggers>
+                        <ex:ControlSizeTrigger MinWidth="1100" TargetElement="{x:Bind}" />
+                    </VisualState.StateTriggers>
+                    <VisualState.Setters>
+                        <Setter Target="ColorPicker.Orientation" Value="Horizontal"/>
+                        <Setter Target="ColorPicker2.Orientation" Value="Horizontal"/>
+                        <Setter Target="ColorPickerStackPanel.(Grid.ColumnSpan)" Value="1"/>
+                        <Setter Target="ColorPicker2StackPanel.(Grid.Row)" Value="3" />
+                        <Setter Target="ColorPicker2StackPanel.(Grid.Column)" Value="1" />
+                        <Setter Target="ColorPicker2StackPanel.(Grid.ColumnSpan)" Value="1"/>
+                        <Setter Target="SelectedColorGrid.(Grid.ColumnSpan)" Value="1" />
+                        <Setter Target="ContrastRatioGrid.(Grid.Row)" Value="1" />
+                        <Setter Target="ContrastRatioGrid.(Grid.Column)" Value="1" />
+                        <Setter Target="ContrastRatioGrid.(Grid.ColumnSpan)" Value="1" />
+                    </VisualState.Setters>
+                </VisualState>
+                <VisualState>
+                    <VisualState.StateTriggers>
+                        <ex:ControlSizeTrigger MinWidth="512" TargetElement="{x:Bind}" />
+                    </VisualState.StateTriggers>
+                    <VisualState.Setters>
+                        <Setter Target="ColorPickerStackPanel.(Grid.ColumnSpan)" Value="1"/>
+                        <Setter Target="ColorPicker2StackPanel.(Grid.Row)" Value="3" />
+                        <Setter Target="ColorPicker2StackPanel.(Grid.Column)" Value="1" />
+                        <Setter Target="ColorPicker2StackPanel.(Grid.ColumnSpan)" Value="1"/>
+                    </VisualState.Setters>
+                </VisualState>
                 <VisualState>
                     <VisualState.StateTriggers>
                         <ex:IsCompactOverlayModeTrigger TargetElement="{x:Bind}" />
                     </VisualState.StateTriggers>
                     <VisualState.Setters>
                         <Setter Target="SettingsStackPanel.Visibility" Value="Collapsed"/>
-                        <Setter Target="ColorPicker.Orientation" Value="Vertical"/>
-                        <Setter Target="ColorPicker.HorizontalAlignment" Value="Center"/>
                     </VisualState.Setters>
                 </VisualState>
             </VisualStateGroup>
         </VisualStateManager.VisualStateGroups>
+        <Grid
+            Margin="0,0,0,16"
+            RowSpacing="12"
+            ColumnSpacing="12">
 
-        <Grid.ChildrenTransitions>
-            <TransitionCollection>
-                <EntranceThemeTransition IsStaggeringEnabled="True" FromVerticalOffset="50"/>
-            </TransitionCollection>
-        </Grid.ChildrenTransitions>
+            <Grid.ChildrenTransitions>
+                <TransitionCollection>
+                    <EntranceThemeTransition IsStaggeringEnabled="True" FromVerticalOffset="50"/>
+                </TransitionCollection>
+            </Grid.ChildrenTransitions>
 
-        <Grid.RowDefinitions>
-            <RowDefinition Height="Auto"/>
-            <RowDefinition Height="Auto"/>
-            <RowDefinition Height="Auto"/>
-        </Grid.RowDefinitions>
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="*"/>
+                <ColumnDefinition Width="*"/>
+            </Grid.ColumnDefinitions>
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition Height="Auto"/>
+            </Grid.RowDefinitions>
 
-        <StackPanel
-            x:Name="SettingsStackPanel"
-            Grid.Row="0"
-            Spacing="4">
-            <TextBlock Style="{StaticResource SubTitleTextBlock}" Text="{x:Bind ViewModel.Strings.Configuration}" />
-
-            <controls:ExpandableSettingControl
-                Title="{x:Bind ViewModel.Strings.Mode}">
-                <controls:ExpandableSettingControl.Icon>
-                    <FontIcon Glyph="&#xF2F5;" />
-                </controls:ExpandableSettingControl.Icon>
-                <ComboBox
-                    ItemsSource="{x:Bind ViewModel.ColorPickerModes}"
-                    DisplayMemberPath="DisplayName"
-                    SelectedItem="{x:Bind ViewModel.ColorPickerMode, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">
-                </ComboBox>
-            </controls:ExpandableSettingControl>
-        </StackPanel>
+            <StackPanel
+                x:Name="SettingsStackPanel"
+                Grid.Row="0"
+                Grid.ColumnSpan="2"
+                Spacing="4">
+                <TextBlock Style="{StaticResource SubTitleTextBlock}" Text="{x:Bind ViewModel.Strings.Configuration}" />
 
-        <StackPanel
-            Grid.Row="1"
-            Spacing="4">
-            <TextBlock Style="{StaticResource SubTitleTextBlock}" Text="{x:Bind ViewModel.Strings.SelectedColor}" />
+                <controls:ExpandableSettingControl
+                    Title="{x:Bind ViewModel.Strings.Mode}">
+                    <controls:ExpandableSettingControl.Icon>
+                        <FontIcon Glyph="&#xF2F5;" />
+                    </controls:ExpandableSettingControl.Icon>
+                    <ComboBox
+                        ItemsSource="{x:Bind ViewModel.ColorPickerModes}"
+                        DisplayMemberPath="DisplayName"
+                        SelectedItem="{x:Bind ViewModel.ColorPickerMode, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">
+                    </ComboBox>
+                </controls:ExpandableSettingControl>
+            </StackPanel>
 
-            <StackPanel
-                Spacing="12"
-                Padding="0,12,0,12"
-                Orientation="Vertical"
-                CornerRadius="{ThemeResource ControlCornerRadius}"
-                Background="{x:Bind ViewModel.SelectedColor, Mode=OneWay, Converter={StaticResource ColorToBrushConverter}}">
+            <Grid
+                x:Name="SelectedColorGrid"
+                Grid.Row="1"
+                Grid.Column="0"
+                Grid.ColumnSpan="2"
+                RowSpacing="4">
+                <Grid.RowDefinitions>
+                    <RowDefinition Height="Auto"/>
+                    <RowDefinition/>
+                </Grid.RowDefinitions>
                 <TextBlock
-                    Foreground="Black"
-                    HorizontalAlignment="Center"
-                    Text="{x:Bind ViewModel.Strings.BlackText}"/>
+                    Grid.Row="0"
+                    Style="{StaticResource SubTitleTextBlock}"
+                    Text="{x:Bind ViewModel.Strings.SelectedColor}"
+                    VerticalAlignment="Top" />
+
+                <StackPanel
+                    Grid.Row="1"
+                    Spacing="12"
+                    Padding="12"
+                    CornerRadius="{ThemeResource ControlCornerRadius}"
+                    Background="{x:Bind ViewModel.BackgroundColor, Mode=OneWay, Converter={StaticResource ColorToBrushConverter}}">
+                    <TextBlock
+                        Style="{StaticResource TitleTextBlockStyle}"
+                        Foreground="{x:Bind ViewModel.TextColor, Mode=OneWay, Converter={StaticResource ColorToBrushConverter}}"
+                        HorizontalAlignment="Center"
+                        FontSize="18"
+                        Text="{x:Bind ViewModel.Strings.SampleTextTitle}"/>
+                    <TextBlock
+                        Style="{StaticResource BodyTextBlockStyle}"
+                        FontSize="14"
+                        Foreground="{x:Bind ViewModel.TextColor, Mode=OneWay, Converter={StaticResource ColorToBrushConverter}}"
+                        HorizontalAlignment="Center"
+                        Text="{x:Bind ViewModel.Strings.SampleText}"/>
+                </StackPanel>
+            </Grid>
+
+            <Grid
+                x:Name="ContrastRatioGrid"
+                Grid.Row="2"
+                Grid.ColumnSpan="2"
+                Grid.Column="0"
+                ColumnSpacing="8"
+                RowSpacing="4">
+                <Grid.RowDefinitions>
+                    <RowDefinition Height="Auto"/>
+                    <RowDefinition/>
+                </Grid.RowDefinitions>
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition/>
+                    <ColumnDefinition/>
+                    <ColumnDefinition/>
+                    <ColumnDefinition/>
+                </Grid.ColumnDefinitions>
                 <TextBlock
-                    Foreground="White"
-                    HorizontalAlignment="Center"
-                    Text="{x:Bind ViewModel.Strings.WhiteText}"/>
+                    Grid.Row="0"
+                    Grid.ColumnSpan="4"
+                    Style="{StaticResource SubTitleTextBlock}"
+                    Text="{x:Bind ViewModel.Strings.ContrastRatio}"
+                    VerticalAlignment="Top"/>
+                <Border
+                    Grid.Row="1"
+                    Grid.Column="0"
+                    CornerRadius="{ThemeResource ControlCornerRadius}"
+                    Background="{x:Bind ViewModel.WcagAaLevelLargeText, Mode=OneWay, Converter={StaticResource ContrastRatioBooleanToBrushConverter}}">
+                    <Border.BackgroundTransition>
+                        <BrushTransition />
+                    </Border.BackgroundTransition>
+                    <StackPanel
+                        Orientation="Vertical"
+                        Padding="12"
+                        VerticalAlignment="Center">
+                        <TextBlock
+                            Text="{x:Bind ViewModel.Strings.LargeText}"
+                            HorizontalAlignment="Center"
+                            Foreground="White"/>
+                        <TextBlock
+                            Margin="0,4,0,0"
+                            Text="{x:Bind ViewModel.Strings.WCAG_AA}"
+                            Style="{StaticResource SubtitleTextBlockStyle}"
+                            HorizontalAlignment="Center"
+                            Foreground="White"/>
+                        <TextBlock
+                            Margin="0,4,0,0"
+                            Text="{x:Bind ViewModel.Strings.Pass}"
+                            Visibility="{x:Bind ViewModel.WcagAaLevelLargeText, Mode=OneWay, Converter={StaticResource BooleanToVisibilityConverter}}"
+                            HorizontalAlignment="Center"
+                            Foreground="White"/>
+                        <TextBlock
+                            Margin="0,4,0,0"
+                            Text="{x:Bind ViewModel.Strings.Fail}"
+                            Visibility="{x:Bind ViewModel.WcagAaLevelLargeText, Mode=OneWay, Converter={StaticResource InvertedBooleanToVisibilityConverter}}"
+                            HorizontalAlignment="Center"
+                            Foreground="White"/>
+                    </StackPanel>
+                </Border>
+                <Border
+                    Grid.Row="1"
+                    Grid.Column="1"
+                    CornerRadius="{ThemeResource ControlCornerRadius}"
+                    Background="{x:Bind ViewModel.WcagAaLevelSmallText, Mode=OneWay, Converter={StaticResource ContrastRatioBooleanToBrushConverter}}">
+                    <Border.BackgroundTransition>
+                        <BrushTransition />
+                    </Border.BackgroundTransition>
+                    <StackPanel
+                        Orientation="Vertical"
+                        Padding="12"
+                        VerticalAlignment="Center">
+                        <TextBlock
+                            Text="{x:Bind ViewModel.Strings.SmallText}"
+                            HorizontalAlignment="Center"
+                            Foreground="White"/>
+                        <TextBlock
+                            Margin="0,4,0,0"
+                            Text="{x:Bind ViewModel.Strings.WCAG_AA}"
+                            Style="{StaticResource SubtitleTextBlockStyle}"
+                            HorizontalAlignment="Center"
+                            Foreground="White"/>
+                        <TextBlock
+                            Margin="0,4,0,0"
+                            Text="{x:Bind ViewModel.Strings.Pass}"
+                            Visibility="{x:Bind ViewModel.WcagAaLevelSmallText, Mode=OneWay, Converter={StaticResource BooleanToVisibilityConverter}}"
+                            HorizontalAlignment="Center"
+                            Foreground="White"/>
+                        <TextBlock
+                            Margin="0,4,0,0"
+                            Text="{x:Bind ViewModel.Strings.Fail}"
+                            Visibility="{x:Bind ViewModel.WcagAaLevelSmallText, Mode=OneWay, Converter={StaticResource InvertedBooleanToVisibilityConverter}}"
+                            HorizontalAlignment="Center"
+                            Foreground="White"/>
+                    </StackPanel>
+                </Border>
+                <Border
+                    Grid.Row="1"
+                    Grid.Column="2"
+                    CornerRadius="{ThemeResource ControlCornerRadius}"
+                    Background="{x:Bind ViewModel.WcagAaaLevelLargeText, Mode=OneWay, Converter={StaticResource ContrastRatioBooleanToBrushConverter}}">
+                    <Border.BackgroundTransition>
+                        <BrushTransition />
+                    </Border.BackgroundTransition>
+                    <StackPanel
+                        Orientation="Vertical"
+                        Padding="12"
+                        VerticalAlignment="Center">
+                        <TextBlock
+                            Text="{x:Bind ViewModel.Strings.LargeText}"
+                            HorizontalAlignment="Center"
+                            Foreground="White"/>
+                        <TextBlock
+                            Margin="0,4,0,0"
+                            Text="{x:Bind ViewModel.Strings.WCAG_AAA}"
+                            Style="{StaticResource SubtitleTextBlockStyle}"
+                            HorizontalAlignment="Center"
+                            Foreground="White"/>
+                        <TextBlock
+                            Margin="0,4,0,0"
+                            Text="{x:Bind ViewModel.Strings.Pass}"
+                            Visibility="{x:Bind ViewModel.WcagAaaLevelLargeText, Mode=OneWay, Converter={StaticResource BooleanToVisibilityConverter}}"
+                            HorizontalAlignment="Center"
+                            Foreground="White"/>
+                        <TextBlock
+                            Margin="0,4,0,0"
+                            Text="{x:Bind ViewModel.Strings.Fail}"
+                            Visibility="{x:Bind ViewModel.WcagAaaLevelLargeText, Mode=OneWay, Converter={StaticResource InvertedBooleanToVisibilityConverter}}"
+                            HorizontalAlignment="Center"
+                            Foreground="White"/>
+                    </StackPanel>
+                </Border>
+                <Border
+                    Grid.Row="1"
+                    Grid.Column="3"
+                    CornerRadius="{ThemeResource ControlCornerRadius}"
+                    Background="{x:Bind ViewModel.WcagAaaLevelSmallText, Mode=OneWay, Converter={StaticResource ContrastRatioBooleanToBrushConverter}}">
+                    <Border.BackgroundTransition>
+                        <BrushTransition />
+                    </Border.BackgroundTransition>
+                    <StackPanel
+                        Orientation="Vertical"
+                        Padding="12"
+                        VerticalAlignment="Center">
+                        <TextBlock
+                            Text="{x:Bind ViewModel.Strings.SmallText}"
+                            HorizontalAlignment="Center"
+                            Foreground="White"/>
+                        <TextBlock
+                            Margin="0,4,0,0"
+                            Text="{x:Bind ViewModel.Strings.WCAG_AAA}"
+                            Style="{StaticResource SubtitleTextBlockStyle}"
+                            HorizontalAlignment="Center"
+                            Foreground="White"/>
+                        <TextBlock
+                            Margin="0,4,0,0"
+                            Text="{x:Bind ViewModel.Strings.Pass}"
+                            Visibility="{x:Bind ViewModel.WcagAaaLevelSmallText, Mode=OneWay, Converter={StaticResource BooleanToVisibilityConverter}}"
+                            HorizontalAlignment="Center"
+                            Foreground="White"/>
+                        <TextBlock
+                            Margin="0,4,0,0"
+                            Text="{x:Bind ViewModel.Strings.Fail}"
+                            Visibility="{x:Bind ViewModel.WcagAaaLevelSmallText, Mode=OneWay, Converter={StaticResource InvertedBooleanToVisibilityConverter}}"
+                            HorizontalAlignment="Center"
+                            Foreground="White"/>
+                    </StackPanel>
+                </Border>
+            </Grid>
+
+            <StackPanel
+                x:Name="ColorPickerStackPanel"
+                Grid.Row="3"
+                Grid.Column="0"
+                Grid.ColumnSpan="2"
+                Spacing="4"
+                Margin="0,0,0,12">
+                <TextBlock Style="{StaticResource SubTitleTextBlock}" Text="{x:Bind ViewModel.Strings.TextColor}" />
+
+                <muxc:ColorPicker
+                    x:Name="ColorPicker"
+                    Color="{x:Bind ViewModel.TextColor, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
+                    ColorSpectrumShape="Box"
+                    ColorSpectrumComponents="{x:Bind ViewModel.ColorPickerMode.Value, Mode=OneWay}"
+                    IsAlphaEnabled="True"
+                    IsColorPreviewVisible="False"
+                    Orientation="Vertical"
+                    HorizontalAlignment="Left"/>
             </StackPanel>
-        </StackPanel>
 
-        <StackPanel
-            Grid.Row="2"
-            Spacing="4">
-            <TextBlock Style="{StaticResource SubTitleTextBlock}" Text="{x:Bind ViewModel.Strings.ColorPicker}" />
+            <StackPanel
+                x:Name="ColorPicker2StackPanel"
+                Grid.Row="4"
+                Grid.Column="0"
+                Grid.ColumnSpan="2"
+                Spacing="4">
+                <TextBlock Style="{StaticResource SubTitleTextBlock}" Text="{x:Bind ViewModel.Strings.BackgroundColor}" />
 
-            <muxc:ColorPicker
-                x:Name="ColorPicker"
-                Color="{x:Bind ViewModel.SelectedColor, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
-                ColorSpectrumShape="Box"
-                ColorSpectrumComponents="{x:Bind ViewModel.ColorPickerMode.Value, Mode=OneWay}"
-                IsAlphaEnabled="True"
-                IsColorPreviewVisible="False"
-                Orientation="Horizontal"/>
-        </StackPanel>
-    </Grid>
+                <muxc:ColorPicker
+                    x:Name="ColorPicker2"
+                    Color="{x:Bind ViewModel.BackgroundColor, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
+                    ColorSpectrumShape="Box"
+                    ColorSpectrumComponents="{x:Bind ViewModel.ColorPickerMode.Value, Mode=OneWay}"
+                    IsAlphaEnabled="True"
+                    IsColorPreviewVisible="False"
+                    Orientation="Vertical"
+                    HorizontalAlignment="Left"/>
+            </StackPanel>
+        </Grid>
+    </Border>
 </Page>
diff --git a/src/dev/impl/DevToys/Views/Tools/Graphic/PngJpgCompressor/PngJpgCompressorToolPage.xaml b/src/dev/impl/DevToys/Views/Tools/Graphic/PngJpgCompressor/PngJpgCompressorToolPage.xaml
index f76cd431c8..76fa2cf687 100644
--- a/src/dev/impl/DevToys/Views/Tools/Graphic/PngJpgCompressor/PngJpgCompressorToolPage.xaml
+++ b/src/dev/impl/DevToys/Views/Tools/Graphic/PngJpgCompressor/PngJpgCompressorToolPage.xaml
@@ -92,7 +92,7 @@
                                     Width="42"
                                     Height="42"
                                     FontSize="42"
-                                    Foreground="Green"
+                                    Foreground="#10893E"
                                     Glyph="&#xF298;">
                                     <FontIcon.OpacityTransition>
                                         <ScalarTransition/>
@@ -108,7 +108,7 @@
                                     Width="42"
                                     Height="42"
                                     FontSize="42"
-                                    Foreground="Red"
+                                    Foreground="#E81123"
                                     Glyph="&#xF36D;">
                                     <FontIcon.OpacityTransition>
                                         <ScalarTransition/>

From a4445737f41424a5bfc380ddcc11a69e9214bfbf Mon Sep 17 00:00:00 2001
From: Etienne BAUDOUX <ebaudoux@velersoftware.com>
Date: Sun, 17 Jul 2022 22:24:13 -0700
Subject: [PATCH 3/3] New Crowdin updates (#595)

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in Base64EncoderDecoder.resw (Base64EncoderDecoder.resw) from Crowdin

* fix: new translations in PngJpgCompressor.resw (PngJpgCompressor.resw) from Crowdin

* fix: new translations in AllTools.resw (AllTools.resw) from Crowdin

* fix: new translations in CRONParser.resw (CRONParser.resw) from Crowdin

* fix: new translations in XmlFormatter.resw (XmlFormatter.resw) from Crowdin

* fix: new translations in UrlEncoderDecoder.resw (UrlEncoderDecoder.resw) from Crowdin

* fix: new translations in TextDiff.resw (TextDiff.resw) from Crowdin

* fix: new translations in StringEscapeUnescape.resw (StringEscapeUnescape.resw) from Crowdin

* fix: new translations in SqlFormatter.resw (SqlFormatter.resw) from Crowdin

* fix: new translations in RegEx.resw (RegEx.resw) from Crowdin

* fix: new translations in NumberBaseConverter.resw (NumberBaseConverter.resw) from Crowdin

* fix: new translations in CheckSumGenerator.resw (CheckSumGenerator.resw) from Crowdin

* fix: new translations in MarkdownPreview.resw (MarkdownPreview.resw) from Crowdin

* fix: new translations in LoremIpsumGenerator.resw (LoremIpsumGenerator.resw) from Crowdin

* fix: new translations in JsonYaml.resw (JsonYaml.resw) from Crowdin

* fix: new translations in JsonFormatter.resw (JsonFormatter.resw) from Crowdin

* fix: new translations in ImageConverter.resw (ImageConverter.resw) from Crowdin

* fix: new translations in HtmlEncoderDecoder.resw (HtmlEncoderDecoder.resw) from Crowdin

* fix: new translations in HashGenerator.resw (HashGenerator.resw) from Crowdin

* fix: new translations in GuidGenerator.resw (GuidGenerator.resw) from Crowdin

* fix: new translations in GZipEncoderDecoder.resw (GZipEncoderDecoder.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin

* fix: new translations in ColorPicker.resw (ColorPicker.resw) from Crowdin
---
 .../DevToys/Strings/af-ZA/ColorPicker.resw    | 50 +++++++++++++-----
 .../DevToys/Strings/ar-SA/ColorPicker.resw    | 50 +++++++++++++-----
 .../DevToys/Strings/ca-ES/ColorPicker.resw    | 50 +++++++++++++-----
 .../DevToys/Strings/cs-CZ/ColorPicker.resw    | 50 +++++++++++++-----
 .../DevToys/Strings/da-DK/ColorPicker.resw    | 50 +++++++++++++-----
 .../DevToys/Strings/de-DE/ColorPicker.resw    | 50 +++++++++++++-----
 .../DevToys/Strings/el-GR/ColorPicker.resw    | 50 +++++++++++++-----
 .../DevToys/Strings/en-GB/ColorPicker.resw    | 50 +++++++++++++-----
 .../DevToys/Strings/es-AR/ColorPicker.resw    | 50 +++++++++++++-----
 .../DevToys/Strings/es-ES/ColorPicker.resw    | 50 +++++++++++++-----
 .../DevToys/Strings/fi-FI/ColorPicker.resw    | 50 +++++++++++++-----
 .../DevToys/Strings/fr-FR/ColorPicker.resw    | 50 +++++++++++++-----
 .../DevToys/Strings/he-IL/ColorPicker.resw    | 50 +++++++++++++-----
 .../DevToys/Strings/hu-HU/ColorPicker.resw    | 50 +++++++++++++-----
 .../DevToys/Strings/id-ID/ColorPicker.resw    | 50 +++++++++++++-----
 .../DevToys/Strings/it-IT/ColorPicker.resw    | 50 +++++++++++++-----
 .../DevToys/Strings/ja-JP/ColorPicker.resw    | 50 +++++++++++++-----
 .../DevToys/Strings/ko-KR/ColorPicker.resw    | 50 +++++++++++++-----
 .../impl/DevToys/Strings/nb/ColorPicker.resw  | 50 +++++++++++++-----
 .../DevToys/Strings/nl-NL/ColorPicker.resw    | 50 +++++++++++++-----
 .../DevToys/Strings/pl-PL/ColorPicker.resw    | 50 +++++++++++++-----
 .../DevToys/Strings/pt-BR/ColorPicker.resw    | 50 +++++++++++++-----
 .../DevToys/Strings/pt-PT/ColorPicker.resw    | 50 +++++++++++++-----
 .../DevToys/Strings/ro-RO/ColorPicker.resw    | 50 +++++++++++++-----
 .../DevToys/Strings/ru-RU/ColorPicker.resw    | 50 +++++++++++++-----
 .../DevToys/Strings/sr-SP/ColorPicker.resw    | 50 +++++++++++++-----
 .../DevToys/Strings/sv-SE/ColorPicker.resw    | 50 +++++++++++++-----
 .../DevToys/Strings/ta-IN/ColorPicker.resw    | 50 +++++++++++++-----
 .../impl/DevToys/Strings/tr-TR/AllTools.resw  |  4 +-
 .../Strings/tr-TR/Base64EncoderDecoder.resw   | 26 +++++-----
 .../DevToys/Strings/tr-TR/CRONParser.resw     |  2 +-
 .../Strings/tr-TR/CheckSumGenerator.resw      |  6 +--
 .../DevToys/Strings/tr-TR/ColorPicker.resw    | 52 ++++++++++++++-----
 .../Strings/tr-TR/GZipEncoderDecoder.resw     |  8 +--
 .../DevToys/Strings/tr-TR/GuidGenerator.resw  |  2 +-
 .../DevToys/Strings/tr-TR/HashGenerator.resw  |  4 +-
 .../Strings/tr-TR/HtmlEncoderDecoder.resw     | 14 ++---
 .../DevToys/Strings/tr-TR/ImageConverter.resw |  4 +-
 .../DevToys/Strings/tr-TR/JsonFormatter.resw  |  6 +--
 .../impl/DevToys/Strings/tr-TR/JsonYaml.resw  | 10 ++--
 .../Strings/tr-TR/LoremIpsumGenerator.resw    |  4 +-
 .../Strings/tr-TR/MarkdownPreview.resw        |  2 +-
 .../Strings/tr-TR/NumberBaseConverter.resw    |  6 +--
 .../Strings/tr-TR/PngJpgCompressor.resw       |  2 +-
 src/dev/impl/DevToys/Strings/tr-TR/RegEx.resw |  2 +-
 .../DevToys/Strings/tr-TR/SqlFormatter.resw   |  6 +--
 .../Strings/tr-TR/StringEscapeUnescape.resw   | 10 ++--
 .../impl/DevToys/Strings/tr-TR/TextDiff.resw  |  2 +-
 .../Strings/tr-TR/UrlEncoderDecoder.resw      | 14 ++---
 .../DevToys/Strings/tr-TR/XmlFormatter.resw   |  6 +--
 .../DevToys/Strings/uk-UA/ColorPicker.resw    | 50 +++++++++++++-----
 .../DevToys/Strings/vi-VN/ColorPicker.resw    | 50 +++++++++++++-----
 .../DevToys/Strings/zh-Hans/ColorPicker.resw  | 50 +++++++++++++-----
 .../DevToys/Strings/zh-Hant/ColorPicker.resw  | 50 +++++++++++++-----
 54 files changed, 1325 insertions(+), 467 deletions(-)

diff --git a/src/dev/impl/DevToys/Strings/af-ZA/ColorPicker.resw b/src/dev/impl/DevToys/Strings/af-ZA/ColorPicker.resw
index c514326b7c..e04b9a021a 100644
--- a/src/dev/impl/DevToys/Strings/af-ZA/ColorPicker.resw
+++ b/src/dev/impl/DevToys/Strings/af-ZA/ColorPicker.resw
@@ -118,25 +118,22 @@
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
   <data name="AccessibleName" xml:space="preserve">
-    <value>Color Picker tool</value>
+    <value>Color Picker and contrast ratio tool</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="Description" xml:space="preserve">
-    <value>Pick up a color</value>
+    <value>Pick up a color or two and validate the contrast ratio</value>
   </data>
   <data name="SearchDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="SearchKeywords" xml:space="preserve">
-    <value></value>
+    <value>RGB WCAG</value>
   </data>
-  <data name="BlackText" xml:space="preserve">
-    <value>Black text</value>
-  </data>
-  <data name="ColorPicker" xml:space="preserve">
-    <value>Color picker</value>
+  <data name="TextColor" xml:space="preserve">
+    <value>Text color</value>
   </data>
   <data name="Configuration" xml:space="preserve">
     <value>Configuration</value>
@@ -153,7 +150,36 @@
   <data name="SelectedColor" xml:space="preserve">
     <value>Selected color</value>
   </data>
-  <data name="WhiteText" xml:space="preserve">
-    <value>White text</value>
+  <data name="BackgroundColor" xml:space="preserve">
+    <value>Background color</value>
+  </data>
+  <data name="ContrastRatio" xml:space="preserve">
+    <value>Contrast ratio</value>
+  </data>
+  <data name="Fail" xml:space="preserve">
+    <value>Fail</value>
+  </data>
+  <data name="LargeText" xml:space="preserve">
+    <value>Large text</value>
+  </data>
+  <data name="Pass" xml:space="preserve">
+    <value>Pass</value>
+  </data>
+  <data name="SampleText" xml:space="preserve">
+    <value>Sit kasd feugait takimata in eirmod sadipscing sanctus consectetuer voluptua dolor dolor dolore rebum.</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SampleTextTitle" xml:space="preserve">
+    <value>Lorem ipsum dolor</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SmallText" xml:space="preserve">
+    <value>Small text</value>
+  </data>
+  <data name="WCAG_AA" xml:space="preserve">
+    <value>WCAG AA</value>
+  </data>
+  <data name="WCAG_AAA" xml:space="preserve">
+    <value>WCAG AAA</value>
   </data>
 </root>
\ No newline at end of file
diff --git a/src/dev/impl/DevToys/Strings/ar-SA/ColorPicker.resw b/src/dev/impl/DevToys/Strings/ar-SA/ColorPicker.resw
index cabef2001e..6e6779b9f0 100644
--- a/src/dev/impl/DevToys/Strings/ar-SA/ColorPicker.resw
+++ b/src/dev/impl/DevToys/Strings/ar-SA/ColorPicker.resw
@@ -118,25 +118,22 @@
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
   <data name="AccessibleName" xml:space="preserve">
-    <value>أداة اختيار اللون</value>
+    <value>Color Picker and contrast ratio tool</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
-    <value>اختيار اللون</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="Description" xml:space="preserve">
-    <value>اختر لون</value>
+    <value>Pick up a color or two and validate the contrast ratio</value>
   </data>
   <data name="SearchDisplayName" xml:space="preserve">
-    <value>اختيار اللون</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="SearchKeywords" xml:space="preserve">
-    <value></value>
+    <value>RGB WCAG</value>
   </data>
-  <data name="BlackText" xml:space="preserve">
-    <value>نص أسود</value>
-  </data>
-  <data name="ColorPicker" xml:space="preserve">
-    <value>اختيار اللون</value>
+  <data name="TextColor" xml:space="preserve">
+    <value>Text color</value>
   </data>
   <data name="Configuration" xml:space="preserve">
     <value>الإعدادات</value>
@@ -153,7 +150,36 @@
   <data name="SelectedColor" xml:space="preserve">
     <value>اللون المحدد</value>
   </data>
-  <data name="WhiteText" xml:space="preserve">
-    <value>نص أبيض</value>
+  <data name="BackgroundColor" xml:space="preserve">
+    <value>Background color</value>
+  </data>
+  <data name="ContrastRatio" xml:space="preserve">
+    <value>Contrast ratio</value>
+  </data>
+  <data name="Fail" xml:space="preserve">
+    <value>Fail</value>
+  </data>
+  <data name="LargeText" xml:space="preserve">
+    <value>Large text</value>
+  </data>
+  <data name="Pass" xml:space="preserve">
+    <value>Pass</value>
+  </data>
+  <data name="SampleText" xml:space="preserve">
+    <value>Sit kasd feugait takimata in eirmod sadipscing sanctus consectetuer voluptua dolor dolor dolore rebum.</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SampleTextTitle" xml:space="preserve">
+    <value>Lorem ipsum dolor</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SmallText" xml:space="preserve">
+    <value>Small text</value>
+  </data>
+  <data name="WCAG_AA" xml:space="preserve">
+    <value>WCAG AA</value>
+  </data>
+  <data name="WCAG_AAA" xml:space="preserve">
+    <value>WCAG AAA</value>
   </data>
 </root>
\ No newline at end of file
diff --git a/src/dev/impl/DevToys/Strings/ca-ES/ColorPicker.resw b/src/dev/impl/DevToys/Strings/ca-ES/ColorPicker.resw
index c514326b7c..e04b9a021a 100644
--- a/src/dev/impl/DevToys/Strings/ca-ES/ColorPicker.resw
+++ b/src/dev/impl/DevToys/Strings/ca-ES/ColorPicker.resw
@@ -118,25 +118,22 @@
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
   <data name="AccessibleName" xml:space="preserve">
-    <value>Color Picker tool</value>
+    <value>Color Picker and contrast ratio tool</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="Description" xml:space="preserve">
-    <value>Pick up a color</value>
+    <value>Pick up a color or two and validate the contrast ratio</value>
   </data>
   <data name="SearchDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="SearchKeywords" xml:space="preserve">
-    <value></value>
+    <value>RGB WCAG</value>
   </data>
-  <data name="BlackText" xml:space="preserve">
-    <value>Black text</value>
-  </data>
-  <data name="ColorPicker" xml:space="preserve">
-    <value>Color picker</value>
+  <data name="TextColor" xml:space="preserve">
+    <value>Text color</value>
   </data>
   <data name="Configuration" xml:space="preserve">
     <value>Configuration</value>
@@ -153,7 +150,36 @@
   <data name="SelectedColor" xml:space="preserve">
     <value>Selected color</value>
   </data>
-  <data name="WhiteText" xml:space="preserve">
-    <value>White text</value>
+  <data name="BackgroundColor" xml:space="preserve">
+    <value>Background color</value>
+  </data>
+  <data name="ContrastRatio" xml:space="preserve">
+    <value>Contrast ratio</value>
+  </data>
+  <data name="Fail" xml:space="preserve">
+    <value>Fail</value>
+  </data>
+  <data name="LargeText" xml:space="preserve">
+    <value>Large text</value>
+  </data>
+  <data name="Pass" xml:space="preserve">
+    <value>Pass</value>
+  </data>
+  <data name="SampleText" xml:space="preserve">
+    <value>Sit kasd feugait takimata in eirmod sadipscing sanctus consectetuer voluptua dolor dolor dolore rebum.</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SampleTextTitle" xml:space="preserve">
+    <value>Lorem ipsum dolor</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SmallText" xml:space="preserve">
+    <value>Small text</value>
+  </data>
+  <data name="WCAG_AA" xml:space="preserve">
+    <value>WCAG AA</value>
+  </data>
+  <data name="WCAG_AAA" xml:space="preserve">
+    <value>WCAG AAA</value>
   </data>
 </root>
\ No newline at end of file
diff --git a/src/dev/impl/DevToys/Strings/cs-CZ/ColorPicker.resw b/src/dev/impl/DevToys/Strings/cs-CZ/ColorPicker.resw
index fe919286f3..6d087ca6b3 100644
--- a/src/dev/impl/DevToys/Strings/cs-CZ/ColorPicker.resw
+++ b/src/dev/impl/DevToys/Strings/cs-CZ/ColorPicker.resw
@@ -118,25 +118,22 @@
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
   <data name="AccessibleName" xml:space="preserve">
-    <value>Color Picker tool</value>
+    <value>Color Picker and contrast ratio tool</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="Description" xml:space="preserve">
-    <value>Pick up a color</value>
+    <value>Pick up a color or two and validate the contrast ratio</value>
   </data>
   <data name="SearchDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="SearchKeywords" xml:space="preserve">
-    <value>Checksum Generator</value>
+    <value>RGB WCAG</value>
   </data>
-  <data name="BlackText" xml:space="preserve">
-    <value>Black text</value>
-  </data>
-  <data name="ColorPicker" xml:space="preserve">
-    <value>Color picker</value>
+  <data name="TextColor" xml:space="preserve">
+    <value>Text color</value>
   </data>
   <data name="Configuration" xml:space="preserve">
     <value>Konfigurace</value>
@@ -153,7 +150,36 @@
   <data name="SelectedColor" xml:space="preserve">
     <value>Selected color</value>
   </data>
-  <data name="WhiteText" xml:space="preserve">
-    <value>White text</value>
+  <data name="BackgroundColor" xml:space="preserve">
+    <value>Background color</value>
+  </data>
+  <data name="ContrastRatio" xml:space="preserve">
+    <value>Contrast ratio</value>
+  </data>
+  <data name="Fail" xml:space="preserve">
+    <value>Fail</value>
+  </data>
+  <data name="LargeText" xml:space="preserve">
+    <value>Large text</value>
+  </data>
+  <data name="Pass" xml:space="preserve">
+    <value>Pass</value>
+  </data>
+  <data name="SampleText" xml:space="preserve">
+    <value>Sit kasd feugait takimata in eirmod sadipscing sanctus consectetuer voluptua dolor dolor dolore rebum.</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SampleTextTitle" xml:space="preserve">
+    <value>Lorem ipsum dolor</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SmallText" xml:space="preserve">
+    <value>Small text</value>
+  </data>
+  <data name="WCAG_AA" xml:space="preserve">
+    <value>WCAG AA</value>
+  </data>
+  <data name="WCAG_AAA" xml:space="preserve">
+    <value>WCAG AAA</value>
   </data>
 </root>
\ No newline at end of file
diff --git a/src/dev/impl/DevToys/Strings/da-DK/ColorPicker.resw b/src/dev/impl/DevToys/Strings/da-DK/ColorPicker.resw
index c514326b7c..e04b9a021a 100644
--- a/src/dev/impl/DevToys/Strings/da-DK/ColorPicker.resw
+++ b/src/dev/impl/DevToys/Strings/da-DK/ColorPicker.resw
@@ -118,25 +118,22 @@
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
   <data name="AccessibleName" xml:space="preserve">
-    <value>Color Picker tool</value>
+    <value>Color Picker and contrast ratio tool</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="Description" xml:space="preserve">
-    <value>Pick up a color</value>
+    <value>Pick up a color or two and validate the contrast ratio</value>
   </data>
   <data name="SearchDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="SearchKeywords" xml:space="preserve">
-    <value></value>
+    <value>RGB WCAG</value>
   </data>
-  <data name="BlackText" xml:space="preserve">
-    <value>Black text</value>
-  </data>
-  <data name="ColorPicker" xml:space="preserve">
-    <value>Color picker</value>
+  <data name="TextColor" xml:space="preserve">
+    <value>Text color</value>
   </data>
   <data name="Configuration" xml:space="preserve">
     <value>Configuration</value>
@@ -153,7 +150,36 @@
   <data name="SelectedColor" xml:space="preserve">
     <value>Selected color</value>
   </data>
-  <data name="WhiteText" xml:space="preserve">
-    <value>White text</value>
+  <data name="BackgroundColor" xml:space="preserve">
+    <value>Background color</value>
+  </data>
+  <data name="ContrastRatio" xml:space="preserve">
+    <value>Contrast ratio</value>
+  </data>
+  <data name="Fail" xml:space="preserve">
+    <value>Fail</value>
+  </data>
+  <data name="LargeText" xml:space="preserve">
+    <value>Large text</value>
+  </data>
+  <data name="Pass" xml:space="preserve">
+    <value>Pass</value>
+  </data>
+  <data name="SampleText" xml:space="preserve">
+    <value>Sit kasd feugait takimata in eirmod sadipscing sanctus consectetuer voluptua dolor dolor dolore rebum.</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SampleTextTitle" xml:space="preserve">
+    <value>Lorem ipsum dolor</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SmallText" xml:space="preserve">
+    <value>Small text</value>
+  </data>
+  <data name="WCAG_AA" xml:space="preserve">
+    <value>WCAG AA</value>
+  </data>
+  <data name="WCAG_AAA" xml:space="preserve">
+    <value>WCAG AAA</value>
   </data>
 </root>
\ No newline at end of file
diff --git a/src/dev/impl/DevToys/Strings/de-DE/ColorPicker.resw b/src/dev/impl/DevToys/Strings/de-DE/ColorPicker.resw
index 40772e16ec..c276767f1e 100644
--- a/src/dev/impl/DevToys/Strings/de-DE/ColorPicker.resw
+++ b/src/dev/impl/DevToys/Strings/de-DE/ColorPicker.resw
@@ -118,25 +118,22 @@
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
   <data name="AccessibleName" xml:space="preserve">
-    <value>Farbauswahl-Werkzeug</value>
+    <value>Color Picker and contrast ratio tool</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
-    <value>Farbauswahl</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="Description" xml:space="preserve">
-    <value>Wählen Sie eine Farbe</value>
+    <value>Pick up a color or two and validate the contrast ratio</value>
   </data>
   <data name="SearchDisplayName" xml:space="preserve">
-    <value>Farbauswahl</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="SearchKeywords" xml:space="preserve">
-    <value></value>
+    <value>RGB WCAG</value>
   </data>
-  <data name="BlackText" xml:space="preserve">
-    <value>Schwarzer Text</value>
-  </data>
-  <data name="ColorPicker" xml:space="preserve">
-    <value>Farbauswahl</value>
+  <data name="TextColor" xml:space="preserve">
+    <value>Text color</value>
   </data>
   <data name="Configuration" xml:space="preserve">
     <value>Konfiguration</value>
@@ -153,7 +150,36 @@
   <data name="SelectedColor" xml:space="preserve">
     <value>Ausgewählte Farbe</value>
   </data>
-  <data name="WhiteText" xml:space="preserve">
-    <value>Weißer Text</value>
+  <data name="BackgroundColor" xml:space="preserve">
+    <value>Background color</value>
+  </data>
+  <data name="ContrastRatio" xml:space="preserve">
+    <value>Contrast ratio</value>
+  </data>
+  <data name="Fail" xml:space="preserve">
+    <value>Fail</value>
+  </data>
+  <data name="LargeText" xml:space="preserve">
+    <value>Large text</value>
+  </data>
+  <data name="Pass" xml:space="preserve">
+    <value>Pass</value>
+  </data>
+  <data name="SampleText" xml:space="preserve">
+    <value>Sit kasd feugait takimata in eirmod sadipscing sanctus consectetuer voluptua dolor dolor dolore rebum.</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SampleTextTitle" xml:space="preserve">
+    <value>Lorem ipsum dolor</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SmallText" xml:space="preserve">
+    <value>Small text</value>
+  </data>
+  <data name="WCAG_AA" xml:space="preserve">
+    <value>WCAG AA</value>
+  </data>
+  <data name="WCAG_AAA" xml:space="preserve">
+    <value>WCAG AAA</value>
   </data>
 </root>
\ No newline at end of file
diff --git a/src/dev/impl/DevToys/Strings/el-GR/ColorPicker.resw b/src/dev/impl/DevToys/Strings/el-GR/ColorPicker.resw
index c514326b7c..e04b9a021a 100644
--- a/src/dev/impl/DevToys/Strings/el-GR/ColorPicker.resw
+++ b/src/dev/impl/DevToys/Strings/el-GR/ColorPicker.resw
@@ -118,25 +118,22 @@
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
   <data name="AccessibleName" xml:space="preserve">
-    <value>Color Picker tool</value>
+    <value>Color Picker and contrast ratio tool</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="Description" xml:space="preserve">
-    <value>Pick up a color</value>
+    <value>Pick up a color or two and validate the contrast ratio</value>
   </data>
   <data name="SearchDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="SearchKeywords" xml:space="preserve">
-    <value></value>
+    <value>RGB WCAG</value>
   </data>
-  <data name="BlackText" xml:space="preserve">
-    <value>Black text</value>
-  </data>
-  <data name="ColorPicker" xml:space="preserve">
-    <value>Color picker</value>
+  <data name="TextColor" xml:space="preserve">
+    <value>Text color</value>
   </data>
   <data name="Configuration" xml:space="preserve">
     <value>Configuration</value>
@@ -153,7 +150,36 @@
   <data name="SelectedColor" xml:space="preserve">
     <value>Selected color</value>
   </data>
-  <data name="WhiteText" xml:space="preserve">
-    <value>White text</value>
+  <data name="BackgroundColor" xml:space="preserve">
+    <value>Background color</value>
+  </data>
+  <data name="ContrastRatio" xml:space="preserve">
+    <value>Contrast ratio</value>
+  </data>
+  <data name="Fail" xml:space="preserve">
+    <value>Fail</value>
+  </data>
+  <data name="LargeText" xml:space="preserve">
+    <value>Large text</value>
+  </data>
+  <data name="Pass" xml:space="preserve">
+    <value>Pass</value>
+  </data>
+  <data name="SampleText" xml:space="preserve">
+    <value>Sit kasd feugait takimata in eirmod sadipscing sanctus consectetuer voluptua dolor dolor dolore rebum.</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SampleTextTitle" xml:space="preserve">
+    <value>Lorem ipsum dolor</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SmallText" xml:space="preserve">
+    <value>Small text</value>
+  </data>
+  <data name="WCAG_AA" xml:space="preserve">
+    <value>WCAG AA</value>
+  </data>
+  <data name="WCAG_AAA" xml:space="preserve">
+    <value>WCAG AAA</value>
   </data>
 </root>
\ No newline at end of file
diff --git a/src/dev/impl/DevToys/Strings/en-GB/ColorPicker.resw b/src/dev/impl/DevToys/Strings/en-GB/ColorPicker.resw
index 6a642cf2a1..18be47c24e 100644
--- a/src/dev/impl/DevToys/Strings/en-GB/ColorPicker.resw
+++ b/src/dev/impl/DevToys/Strings/en-GB/ColorPicker.resw
@@ -118,25 +118,22 @@
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
   <data name="AccessibleName" xml:space="preserve">
-    <value>Colour Picker tool</value>
+    <value>Color Picker and contrast ratio tool</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
-    <value>Colour Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="Description" xml:space="preserve">
-    <value>Pick up a Colour</value>
+    <value>Pick up a color or two and validate the contrast ratio</value>
   </data>
   <data name="SearchDisplayName" xml:space="preserve">
-    <value>Colour Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="SearchKeywords" xml:space="preserve">
-    <value></value>
+    <value>RGB WCAG</value>
   </data>
-  <data name="BlackText" xml:space="preserve">
-    <value>Black text</value>
-  </data>
-  <data name="ColorPicker" xml:space="preserve">
-    <value>Colour picker</value>
+  <data name="TextColor" xml:space="preserve">
+    <value>Text color</value>
   </data>
   <data name="Configuration" xml:space="preserve">
     <value>Configuration</value>
@@ -153,7 +150,36 @@
   <data name="SelectedColor" xml:space="preserve">
     <value>Selected colour</value>
   </data>
-  <data name="WhiteText" xml:space="preserve">
-    <value>White text</value>
+  <data name="BackgroundColor" xml:space="preserve">
+    <value>Background color</value>
+  </data>
+  <data name="ContrastRatio" xml:space="preserve">
+    <value>Contrast ratio</value>
+  </data>
+  <data name="Fail" xml:space="preserve">
+    <value>Fail</value>
+  </data>
+  <data name="LargeText" xml:space="preserve">
+    <value>Large text</value>
+  </data>
+  <data name="Pass" xml:space="preserve">
+    <value>Pass</value>
+  </data>
+  <data name="SampleText" xml:space="preserve">
+    <value>Sit kasd feugait takimata in eirmod sadipscing sanctus consectetuer voluptua dolor dolor dolore rebum.</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SampleTextTitle" xml:space="preserve">
+    <value>Lorem ipsum dolor</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SmallText" xml:space="preserve">
+    <value>Small text</value>
+  </data>
+  <data name="WCAG_AA" xml:space="preserve">
+    <value>WCAG AA</value>
+  </data>
+  <data name="WCAG_AAA" xml:space="preserve">
+    <value>WCAG AAA</value>
   </data>
 </root>
\ No newline at end of file
diff --git a/src/dev/impl/DevToys/Strings/es-AR/ColorPicker.resw b/src/dev/impl/DevToys/Strings/es-AR/ColorPicker.resw
index 37eb818101..c23972b15c 100644
--- a/src/dev/impl/DevToys/Strings/es-AR/ColorPicker.resw
+++ b/src/dev/impl/DevToys/Strings/es-AR/ColorPicker.resw
@@ -118,25 +118,22 @@
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
   <data name="AccessibleName" xml:space="preserve">
-    <value>Color Picker tool</value>
+    <value>Color Picker and contrast ratio tool</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="Description" xml:space="preserve">
-    <value>Pick up a color</value>
+    <value>Pick up a color or two and validate the contrast ratio</value>
   </data>
   <data name="SearchDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="SearchKeywords" xml:space="preserve">
-    <value></value>
+    <value>RGB WCAG</value>
   </data>
-  <data name="BlackText" xml:space="preserve">
-    <value>Black text</value>
-  </data>
-  <data name="ColorPicker" xml:space="preserve">
-    <value>Color picker</value>
+  <data name="TextColor" xml:space="preserve">
+    <value>Text color</value>
   </data>
   <data name="Configuration" xml:space="preserve">
     <value>Configuración</value>
@@ -153,7 +150,36 @@
   <data name="SelectedColor" xml:space="preserve">
     <value>Selected color</value>
   </data>
-  <data name="WhiteText" xml:space="preserve">
-    <value>White text</value>
+  <data name="BackgroundColor" xml:space="preserve">
+    <value>Background color</value>
+  </data>
+  <data name="ContrastRatio" xml:space="preserve">
+    <value>Contrast ratio</value>
+  </data>
+  <data name="Fail" xml:space="preserve">
+    <value>Fail</value>
+  </data>
+  <data name="LargeText" xml:space="preserve">
+    <value>Large text</value>
+  </data>
+  <data name="Pass" xml:space="preserve">
+    <value>Pass</value>
+  </data>
+  <data name="SampleText" xml:space="preserve">
+    <value>Sit kasd feugait takimata in eirmod sadipscing sanctus consectetuer voluptua dolor dolor dolore rebum.</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SampleTextTitle" xml:space="preserve">
+    <value>Lorem ipsum dolor</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SmallText" xml:space="preserve">
+    <value>Small text</value>
+  </data>
+  <data name="WCAG_AA" xml:space="preserve">
+    <value>WCAG AA</value>
+  </data>
+  <data name="WCAG_AAA" xml:space="preserve">
+    <value>WCAG AAA</value>
   </data>
 </root>
\ No newline at end of file
diff --git a/src/dev/impl/DevToys/Strings/es-ES/ColorPicker.resw b/src/dev/impl/DevToys/Strings/es-ES/ColorPicker.resw
index 37eb818101..c23972b15c 100644
--- a/src/dev/impl/DevToys/Strings/es-ES/ColorPicker.resw
+++ b/src/dev/impl/DevToys/Strings/es-ES/ColorPicker.resw
@@ -118,25 +118,22 @@
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
   <data name="AccessibleName" xml:space="preserve">
-    <value>Color Picker tool</value>
+    <value>Color Picker and contrast ratio tool</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="Description" xml:space="preserve">
-    <value>Pick up a color</value>
+    <value>Pick up a color or two and validate the contrast ratio</value>
   </data>
   <data name="SearchDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="SearchKeywords" xml:space="preserve">
-    <value></value>
+    <value>RGB WCAG</value>
   </data>
-  <data name="BlackText" xml:space="preserve">
-    <value>Black text</value>
-  </data>
-  <data name="ColorPicker" xml:space="preserve">
-    <value>Color picker</value>
+  <data name="TextColor" xml:space="preserve">
+    <value>Text color</value>
   </data>
   <data name="Configuration" xml:space="preserve">
     <value>Configuración</value>
@@ -153,7 +150,36 @@
   <data name="SelectedColor" xml:space="preserve">
     <value>Selected color</value>
   </data>
-  <data name="WhiteText" xml:space="preserve">
-    <value>White text</value>
+  <data name="BackgroundColor" xml:space="preserve">
+    <value>Background color</value>
+  </data>
+  <data name="ContrastRatio" xml:space="preserve">
+    <value>Contrast ratio</value>
+  </data>
+  <data name="Fail" xml:space="preserve">
+    <value>Fail</value>
+  </data>
+  <data name="LargeText" xml:space="preserve">
+    <value>Large text</value>
+  </data>
+  <data name="Pass" xml:space="preserve">
+    <value>Pass</value>
+  </data>
+  <data name="SampleText" xml:space="preserve">
+    <value>Sit kasd feugait takimata in eirmod sadipscing sanctus consectetuer voluptua dolor dolor dolore rebum.</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SampleTextTitle" xml:space="preserve">
+    <value>Lorem ipsum dolor</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SmallText" xml:space="preserve">
+    <value>Small text</value>
+  </data>
+  <data name="WCAG_AA" xml:space="preserve">
+    <value>WCAG AA</value>
+  </data>
+  <data name="WCAG_AAA" xml:space="preserve">
+    <value>WCAG AAA</value>
   </data>
 </root>
\ No newline at end of file
diff --git a/src/dev/impl/DevToys/Strings/fi-FI/ColorPicker.resw b/src/dev/impl/DevToys/Strings/fi-FI/ColorPicker.resw
index c514326b7c..e04b9a021a 100644
--- a/src/dev/impl/DevToys/Strings/fi-FI/ColorPicker.resw
+++ b/src/dev/impl/DevToys/Strings/fi-FI/ColorPicker.resw
@@ -118,25 +118,22 @@
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
   <data name="AccessibleName" xml:space="preserve">
-    <value>Color Picker tool</value>
+    <value>Color Picker and contrast ratio tool</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="Description" xml:space="preserve">
-    <value>Pick up a color</value>
+    <value>Pick up a color or two and validate the contrast ratio</value>
   </data>
   <data name="SearchDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="SearchKeywords" xml:space="preserve">
-    <value></value>
+    <value>RGB WCAG</value>
   </data>
-  <data name="BlackText" xml:space="preserve">
-    <value>Black text</value>
-  </data>
-  <data name="ColorPicker" xml:space="preserve">
-    <value>Color picker</value>
+  <data name="TextColor" xml:space="preserve">
+    <value>Text color</value>
   </data>
   <data name="Configuration" xml:space="preserve">
     <value>Configuration</value>
@@ -153,7 +150,36 @@
   <data name="SelectedColor" xml:space="preserve">
     <value>Selected color</value>
   </data>
-  <data name="WhiteText" xml:space="preserve">
-    <value>White text</value>
+  <data name="BackgroundColor" xml:space="preserve">
+    <value>Background color</value>
+  </data>
+  <data name="ContrastRatio" xml:space="preserve">
+    <value>Contrast ratio</value>
+  </data>
+  <data name="Fail" xml:space="preserve">
+    <value>Fail</value>
+  </data>
+  <data name="LargeText" xml:space="preserve">
+    <value>Large text</value>
+  </data>
+  <data name="Pass" xml:space="preserve">
+    <value>Pass</value>
+  </data>
+  <data name="SampleText" xml:space="preserve">
+    <value>Sit kasd feugait takimata in eirmod sadipscing sanctus consectetuer voluptua dolor dolor dolore rebum.</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SampleTextTitle" xml:space="preserve">
+    <value>Lorem ipsum dolor</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SmallText" xml:space="preserve">
+    <value>Small text</value>
+  </data>
+  <data name="WCAG_AA" xml:space="preserve">
+    <value>WCAG AA</value>
+  </data>
+  <data name="WCAG_AAA" xml:space="preserve">
+    <value>WCAG AAA</value>
   </data>
 </root>
\ No newline at end of file
diff --git a/src/dev/impl/DevToys/Strings/fr-FR/ColorPicker.resw b/src/dev/impl/DevToys/Strings/fr-FR/ColorPicker.resw
index 3d4159d3e2..c6143a4681 100644
--- a/src/dev/impl/DevToys/Strings/fr-FR/ColorPicker.resw
+++ b/src/dev/impl/DevToys/Strings/fr-FR/ColorPicker.resw
@@ -118,25 +118,22 @@
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
   <data name="AccessibleName" xml:space="preserve">
-    <value>Outil de sélection de couleur</value>
+    <value>Color Picker and contrast ratio tool</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
-    <value>Sélecteur de couleur</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="Description" xml:space="preserve">
-    <value>Choisir une couleur</value>
+    <value>Pick up a color or two and validate the contrast ratio</value>
   </data>
   <data name="SearchDisplayName" xml:space="preserve">
-    <value>Sélecteur de couleur</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="SearchKeywords" xml:space="preserve">
-    <value></value>
+    <value>RGB WCAG</value>
   </data>
-  <data name="BlackText" xml:space="preserve">
-    <value>Texte noir</value>
-  </data>
-  <data name="ColorPicker" xml:space="preserve">
-    <value>Sélecteur de couleur</value>
+  <data name="TextColor" xml:space="preserve">
+    <value>Text color</value>
   </data>
   <data name="Configuration" xml:space="preserve">
     <value>Configuration</value>
@@ -153,7 +150,36 @@
   <data name="SelectedColor" xml:space="preserve">
     <value>Couleur sélectionnée</value>
   </data>
-  <data name="WhiteText" xml:space="preserve">
-    <value>Texte blanc</value>
+  <data name="BackgroundColor" xml:space="preserve">
+    <value>Background color</value>
+  </data>
+  <data name="ContrastRatio" xml:space="preserve">
+    <value>Contrast ratio</value>
+  </data>
+  <data name="Fail" xml:space="preserve">
+    <value>Fail</value>
+  </data>
+  <data name="LargeText" xml:space="preserve">
+    <value>Large text</value>
+  </data>
+  <data name="Pass" xml:space="preserve">
+    <value>Pass</value>
+  </data>
+  <data name="SampleText" xml:space="preserve">
+    <value>Sit kasd feugait takimata in eirmod sadipscing sanctus consectetuer voluptua dolor dolor dolore rebum.</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SampleTextTitle" xml:space="preserve">
+    <value>Lorem ipsum dolor</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SmallText" xml:space="preserve">
+    <value>Small text</value>
+  </data>
+  <data name="WCAG_AA" xml:space="preserve">
+    <value>WCAG AA</value>
+  </data>
+  <data name="WCAG_AAA" xml:space="preserve">
+    <value>WCAG AAA</value>
   </data>
 </root>
\ No newline at end of file
diff --git a/src/dev/impl/DevToys/Strings/he-IL/ColorPicker.resw b/src/dev/impl/DevToys/Strings/he-IL/ColorPicker.resw
index c514326b7c..e04b9a021a 100644
--- a/src/dev/impl/DevToys/Strings/he-IL/ColorPicker.resw
+++ b/src/dev/impl/DevToys/Strings/he-IL/ColorPicker.resw
@@ -118,25 +118,22 @@
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
   <data name="AccessibleName" xml:space="preserve">
-    <value>Color Picker tool</value>
+    <value>Color Picker and contrast ratio tool</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="Description" xml:space="preserve">
-    <value>Pick up a color</value>
+    <value>Pick up a color or two and validate the contrast ratio</value>
   </data>
   <data name="SearchDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="SearchKeywords" xml:space="preserve">
-    <value></value>
+    <value>RGB WCAG</value>
   </data>
-  <data name="BlackText" xml:space="preserve">
-    <value>Black text</value>
-  </data>
-  <data name="ColorPicker" xml:space="preserve">
-    <value>Color picker</value>
+  <data name="TextColor" xml:space="preserve">
+    <value>Text color</value>
   </data>
   <data name="Configuration" xml:space="preserve">
     <value>Configuration</value>
@@ -153,7 +150,36 @@
   <data name="SelectedColor" xml:space="preserve">
     <value>Selected color</value>
   </data>
-  <data name="WhiteText" xml:space="preserve">
-    <value>White text</value>
+  <data name="BackgroundColor" xml:space="preserve">
+    <value>Background color</value>
+  </data>
+  <data name="ContrastRatio" xml:space="preserve">
+    <value>Contrast ratio</value>
+  </data>
+  <data name="Fail" xml:space="preserve">
+    <value>Fail</value>
+  </data>
+  <data name="LargeText" xml:space="preserve">
+    <value>Large text</value>
+  </data>
+  <data name="Pass" xml:space="preserve">
+    <value>Pass</value>
+  </data>
+  <data name="SampleText" xml:space="preserve">
+    <value>Sit kasd feugait takimata in eirmod sadipscing sanctus consectetuer voluptua dolor dolor dolore rebum.</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SampleTextTitle" xml:space="preserve">
+    <value>Lorem ipsum dolor</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SmallText" xml:space="preserve">
+    <value>Small text</value>
+  </data>
+  <data name="WCAG_AA" xml:space="preserve">
+    <value>WCAG AA</value>
+  </data>
+  <data name="WCAG_AAA" xml:space="preserve">
+    <value>WCAG AAA</value>
   </data>
 </root>
\ No newline at end of file
diff --git a/src/dev/impl/DevToys/Strings/hu-HU/ColorPicker.resw b/src/dev/impl/DevToys/Strings/hu-HU/ColorPicker.resw
index a4626752be..e5b399ff56 100644
--- a/src/dev/impl/DevToys/Strings/hu-HU/ColorPicker.resw
+++ b/src/dev/impl/DevToys/Strings/hu-HU/ColorPicker.resw
@@ -118,25 +118,22 @@
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
   <data name="AccessibleName" xml:space="preserve">
-    <value>Color Picker tool</value>
+    <value>Color Picker and contrast ratio tool</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="Description" xml:space="preserve">
-    <value>Pick up a color</value>
+    <value>Pick up a color or two and validate the contrast ratio</value>
   </data>
   <data name="SearchDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="SearchKeywords" xml:space="preserve">
-    <value></value>
+    <value>RGB WCAG</value>
   </data>
-  <data name="BlackText" xml:space="preserve">
-    <value>Black text</value>
-  </data>
-  <data name="ColorPicker" xml:space="preserve">
-    <value>Color picker</value>
+  <data name="TextColor" xml:space="preserve">
+    <value>Text color</value>
   </data>
   <data name="Configuration" xml:space="preserve">
     <value>Konfiguráció</value>
@@ -153,7 +150,36 @@
   <data name="SelectedColor" xml:space="preserve">
     <value>Selected color</value>
   </data>
-  <data name="WhiteText" xml:space="preserve">
-    <value>White text</value>
+  <data name="BackgroundColor" xml:space="preserve">
+    <value>Background color</value>
+  </data>
+  <data name="ContrastRatio" xml:space="preserve">
+    <value>Contrast ratio</value>
+  </data>
+  <data name="Fail" xml:space="preserve">
+    <value>Fail</value>
+  </data>
+  <data name="LargeText" xml:space="preserve">
+    <value>Large text</value>
+  </data>
+  <data name="Pass" xml:space="preserve">
+    <value>Pass</value>
+  </data>
+  <data name="SampleText" xml:space="preserve">
+    <value>Sit kasd feugait takimata in eirmod sadipscing sanctus consectetuer voluptua dolor dolor dolore rebum.</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SampleTextTitle" xml:space="preserve">
+    <value>Lorem ipsum dolor</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SmallText" xml:space="preserve">
+    <value>Small text</value>
+  </data>
+  <data name="WCAG_AA" xml:space="preserve">
+    <value>WCAG AA</value>
+  </data>
+  <data name="WCAG_AAA" xml:space="preserve">
+    <value>WCAG AAA</value>
   </data>
 </root>
\ No newline at end of file
diff --git a/src/dev/impl/DevToys/Strings/id-ID/ColorPicker.resw b/src/dev/impl/DevToys/Strings/id-ID/ColorPicker.resw
index 834602316c..d56c401acb 100644
--- a/src/dev/impl/DevToys/Strings/id-ID/ColorPicker.resw
+++ b/src/dev/impl/DevToys/Strings/id-ID/ColorPicker.resw
@@ -118,25 +118,22 @@
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
   <data name="AccessibleName" xml:space="preserve">
-    <value>Color Picker tool</value>
+    <value>Color Picker and contrast ratio tool</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="Description" xml:space="preserve">
-    <value>Pick up a color</value>
+    <value>Pick up a color or two and validate the contrast ratio</value>
   </data>
   <data name="SearchDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="SearchKeywords" xml:space="preserve">
-    <value></value>
+    <value>RGB WCAG</value>
   </data>
-  <data name="BlackText" xml:space="preserve">
-    <value>Black text</value>
-  </data>
-  <data name="ColorPicker" xml:space="preserve">
-    <value>Color picker</value>
+  <data name="TextColor" xml:space="preserve">
+    <value>Text color</value>
   </data>
   <data name="Configuration" xml:space="preserve">
     <value>Konfigurasi</value>
@@ -153,7 +150,36 @@
   <data name="SelectedColor" xml:space="preserve">
     <value>Selected color</value>
   </data>
-  <data name="WhiteText" xml:space="preserve">
-    <value>White text</value>
+  <data name="BackgroundColor" xml:space="preserve">
+    <value>Background color</value>
+  </data>
+  <data name="ContrastRatio" xml:space="preserve">
+    <value>Contrast ratio</value>
+  </data>
+  <data name="Fail" xml:space="preserve">
+    <value>Fail</value>
+  </data>
+  <data name="LargeText" xml:space="preserve">
+    <value>Large text</value>
+  </data>
+  <data name="Pass" xml:space="preserve">
+    <value>Pass</value>
+  </data>
+  <data name="SampleText" xml:space="preserve">
+    <value>Sit kasd feugait takimata in eirmod sadipscing sanctus consectetuer voluptua dolor dolor dolore rebum.</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SampleTextTitle" xml:space="preserve">
+    <value>Lorem ipsum dolor</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SmallText" xml:space="preserve">
+    <value>Small text</value>
+  </data>
+  <data name="WCAG_AA" xml:space="preserve">
+    <value>WCAG AA</value>
+  </data>
+  <data name="WCAG_AAA" xml:space="preserve">
+    <value>WCAG AAA</value>
   </data>
 </root>
\ No newline at end of file
diff --git a/src/dev/impl/DevToys/Strings/it-IT/ColorPicker.resw b/src/dev/impl/DevToys/Strings/it-IT/ColorPicker.resw
index 8c41abb249..fb5310e2e0 100644
--- a/src/dev/impl/DevToys/Strings/it-IT/ColorPicker.resw
+++ b/src/dev/impl/DevToys/Strings/it-IT/ColorPicker.resw
@@ -118,25 +118,22 @@
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
   <data name="AccessibleName" xml:space="preserve">
-    <value>Color Picker tool</value>
+    <value>Color Picker and contrast ratio tool</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="Description" xml:space="preserve">
-    <value>Pick up a color</value>
+    <value>Pick up a color or two and validate the contrast ratio</value>
   </data>
   <data name="SearchDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="SearchKeywords" xml:space="preserve">
-    <value></value>
+    <value>RGB WCAG</value>
   </data>
-  <data name="BlackText" xml:space="preserve">
-    <value>Black text</value>
-  </data>
-  <data name="ColorPicker" xml:space="preserve">
-    <value>Color picker</value>
+  <data name="TextColor" xml:space="preserve">
+    <value>Text color</value>
   </data>
   <data name="Configuration" xml:space="preserve">
     <value>Configurazione</value>
@@ -153,7 +150,36 @@
   <data name="SelectedColor" xml:space="preserve">
     <value>Selected color</value>
   </data>
-  <data name="WhiteText" xml:space="preserve">
-    <value>White text</value>
+  <data name="BackgroundColor" xml:space="preserve">
+    <value>Background color</value>
+  </data>
+  <data name="ContrastRatio" xml:space="preserve">
+    <value>Contrast ratio</value>
+  </data>
+  <data name="Fail" xml:space="preserve">
+    <value>Fail</value>
+  </data>
+  <data name="LargeText" xml:space="preserve">
+    <value>Large text</value>
+  </data>
+  <data name="Pass" xml:space="preserve">
+    <value>Pass</value>
+  </data>
+  <data name="SampleText" xml:space="preserve">
+    <value>Sit kasd feugait takimata in eirmod sadipscing sanctus consectetuer voluptua dolor dolor dolore rebum.</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SampleTextTitle" xml:space="preserve">
+    <value>Lorem ipsum dolor</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SmallText" xml:space="preserve">
+    <value>Small text</value>
+  </data>
+  <data name="WCAG_AA" xml:space="preserve">
+    <value>WCAG AA</value>
+  </data>
+  <data name="WCAG_AAA" xml:space="preserve">
+    <value>WCAG AAA</value>
   </data>
 </root>
\ No newline at end of file
diff --git a/src/dev/impl/DevToys/Strings/ja-JP/ColorPicker.resw b/src/dev/impl/DevToys/Strings/ja-JP/ColorPicker.resw
index f1eebf2392..968ceaa542 100644
--- a/src/dev/impl/DevToys/Strings/ja-JP/ColorPicker.resw
+++ b/src/dev/impl/DevToys/Strings/ja-JP/ColorPicker.resw
@@ -118,25 +118,22 @@
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
   <data name="AccessibleName" xml:space="preserve">
-    <value>カラーピッカーツール</value>
+    <value>カラーピッカーとコントラスト比の確認ツール</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
-    <value>カラーピッカー</value>
+    <value>カラーピッカーとコントラスト</value>
   </data>
   <data name="Description" xml:space="preserve">
-    <value>数値またはカラーランプを使用した色の確認</value>
+    <value>色と値の変換とWCAG基準のコントラスト比の検証</value>
   </data>
   <data name="SearchDisplayName" xml:space="preserve">
-    <value>カラーピッカー</value>
+    <value>カラーピッカーとコントラスト</value>
   </data>
   <data name="SearchKeywords" xml:space="preserve">
-    <value></value>
+    <value>RGB WCAG HSV HSL 色</value>
   </data>
-  <data name="BlackText" xml:space="preserve">
-    <value>サンプルテキスト(黒)</value>
-  </data>
-  <data name="ColorPicker" xml:space="preserve">
-    <value>カラーランプ</value>
+  <data name="TextColor" xml:space="preserve">
+    <value>テキストの色</value>
   </data>
   <data name="Configuration" xml:space="preserve">
     <value>構成</value>
@@ -153,7 +150,36 @@
   <data name="SelectedColor" xml:space="preserve">
     <value>色のプレビュー</value>
   </data>
-  <data name="WhiteText" xml:space="preserve">
-    <value>サンプルテキスト(白)</value>
+  <data name="BackgroundColor" xml:space="preserve">
+    <value>背景の色</value>
+  </data>
+  <data name="ContrastRatio" xml:space="preserve">
+    <value>コントラスト比</value>
+  </data>
+  <data name="Fail" xml:space="preserve">
+    <value>不適合</value>
+  </data>
+  <data name="LargeText" xml:space="preserve">
+    <value>大きなフォント</value>
+  </data>
+  <data name="Pass" xml:space="preserve">
+    <value>適合</value>
+  </data>
+  <data name="SampleText" xml:space="preserve">
+    <value>Sit kasd feugait takimata in eirmod sadipscing sanctus consectetuer voluptua dolor dolor dolore rebum. そして、小さなフォント。</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SampleTextTitle" xml:space="preserve">
+    <value>Lorem ipsum dolor / 大きなフォント</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SmallText" xml:space="preserve">
+    <value>小さなフォント</value>
+  </data>
+  <data name="WCAG_AA" xml:space="preserve">
+    <value>WCAG 適合レベル : AA</value>
+  </data>
+  <data name="WCAG_AAA" xml:space="preserve">
+    <value>WCAG 適合レベル : AAA</value>
   </data>
 </root>
\ No newline at end of file
diff --git a/src/dev/impl/DevToys/Strings/ko-KR/ColorPicker.resw b/src/dev/impl/DevToys/Strings/ko-KR/ColorPicker.resw
index ebe7200539..f1516d0b9f 100644
--- a/src/dev/impl/DevToys/Strings/ko-KR/ColorPicker.resw
+++ b/src/dev/impl/DevToys/Strings/ko-KR/ColorPicker.resw
@@ -118,25 +118,22 @@
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
   <data name="AccessibleName" xml:space="preserve">
-    <value>색상 선택 도구</value>
+    <value>색상 선택기 및 대비 비율 도구</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
-    <value>색상 선택기</value>
+    <value>색상 선택기 및 대비</value>
   </data>
   <data name="Description" xml:space="preserve">
-    <value>색상을 선택</value>
+    <value>한두 가지 색상을 선택하고 대비 비율을 확인합니다</value>
   </data>
   <data name="SearchDisplayName" xml:space="preserve">
-    <value>색상 선택기</value>
+    <value>색상 선택기 및 대비</value>
   </data>
   <data name="SearchKeywords" xml:space="preserve">
-    <value></value>
+    <value>RGB WCAG</value>
   </data>
-  <data name="BlackText" xml:space="preserve">
-    <value>검은 텍스트</value>
-  </data>
-  <data name="ColorPicker" xml:space="preserve">
-    <value>색상 선택기</value>
+  <data name="TextColor" xml:space="preserve">
+    <value>텍스트 색상</value>
   </data>
   <data name="Configuration" xml:space="preserve">
     <value>구성</value>
@@ -153,7 +150,36 @@
   <data name="SelectedColor" xml:space="preserve">
     <value>선택한 색상</value>
   </data>
-  <data name="WhiteText" xml:space="preserve">
-    <value>흰색 텍스트</value>
+  <data name="BackgroundColor" xml:space="preserve">
+    <value>배경색</value>
+  </data>
+  <data name="ContrastRatio" xml:space="preserve">
+    <value>대비 비율</value>
+  </data>
+  <data name="Fail" xml:space="preserve">
+    <value>실패</value>
+  </data>
+  <data name="LargeText" xml:space="preserve">
+    <value>큰 텍스트</value>
+  </data>
+  <data name="Pass" xml:space="preserve">
+    <value>통과</value>
+  </data>
+  <data name="SampleText" xml:space="preserve">
+    <value>Sit kasd feugait takimata in eirmod sadipscing sanctus consectetuer voluptua dolor dolor dolore rebum.</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SampleTextTitle" xml:space="preserve">
+    <value>Lorem ipsum dolor</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SmallText" xml:space="preserve">
+    <value>작은 텍스트</value>
+  </data>
+  <data name="WCAG_AA" xml:space="preserve">
+    <value>WCAG AA</value>
+  </data>
+  <data name="WCAG_AAA" xml:space="preserve">
+    <value>WCAG AAA</value>
   </data>
 </root>
\ No newline at end of file
diff --git a/src/dev/impl/DevToys/Strings/nb/ColorPicker.resw b/src/dev/impl/DevToys/Strings/nb/ColorPicker.resw
index c514326b7c..e04b9a021a 100644
--- a/src/dev/impl/DevToys/Strings/nb/ColorPicker.resw
+++ b/src/dev/impl/DevToys/Strings/nb/ColorPicker.resw
@@ -118,25 +118,22 @@
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
   <data name="AccessibleName" xml:space="preserve">
-    <value>Color Picker tool</value>
+    <value>Color Picker and contrast ratio tool</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="Description" xml:space="preserve">
-    <value>Pick up a color</value>
+    <value>Pick up a color or two and validate the contrast ratio</value>
   </data>
   <data name="SearchDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="SearchKeywords" xml:space="preserve">
-    <value></value>
+    <value>RGB WCAG</value>
   </data>
-  <data name="BlackText" xml:space="preserve">
-    <value>Black text</value>
-  </data>
-  <data name="ColorPicker" xml:space="preserve">
-    <value>Color picker</value>
+  <data name="TextColor" xml:space="preserve">
+    <value>Text color</value>
   </data>
   <data name="Configuration" xml:space="preserve">
     <value>Configuration</value>
@@ -153,7 +150,36 @@
   <data name="SelectedColor" xml:space="preserve">
     <value>Selected color</value>
   </data>
-  <data name="WhiteText" xml:space="preserve">
-    <value>White text</value>
+  <data name="BackgroundColor" xml:space="preserve">
+    <value>Background color</value>
+  </data>
+  <data name="ContrastRatio" xml:space="preserve">
+    <value>Contrast ratio</value>
+  </data>
+  <data name="Fail" xml:space="preserve">
+    <value>Fail</value>
+  </data>
+  <data name="LargeText" xml:space="preserve">
+    <value>Large text</value>
+  </data>
+  <data name="Pass" xml:space="preserve">
+    <value>Pass</value>
+  </data>
+  <data name="SampleText" xml:space="preserve">
+    <value>Sit kasd feugait takimata in eirmod sadipscing sanctus consectetuer voluptua dolor dolor dolore rebum.</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SampleTextTitle" xml:space="preserve">
+    <value>Lorem ipsum dolor</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SmallText" xml:space="preserve">
+    <value>Small text</value>
+  </data>
+  <data name="WCAG_AA" xml:space="preserve">
+    <value>WCAG AA</value>
+  </data>
+  <data name="WCAG_AAA" xml:space="preserve">
+    <value>WCAG AAA</value>
   </data>
 </root>
\ No newline at end of file
diff --git a/src/dev/impl/DevToys/Strings/nl-NL/ColorPicker.resw b/src/dev/impl/DevToys/Strings/nl-NL/ColorPicker.resw
index c514326b7c..e04b9a021a 100644
--- a/src/dev/impl/DevToys/Strings/nl-NL/ColorPicker.resw
+++ b/src/dev/impl/DevToys/Strings/nl-NL/ColorPicker.resw
@@ -118,25 +118,22 @@
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
   <data name="AccessibleName" xml:space="preserve">
-    <value>Color Picker tool</value>
+    <value>Color Picker and contrast ratio tool</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="Description" xml:space="preserve">
-    <value>Pick up a color</value>
+    <value>Pick up a color or two and validate the contrast ratio</value>
   </data>
   <data name="SearchDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="SearchKeywords" xml:space="preserve">
-    <value></value>
+    <value>RGB WCAG</value>
   </data>
-  <data name="BlackText" xml:space="preserve">
-    <value>Black text</value>
-  </data>
-  <data name="ColorPicker" xml:space="preserve">
-    <value>Color picker</value>
+  <data name="TextColor" xml:space="preserve">
+    <value>Text color</value>
   </data>
   <data name="Configuration" xml:space="preserve">
     <value>Configuration</value>
@@ -153,7 +150,36 @@
   <data name="SelectedColor" xml:space="preserve">
     <value>Selected color</value>
   </data>
-  <data name="WhiteText" xml:space="preserve">
-    <value>White text</value>
+  <data name="BackgroundColor" xml:space="preserve">
+    <value>Background color</value>
+  </data>
+  <data name="ContrastRatio" xml:space="preserve">
+    <value>Contrast ratio</value>
+  </data>
+  <data name="Fail" xml:space="preserve">
+    <value>Fail</value>
+  </data>
+  <data name="LargeText" xml:space="preserve">
+    <value>Large text</value>
+  </data>
+  <data name="Pass" xml:space="preserve">
+    <value>Pass</value>
+  </data>
+  <data name="SampleText" xml:space="preserve">
+    <value>Sit kasd feugait takimata in eirmod sadipscing sanctus consectetuer voluptua dolor dolor dolore rebum.</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SampleTextTitle" xml:space="preserve">
+    <value>Lorem ipsum dolor</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SmallText" xml:space="preserve">
+    <value>Small text</value>
+  </data>
+  <data name="WCAG_AA" xml:space="preserve">
+    <value>WCAG AA</value>
+  </data>
+  <data name="WCAG_AAA" xml:space="preserve">
+    <value>WCAG AAA</value>
   </data>
 </root>
\ No newline at end of file
diff --git a/src/dev/impl/DevToys/Strings/pl-PL/ColorPicker.resw b/src/dev/impl/DevToys/Strings/pl-PL/ColorPicker.resw
index 0c287dad2b..8d259f6607 100644
--- a/src/dev/impl/DevToys/Strings/pl-PL/ColorPicker.resw
+++ b/src/dev/impl/DevToys/Strings/pl-PL/ColorPicker.resw
@@ -118,25 +118,22 @@
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
   <data name="AccessibleName" xml:space="preserve">
-    <value>Color Picker tool</value>
+    <value>Color Picker and contrast ratio tool</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="Description" xml:space="preserve">
-    <value>Pick up a color</value>
+    <value>Pick up a color or two and validate the contrast ratio</value>
   </data>
   <data name="SearchDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="SearchKeywords" xml:space="preserve">
-    <value></value>
+    <value>RGB WCAG</value>
   </data>
-  <data name="BlackText" xml:space="preserve">
-    <value>Black text</value>
-  </data>
-  <data name="ColorPicker" xml:space="preserve">
-    <value>Color picker</value>
+  <data name="TextColor" xml:space="preserve">
+    <value>Text color</value>
   </data>
   <data name="Configuration" xml:space="preserve">
     <value>Konfiguracja</value>
@@ -153,7 +150,36 @@
   <data name="SelectedColor" xml:space="preserve">
     <value>Selected color</value>
   </data>
-  <data name="WhiteText" xml:space="preserve">
-    <value>White text</value>
+  <data name="BackgroundColor" xml:space="preserve">
+    <value>Background color</value>
+  </data>
+  <data name="ContrastRatio" xml:space="preserve">
+    <value>Contrast ratio</value>
+  </data>
+  <data name="Fail" xml:space="preserve">
+    <value>Fail</value>
+  </data>
+  <data name="LargeText" xml:space="preserve">
+    <value>Large text</value>
+  </data>
+  <data name="Pass" xml:space="preserve">
+    <value>Pass</value>
+  </data>
+  <data name="SampleText" xml:space="preserve">
+    <value>Sit kasd feugait takimata in eirmod sadipscing sanctus consectetuer voluptua dolor dolor dolore rebum.</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SampleTextTitle" xml:space="preserve">
+    <value>Lorem ipsum dolor</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SmallText" xml:space="preserve">
+    <value>Small text</value>
+  </data>
+  <data name="WCAG_AA" xml:space="preserve">
+    <value>WCAG AA</value>
+  </data>
+  <data name="WCAG_AAA" xml:space="preserve">
+    <value>WCAG AAA</value>
   </data>
 </root>
\ No newline at end of file
diff --git a/src/dev/impl/DevToys/Strings/pt-BR/ColorPicker.resw b/src/dev/impl/DevToys/Strings/pt-BR/ColorPicker.resw
index aa75b7bb93..f2c99b46c6 100644
--- a/src/dev/impl/DevToys/Strings/pt-BR/ColorPicker.resw
+++ b/src/dev/impl/DevToys/Strings/pt-BR/ColorPicker.resw
@@ -118,25 +118,22 @@
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
   <data name="AccessibleName" xml:space="preserve">
-    <value>Color Picker tool</value>
+    <value>Color Picker and contrast ratio tool</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="Description" xml:space="preserve">
-    <value>Pick up a color</value>
+    <value>Pick up a color or two and validate the contrast ratio</value>
   </data>
   <data name="SearchDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="SearchKeywords" xml:space="preserve">
-    <value></value>
+    <value>RGB WCAG</value>
   </data>
-  <data name="BlackText" xml:space="preserve">
-    <value>Black text</value>
-  </data>
-  <data name="ColorPicker" xml:space="preserve">
-    <value>Color picker</value>
+  <data name="TextColor" xml:space="preserve">
+    <value>Text color</value>
   </data>
   <data name="Configuration" xml:space="preserve">
     <value>Configuração</value>
@@ -153,7 +150,36 @@
   <data name="SelectedColor" xml:space="preserve">
     <value>Selected color</value>
   </data>
-  <data name="WhiteText" xml:space="preserve">
-    <value>White text</value>
+  <data name="BackgroundColor" xml:space="preserve">
+    <value>Background color</value>
+  </data>
+  <data name="ContrastRatio" xml:space="preserve">
+    <value>Contrast ratio</value>
+  </data>
+  <data name="Fail" xml:space="preserve">
+    <value>Fail</value>
+  </data>
+  <data name="LargeText" xml:space="preserve">
+    <value>Large text</value>
+  </data>
+  <data name="Pass" xml:space="preserve">
+    <value>Pass</value>
+  </data>
+  <data name="SampleText" xml:space="preserve">
+    <value>Sit kasd feugait takimata in eirmod sadipscing sanctus consectetuer voluptua dolor dolor dolore rebum.</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SampleTextTitle" xml:space="preserve">
+    <value>Lorem ipsum dolor</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SmallText" xml:space="preserve">
+    <value>Small text</value>
+  </data>
+  <data name="WCAG_AA" xml:space="preserve">
+    <value>WCAG AA</value>
+  </data>
+  <data name="WCAG_AAA" xml:space="preserve">
+    <value>WCAG AAA</value>
   </data>
 </root>
\ No newline at end of file
diff --git a/src/dev/impl/DevToys/Strings/pt-PT/ColorPicker.resw b/src/dev/impl/DevToys/Strings/pt-PT/ColorPicker.resw
index aa75b7bb93..f2c99b46c6 100644
--- a/src/dev/impl/DevToys/Strings/pt-PT/ColorPicker.resw
+++ b/src/dev/impl/DevToys/Strings/pt-PT/ColorPicker.resw
@@ -118,25 +118,22 @@
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
   <data name="AccessibleName" xml:space="preserve">
-    <value>Color Picker tool</value>
+    <value>Color Picker and contrast ratio tool</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="Description" xml:space="preserve">
-    <value>Pick up a color</value>
+    <value>Pick up a color or two and validate the contrast ratio</value>
   </data>
   <data name="SearchDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="SearchKeywords" xml:space="preserve">
-    <value></value>
+    <value>RGB WCAG</value>
   </data>
-  <data name="BlackText" xml:space="preserve">
-    <value>Black text</value>
-  </data>
-  <data name="ColorPicker" xml:space="preserve">
-    <value>Color picker</value>
+  <data name="TextColor" xml:space="preserve">
+    <value>Text color</value>
   </data>
   <data name="Configuration" xml:space="preserve">
     <value>Configuração</value>
@@ -153,7 +150,36 @@
   <data name="SelectedColor" xml:space="preserve">
     <value>Selected color</value>
   </data>
-  <data name="WhiteText" xml:space="preserve">
-    <value>White text</value>
+  <data name="BackgroundColor" xml:space="preserve">
+    <value>Background color</value>
+  </data>
+  <data name="ContrastRatio" xml:space="preserve">
+    <value>Contrast ratio</value>
+  </data>
+  <data name="Fail" xml:space="preserve">
+    <value>Fail</value>
+  </data>
+  <data name="LargeText" xml:space="preserve">
+    <value>Large text</value>
+  </data>
+  <data name="Pass" xml:space="preserve">
+    <value>Pass</value>
+  </data>
+  <data name="SampleText" xml:space="preserve">
+    <value>Sit kasd feugait takimata in eirmod sadipscing sanctus consectetuer voluptua dolor dolor dolore rebum.</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SampleTextTitle" xml:space="preserve">
+    <value>Lorem ipsum dolor</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SmallText" xml:space="preserve">
+    <value>Small text</value>
+  </data>
+  <data name="WCAG_AA" xml:space="preserve">
+    <value>WCAG AA</value>
+  </data>
+  <data name="WCAG_AAA" xml:space="preserve">
+    <value>WCAG AAA</value>
   </data>
 </root>
\ No newline at end of file
diff --git a/src/dev/impl/DevToys/Strings/ro-RO/ColorPicker.resw b/src/dev/impl/DevToys/Strings/ro-RO/ColorPicker.resw
index c514326b7c..e04b9a021a 100644
--- a/src/dev/impl/DevToys/Strings/ro-RO/ColorPicker.resw
+++ b/src/dev/impl/DevToys/Strings/ro-RO/ColorPicker.resw
@@ -118,25 +118,22 @@
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
   <data name="AccessibleName" xml:space="preserve">
-    <value>Color Picker tool</value>
+    <value>Color Picker and contrast ratio tool</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="Description" xml:space="preserve">
-    <value>Pick up a color</value>
+    <value>Pick up a color or two and validate the contrast ratio</value>
   </data>
   <data name="SearchDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="SearchKeywords" xml:space="preserve">
-    <value></value>
+    <value>RGB WCAG</value>
   </data>
-  <data name="BlackText" xml:space="preserve">
-    <value>Black text</value>
-  </data>
-  <data name="ColorPicker" xml:space="preserve">
-    <value>Color picker</value>
+  <data name="TextColor" xml:space="preserve">
+    <value>Text color</value>
   </data>
   <data name="Configuration" xml:space="preserve">
     <value>Configuration</value>
@@ -153,7 +150,36 @@
   <data name="SelectedColor" xml:space="preserve">
     <value>Selected color</value>
   </data>
-  <data name="WhiteText" xml:space="preserve">
-    <value>White text</value>
+  <data name="BackgroundColor" xml:space="preserve">
+    <value>Background color</value>
+  </data>
+  <data name="ContrastRatio" xml:space="preserve">
+    <value>Contrast ratio</value>
+  </data>
+  <data name="Fail" xml:space="preserve">
+    <value>Fail</value>
+  </data>
+  <data name="LargeText" xml:space="preserve">
+    <value>Large text</value>
+  </data>
+  <data name="Pass" xml:space="preserve">
+    <value>Pass</value>
+  </data>
+  <data name="SampleText" xml:space="preserve">
+    <value>Sit kasd feugait takimata in eirmod sadipscing sanctus consectetuer voluptua dolor dolor dolore rebum.</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SampleTextTitle" xml:space="preserve">
+    <value>Lorem ipsum dolor</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SmallText" xml:space="preserve">
+    <value>Small text</value>
+  </data>
+  <data name="WCAG_AA" xml:space="preserve">
+    <value>WCAG AA</value>
+  </data>
+  <data name="WCAG_AAA" xml:space="preserve">
+    <value>WCAG AAA</value>
   </data>
 </root>
\ No newline at end of file
diff --git a/src/dev/impl/DevToys/Strings/ru-RU/ColorPicker.resw b/src/dev/impl/DevToys/Strings/ru-RU/ColorPicker.resw
index 233743be87..920a36ac48 100644
--- a/src/dev/impl/DevToys/Strings/ru-RU/ColorPicker.resw
+++ b/src/dev/impl/DevToys/Strings/ru-RU/ColorPicker.resw
@@ -118,25 +118,22 @@
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
   <data name="AccessibleName" xml:space="preserve">
-    <value>Инструмент Выбора Цвета</value>
+    <value>Color Picker and contrast ratio tool</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
-    <value>Выбор Цвета</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="Description" xml:space="preserve">
-    <value>Выберите Цвет</value>
+    <value>Pick up a color or two and validate the contrast ratio</value>
   </data>
   <data name="SearchDisplayName" xml:space="preserve">
-    <value>Выбор Цвета</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="SearchKeywords" xml:space="preserve">
-    <value></value>
+    <value>RGB WCAG</value>
   </data>
-  <data name="BlackText" xml:space="preserve">
-    <value>Черный текст</value>
-  </data>
-  <data name="ColorPicker" xml:space="preserve">
-    <value>Выбор цвета</value>
+  <data name="TextColor" xml:space="preserve">
+    <value>Цвет текста</value>
   </data>
   <data name="Configuration" xml:space="preserve">
     <value>Конфигурация</value>
@@ -153,7 +150,36 @@
   <data name="SelectedColor" xml:space="preserve">
     <value>Выбранный цвет</value>
   </data>
-  <data name="WhiteText" xml:space="preserve">
-    <value>Белый текст</value>
+  <data name="BackgroundColor" xml:space="preserve">
+    <value>Background color</value>
+  </data>
+  <data name="ContrastRatio" xml:space="preserve">
+    <value>Контраст</value>
+  </data>
+  <data name="Fail" xml:space="preserve">
+    <value>Не удалось</value>
+  </data>
+  <data name="LargeText" xml:space="preserve">
+    <value>Крупный текст</value>
+  </data>
+  <data name="Pass" xml:space="preserve">
+    <value>Готово</value>
+  </data>
+  <data name="SampleText" xml:space="preserve">
+    <value>Sit kasd feugait takimata in eirmod sadipscing sanctus consectetuer voluptua dolor dolor dolore rebum.</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SampleTextTitle" xml:space="preserve">
+    <value>Lorem ipsum dolor</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SmallText" xml:space="preserve">
+    <value>Мелкий текст</value>
+  </data>
+  <data name="WCAG_AA" xml:space="preserve">
+    <value>WCAG AA</value>
+  </data>
+  <data name="WCAG_AAA" xml:space="preserve">
+    <value>WCAG AAA</value>
   </data>
 </root>
\ No newline at end of file
diff --git a/src/dev/impl/DevToys/Strings/sr-SP/ColorPicker.resw b/src/dev/impl/DevToys/Strings/sr-SP/ColorPicker.resw
index c514326b7c..e04b9a021a 100644
--- a/src/dev/impl/DevToys/Strings/sr-SP/ColorPicker.resw
+++ b/src/dev/impl/DevToys/Strings/sr-SP/ColorPicker.resw
@@ -118,25 +118,22 @@
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
   <data name="AccessibleName" xml:space="preserve">
-    <value>Color Picker tool</value>
+    <value>Color Picker and contrast ratio tool</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="Description" xml:space="preserve">
-    <value>Pick up a color</value>
+    <value>Pick up a color or two and validate the contrast ratio</value>
   </data>
   <data name="SearchDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="SearchKeywords" xml:space="preserve">
-    <value></value>
+    <value>RGB WCAG</value>
   </data>
-  <data name="BlackText" xml:space="preserve">
-    <value>Black text</value>
-  </data>
-  <data name="ColorPicker" xml:space="preserve">
-    <value>Color picker</value>
+  <data name="TextColor" xml:space="preserve">
+    <value>Text color</value>
   </data>
   <data name="Configuration" xml:space="preserve">
     <value>Configuration</value>
@@ -153,7 +150,36 @@
   <data name="SelectedColor" xml:space="preserve">
     <value>Selected color</value>
   </data>
-  <data name="WhiteText" xml:space="preserve">
-    <value>White text</value>
+  <data name="BackgroundColor" xml:space="preserve">
+    <value>Background color</value>
+  </data>
+  <data name="ContrastRatio" xml:space="preserve">
+    <value>Contrast ratio</value>
+  </data>
+  <data name="Fail" xml:space="preserve">
+    <value>Fail</value>
+  </data>
+  <data name="LargeText" xml:space="preserve">
+    <value>Large text</value>
+  </data>
+  <data name="Pass" xml:space="preserve">
+    <value>Pass</value>
+  </data>
+  <data name="SampleText" xml:space="preserve">
+    <value>Sit kasd feugait takimata in eirmod sadipscing sanctus consectetuer voluptua dolor dolor dolore rebum.</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SampleTextTitle" xml:space="preserve">
+    <value>Lorem ipsum dolor</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SmallText" xml:space="preserve">
+    <value>Small text</value>
+  </data>
+  <data name="WCAG_AA" xml:space="preserve">
+    <value>WCAG AA</value>
+  </data>
+  <data name="WCAG_AAA" xml:space="preserve">
+    <value>WCAG AAA</value>
   </data>
 </root>
\ No newline at end of file
diff --git a/src/dev/impl/DevToys/Strings/sv-SE/ColorPicker.resw b/src/dev/impl/DevToys/Strings/sv-SE/ColorPicker.resw
index c514326b7c..e04b9a021a 100644
--- a/src/dev/impl/DevToys/Strings/sv-SE/ColorPicker.resw
+++ b/src/dev/impl/DevToys/Strings/sv-SE/ColorPicker.resw
@@ -118,25 +118,22 @@
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
   <data name="AccessibleName" xml:space="preserve">
-    <value>Color Picker tool</value>
+    <value>Color Picker and contrast ratio tool</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="Description" xml:space="preserve">
-    <value>Pick up a color</value>
+    <value>Pick up a color or two and validate the contrast ratio</value>
   </data>
   <data name="SearchDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="SearchKeywords" xml:space="preserve">
-    <value></value>
+    <value>RGB WCAG</value>
   </data>
-  <data name="BlackText" xml:space="preserve">
-    <value>Black text</value>
-  </data>
-  <data name="ColorPicker" xml:space="preserve">
-    <value>Color picker</value>
+  <data name="TextColor" xml:space="preserve">
+    <value>Text color</value>
   </data>
   <data name="Configuration" xml:space="preserve">
     <value>Configuration</value>
@@ -153,7 +150,36 @@
   <data name="SelectedColor" xml:space="preserve">
     <value>Selected color</value>
   </data>
-  <data name="WhiteText" xml:space="preserve">
-    <value>White text</value>
+  <data name="BackgroundColor" xml:space="preserve">
+    <value>Background color</value>
+  </data>
+  <data name="ContrastRatio" xml:space="preserve">
+    <value>Contrast ratio</value>
+  </data>
+  <data name="Fail" xml:space="preserve">
+    <value>Fail</value>
+  </data>
+  <data name="LargeText" xml:space="preserve">
+    <value>Large text</value>
+  </data>
+  <data name="Pass" xml:space="preserve">
+    <value>Pass</value>
+  </data>
+  <data name="SampleText" xml:space="preserve">
+    <value>Sit kasd feugait takimata in eirmod sadipscing sanctus consectetuer voluptua dolor dolor dolore rebum.</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SampleTextTitle" xml:space="preserve">
+    <value>Lorem ipsum dolor</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SmallText" xml:space="preserve">
+    <value>Small text</value>
+  </data>
+  <data name="WCAG_AA" xml:space="preserve">
+    <value>WCAG AA</value>
+  </data>
+  <data name="WCAG_AAA" xml:space="preserve">
+    <value>WCAG AAA</value>
   </data>
 </root>
\ No newline at end of file
diff --git a/src/dev/impl/DevToys/Strings/ta-IN/ColorPicker.resw b/src/dev/impl/DevToys/Strings/ta-IN/ColorPicker.resw
index c514326b7c..e04b9a021a 100644
--- a/src/dev/impl/DevToys/Strings/ta-IN/ColorPicker.resw
+++ b/src/dev/impl/DevToys/Strings/ta-IN/ColorPicker.resw
@@ -118,25 +118,22 @@
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
   <data name="AccessibleName" xml:space="preserve">
-    <value>Color Picker tool</value>
+    <value>Color Picker and contrast ratio tool</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="Description" xml:space="preserve">
-    <value>Pick up a color</value>
+    <value>Pick up a color or two and validate the contrast ratio</value>
   </data>
   <data name="SearchDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="SearchKeywords" xml:space="preserve">
-    <value></value>
+    <value>RGB WCAG</value>
   </data>
-  <data name="BlackText" xml:space="preserve">
-    <value>Black text</value>
-  </data>
-  <data name="ColorPicker" xml:space="preserve">
-    <value>Color picker</value>
+  <data name="TextColor" xml:space="preserve">
+    <value>Text color</value>
   </data>
   <data name="Configuration" xml:space="preserve">
     <value>Configuration</value>
@@ -153,7 +150,36 @@
   <data name="SelectedColor" xml:space="preserve">
     <value>Selected color</value>
   </data>
-  <data name="WhiteText" xml:space="preserve">
-    <value>White text</value>
+  <data name="BackgroundColor" xml:space="preserve">
+    <value>Background color</value>
+  </data>
+  <data name="ContrastRatio" xml:space="preserve">
+    <value>Contrast ratio</value>
+  </data>
+  <data name="Fail" xml:space="preserve">
+    <value>Fail</value>
+  </data>
+  <data name="LargeText" xml:space="preserve">
+    <value>Large text</value>
+  </data>
+  <data name="Pass" xml:space="preserve">
+    <value>Pass</value>
+  </data>
+  <data name="SampleText" xml:space="preserve">
+    <value>Sit kasd feugait takimata in eirmod sadipscing sanctus consectetuer voluptua dolor dolor dolore rebum.</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SampleTextTitle" xml:space="preserve">
+    <value>Lorem ipsum dolor</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SmallText" xml:space="preserve">
+    <value>Small text</value>
+  </data>
+  <data name="WCAG_AA" xml:space="preserve">
+    <value>WCAG AA</value>
+  </data>
+  <data name="WCAG_AAA" xml:space="preserve">
+    <value>WCAG AAA</value>
   </data>
 </root>
\ No newline at end of file
diff --git a/src/dev/impl/DevToys/Strings/tr-TR/AllTools.resw b/src/dev/impl/DevToys/Strings/tr-TR/AllTools.resw
index c31489020a..ef533c61bd 100644
--- a/src/dev/impl/DevToys/Strings/tr-TR/AllTools.resw
+++ b/src/dev/impl/DevToys/Strings/tr-TR/AllTools.resw
@@ -118,9 +118,9 @@
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
   <data name="AccessibleName" xml:space="preserve">
-    <value>All tools</value>
+    <value>Tüm araçlar</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
-    <value>All tools</value>
+    <value>Tüm araçlar</value>
   </data>
 </root>
\ No newline at end of file
diff --git a/src/dev/impl/DevToys/Strings/tr-TR/Base64EncoderDecoder.resw b/src/dev/impl/DevToys/Strings/tr-TR/Base64EncoderDecoder.resw
index 0a5eefbc8b..e779221559 100644
--- a/src/dev/impl/DevToys/Strings/tr-TR/Base64EncoderDecoder.resw
+++ b/src/dev/impl/DevToys/Strings/tr-TR/Base64EncoderDecoder.resw
@@ -118,49 +118,49 @@
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
   <data name="AccessibleName" xml:space="preserve">
-    <value>Base64 Text Encoder and Decoder tool</value>
+    <value>Base64 Metin Kodlayıcı ve Kod Çözücü aracı</value>
   </data>
   <data name="Ascii" xml:space="preserve">
     <value>ASCII</value>
   </data>
   <data name="ConfigurationTitle" xml:space="preserve">
-    <value>Configuration</value>
+    <value>Konfigürasyon</value>
   </data>
   <data name="ConversionDecode" xml:space="preserve">
-    <value>Decode</value>
+    <value>Çöz</value>
   </data>
   <data name="ConversionDescription" xml:space="preserve">
-    <value>Select which conversion mode you want to use</value>
+    <value>Kullanacağınız dönüştürme yöntemini seçiniz</value>
   </data>
   <data name="ConversionEncode" xml:space="preserve">
-    <value>Encode</value>
+    <value>Kodla</value>
   </data>
   <data name="ConversionTitle" xml:space="preserve">
-    <value>Conversion</value>
+    <value>Dönüştürme</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
-    <value>Base64 Text</value>
+    <value>Base64 Metin</value>
   </data>
   <data name="EncodingDescription" xml:space="preserve">
-    <value>Select which encoding do you want to use</value>
+    <value>Kullanacağınız dönüştürme yöntemini seçiniz</value>
   </data>
   <data name="EncodingTitle" xml:space="preserve">
-    <value>Encoding</value>
+    <value>Kodlama</value>
   </data>
   <data name="InputTitle" xml:space="preserve">
-    <value>Input</value>
+    <value>Girdi</value>
   </data>
   <data name="OutputTitle" xml:space="preserve">
-    <value>Output</value>
+    <value>Çıktı</value>
   </data>
   <data name="Utf8" xml:space="preserve">
     <value>UTF-8</value>
   </data>
   <data name="Description" xml:space="preserve">
-    <value>Encode and decode Base64 text data</value>
+    <value>Base64 metin verisini kodla ve kodunu çöz</value>
   </data>
   <data name="SearchDisplayName" xml:space="preserve">
-    <value>Base64 Text Encoder / Decoder</value>
+    <value>Base64 Metin Kodlayıcı / Kod Çözücü</value>
   </data>
   <data name="SearchKeywords" xml:space="preserve">
     <value>RFC 4648</value>
diff --git a/src/dev/impl/DevToys/Strings/tr-TR/CRONParser.resw b/src/dev/impl/DevToys/Strings/tr-TR/CRONParser.resw
index 249e8ba348..5fbdc69ff2 100644
--- a/src/dev/impl/DevToys/Strings/tr-TR/CRONParser.resw
+++ b/src/dev/impl/DevToys/Strings/tr-TR/CRONParser.resw
@@ -121,7 +121,7 @@
     <value>Cron parsing tool</value>
   </data>
   <data name="Configuration" xml:space="preserve">
-    <value>Configuration</value>
+    <value>Konfigürasyon</value>
   </data>
   <data name="UseSecondsDescription" xml:space="preserve">
     <value>Choose whatever Cron expression should includes seconds in its definition</value>
diff --git a/src/dev/impl/DevToys/Strings/tr-TR/CheckSumGenerator.resw b/src/dev/impl/DevToys/Strings/tr-TR/CheckSumGenerator.resw
index b43c185284..474e5a9c0b 100644
--- a/src/dev/impl/DevToys/Strings/tr-TR/CheckSumGenerator.resw
+++ b/src/dev/impl/DevToys/Strings/tr-TR/CheckSumGenerator.resw
@@ -124,7 +124,7 @@
     <value>Cancel</value>
   </data>
   <data name="Configuration" xml:space="preserve">
-    <value>Configuration</value>
+    <value>Konfigürasyon</value>
   </data>
   <data name="Description" xml:space="preserve">
     <value>Generate a hash with Checksum based on a file</value>
@@ -136,13 +136,13 @@
     <value>Hashing Algorithm</value>
   </data>
   <data name="Input" xml:space="preserve">
-    <value>Input</value>
+    <value>Girdi</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
     <value>Checksum</value>
   </data>
   <data name="Output" xml:space="preserve">
-    <value>Output</value>
+    <value>Çıktı</value>
   </data>
   <data name="OutputComparer" xml:space="preserve">
     <value>Output Comparer</value>
diff --git a/src/dev/impl/DevToys/Strings/tr-TR/ColorPicker.resw b/src/dev/impl/DevToys/Strings/tr-TR/ColorPicker.resw
index c514326b7c..a806f8be95 100644
--- a/src/dev/impl/DevToys/Strings/tr-TR/ColorPicker.resw
+++ b/src/dev/impl/DevToys/Strings/tr-TR/ColorPicker.resw
@@ -118,28 +118,25 @@
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
   <data name="AccessibleName" xml:space="preserve">
-    <value>Color Picker tool</value>
+    <value>Color Picker and contrast ratio tool</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="Description" xml:space="preserve">
-    <value>Pick up a color</value>
+    <value>Pick up a color or two and validate the contrast ratio</value>
   </data>
   <data name="SearchDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="SearchKeywords" xml:space="preserve">
-    <value></value>
+    <value>RGB WCAG</value>
   </data>
-  <data name="BlackText" xml:space="preserve">
-    <value>Black text</value>
-  </data>
-  <data name="ColorPicker" xml:space="preserve">
-    <value>Color picker</value>
+  <data name="TextColor" xml:space="preserve">
+    <value>Text color</value>
   </data>
   <data name="Configuration" xml:space="preserve">
-    <value>Configuration</value>
+    <value>Konfigürasyon</value>
   </data>
   <data name="Mode" xml:space="preserve">
     <value>Mode</value>
@@ -153,7 +150,36 @@
   <data name="SelectedColor" xml:space="preserve">
     <value>Selected color</value>
   </data>
-  <data name="WhiteText" xml:space="preserve">
-    <value>White text</value>
+  <data name="BackgroundColor" xml:space="preserve">
+    <value>Background color</value>
+  </data>
+  <data name="ContrastRatio" xml:space="preserve">
+    <value>Contrast ratio</value>
+  </data>
+  <data name="Fail" xml:space="preserve">
+    <value>Fail</value>
+  </data>
+  <data name="LargeText" xml:space="preserve">
+    <value>Large text</value>
+  </data>
+  <data name="Pass" xml:space="preserve">
+    <value>Pass</value>
+  </data>
+  <data name="SampleText" xml:space="preserve">
+    <value>Sit kasd feugait takimata in eirmod sadipscing sanctus consectetuer voluptua dolor dolor dolore rebum.</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SampleTextTitle" xml:space="preserve">
+    <value>Lorem ipsum dolor</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SmallText" xml:space="preserve">
+    <value>Small text</value>
+  </data>
+  <data name="WCAG_AA" xml:space="preserve">
+    <value>WCAG AA</value>
+  </data>
+  <data name="WCAG_AAA" xml:space="preserve">
+    <value>WCAG AAA</value>
   </data>
 </root>
\ No newline at end of file
diff --git a/src/dev/impl/DevToys/Strings/tr-TR/GZipEncoderDecoder.resw b/src/dev/impl/DevToys/Strings/tr-TR/GZipEncoderDecoder.resw
index 3fe9766806..2ef67452e1 100644
--- a/src/dev/impl/DevToys/Strings/tr-TR/GZipEncoderDecoder.resw
+++ b/src/dev/impl/DevToys/Strings/tr-TR/GZipEncoderDecoder.resw
@@ -124,7 +124,7 @@
     <value>ASCII</value>
   </data>
   <data name="ConfigurationTitle" xml:space="preserve">
-    <value>Configuration</value>
+    <value>Konfigürasyon</value>
   </data>
   <data name="ConversionDecompress" xml:space="preserve">
     <value>Decompress</value>
@@ -145,13 +145,13 @@
     <value>Select whether the input should be compressed or decompressed</value>
   </data>
   <data name="EncodingTitle" xml:space="preserve">
-    <value>Encoding</value>
+    <value>Kodlama</value>
   </data>
   <data name="InputTitle" xml:space="preserve">
-    <value>Input</value>
+    <value>Girdi</value>
   </data>
   <data name="OutputTitle" xml:space="preserve">
-    <value>Output</value>
+    <value>Çıktı</value>
   </data>
   <data name="Utf8" xml:space="preserve">
     <value>UTF-8</value>
diff --git a/src/dev/impl/DevToys/Strings/tr-TR/GuidGenerator.resw b/src/dev/impl/DevToys/Strings/tr-TR/GuidGenerator.resw
index a59c6b618c..ec29aa06b5 100644
--- a/src/dev/impl/DevToys/Strings/tr-TR/GuidGenerator.resw
+++ b/src/dev/impl/DevToys/Strings/tr-TR/GuidGenerator.resw
@@ -121,7 +121,7 @@
     <value>UUID Generator tool</value>
   </data>
   <data name="Configuration" xml:space="preserve">
-    <value>Configuration</value>
+    <value>Konfigürasyon</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
     <value>UUID</value>
diff --git a/src/dev/impl/DevToys/Strings/tr-TR/HashGenerator.resw b/src/dev/impl/DevToys/Strings/tr-TR/HashGenerator.resw
index f404326a0d..b83fb9162b 100644
--- a/src/dev/impl/DevToys/Strings/tr-TR/HashGenerator.resw
+++ b/src/dev/impl/DevToys/Strings/tr-TR/HashGenerator.resw
@@ -121,13 +121,13 @@
     <value>Hash Generator tool</value>
   </data>
   <data name="Configuration" xml:space="preserve">
-    <value>Configuration</value>
+    <value>Konfigürasyon</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
     <value>Hash</value>
   </data>
   <data name="Input" xml:space="preserve">
-    <value>Input</value>
+    <value>Girdi</value>
   </data>
   <data name="MD5" xml:space="preserve">
     <value>MD5</value>
diff --git a/src/dev/impl/DevToys/Strings/tr-TR/HtmlEncoderDecoder.resw b/src/dev/impl/DevToys/Strings/tr-TR/HtmlEncoderDecoder.resw
index a7b37f947f..aae6089238 100644
--- a/src/dev/impl/DevToys/Strings/tr-TR/HtmlEncoderDecoder.resw
+++ b/src/dev/impl/DevToys/Strings/tr-TR/HtmlEncoderDecoder.resw
@@ -121,28 +121,28 @@
     <value>HTML Encoder and Decoder tool</value>
   </data>
   <data name="ConfigurationTitle" xml:space="preserve">
-    <value>Configuration</value>
+    <value>Konfigürasyon</value>
   </data>
   <data name="ConversionDecode" xml:space="preserve">
-    <value>Decode</value>
+    <value>Çöz</value>
   </data>
   <data name="ConversionDescription" xml:space="preserve">
-    <value>Select which conversion mode you want to use</value>
+    <value>Kullanacağınız dönüştürme yöntemini seçiniz</value>
   </data>
   <data name="ConversionEncode" xml:space="preserve">
-    <value>Encode</value>
+    <value>Kodla</value>
   </data>
   <data name="ConversionTitle" xml:space="preserve">
-    <value>Conversion</value>
+    <value>Dönüştürme</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
     <value>HTML</value>
   </data>
   <data name="InputTitle" xml:space="preserve">
-    <value>Input</value>
+    <value>Girdi</value>
   </data>
   <data name="OutputTitle" xml:space="preserve">
-    <value>Output</value>
+    <value>Çıktı</value>
   </data>
   <data name="Description" xml:space="preserve">
     <value>Encode or decode all the applicable characters to their corresponding HTML entities</value>
diff --git a/src/dev/impl/DevToys/Strings/tr-TR/ImageConverter.resw b/src/dev/impl/DevToys/Strings/tr-TR/ImageConverter.resw
index e2a848d4bc..febcbddfac 100644
--- a/src/dev/impl/DevToys/Strings/tr-TR/ImageConverter.resw
+++ b/src/dev/impl/DevToys/Strings/tr-TR/ImageConverter.resw
@@ -124,7 +124,7 @@
     <value>Cancel</value>
   </data>
   <data name="Configuration" xml:space="preserve">
-    <value>Configuration</value>
+    <value>Konfigürasyon</value>
   </data>
   <data name="Delete" xml:space="preserve">
     <value>Delete</value>
@@ -161,7 +161,7 @@
     <value>Image Converter</value>
   </data>
   <data name="ConversionTitle" xml:space="preserve">
-    <value>Conversion</value>
+    <value>Dönüştürme</value>
   </data>
   <data name="ConvertedFormatDescription" xml:space="preserve">
     <value>Select the converted file format</value>
diff --git a/src/dev/impl/DevToys/Strings/tr-TR/JsonFormatter.resw b/src/dev/impl/DevToys/Strings/tr-TR/JsonFormatter.resw
index 033a2111e7..3c99b47df8 100644
--- a/src/dev/impl/DevToys/Strings/tr-TR/JsonFormatter.resw
+++ b/src/dev/impl/DevToys/Strings/tr-TR/JsonFormatter.resw
@@ -121,7 +121,7 @@
     <value>JSON Formatter tool</value>
   </data>
   <data name="Configuration" xml:space="preserve">
-    <value>Configuration</value>
+    <value>Konfigürasyon</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
     <value>JSON</value>
@@ -133,7 +133,7 @@
     <value>Indentation</value>
   </data>
   <data name="Input" xml:space="preserve">
-    <value>Input</value>
+    <value>Girdi</value>
   </data>
   <data name="Minified" xml:space="preserve">
     <value>Minified</value>
@@ -142,7 +142,7 @@
     <value>1 tab</value>
   </data>
   <data name="Output" xml:space="preserve">
-    <value>Output</value>
+    <value>Çıktı</value>
   </data>
   <data name="TwoSpaces" xml:space="preserve">
     <value>2 spaces</value>
diff --git a/src/dev/impl/DevToys/Strings/tr-TR/JsonYaml.resw b/src/dev/impl/DevToys/Strings/tr-TR/JsonYaml.resw
index 0807ba39a6..15a4ada165 100644
--- a/src/dev/impl/DevToys/Strings/tr-TR/JsonYaml.resw
+++ b/src/dev/impl/DevToys/Strings/tr-TR/JsonYaml.resw
@@ -121,13 +121,13 @@
     <value>JSON to YAML and YAML to JSON converter tool</value>
   </data>
   <data name="Configuration" xml:space="preserve">
-    <value>Configuration</value>
+    <value>Konfigürasyon</value>
   </data>
   <data name="ConversionDescription" xml:space="preserve">
-    <value>Select which conversion mode you want to use</value>
+    <value>Kullanacağınız dönüştürme yöntemini seçiniz</value>
   </data>
   <data name="ConversionTitle" xml:space="preserve">
-    <value>Conversion</value>
+    <value>Dönüştürme</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
     <value>JSON &lt;&gt; YAML</value>
@@ -139,7 +139,7 @@
     <value>Indentation</value>
   </data>
   <data name="Input" xml:space="preserve">
-    <value>Input</value>
+    <value>Girdi</value>
   </data>
   <data name="InvalidYaml" xml:space="preserve">
     <value>The entered YAML is invalid.</value>
@@ -148,7 +148,7 @@
     <value>JSON to YAML</value>
   </data>
   <data name="Output" xml:space="preserve">
-    <value>Output</value>
+    <value>Çıktı</value>
   </data>
   <data name="TwoSpaces" xml:space="preserve">
     <value>2 spaces</value>
diff --git a/src/dev/impl/DevToys/Strings/tr-TR/LoremIpsumGenerator.resw b/src/dev/impl/DevToys/Strings/tr-TR/LoremIpsumGenerator.resw
index b013a8f5a6..fccc83bc29 100644
--- a/src/dev/impl/DevToys/Strings/tr-TR/LoremIpsumGenerator.resw
+++ b/src/dev/impl/DevToys/Strings/tr-TR/LoremIpsumGenerator.resw
@@ -121,7 +121,7 @@
     <value>Lorem Ipsum Generator tool</value>
   </data>
   <data name="Configuration" xml:space="preserve">
-    <value>Configuration</value>
+    <value>Konfigürasyon</value>
   </data>
   <data name="Description" xml:space="preserve">
     <value>Generate Lorem Ipsum placeholder text</value>
@@ -136,7 +136,7 @@
     <value>Lorem Ipsum</value>
   </data>
   <data name="Output" xml:space="preserve">
-    <value>Output</value>
+    <value>Çıktı</value>
   </data>
   <data name="ParagraphsType" xml:space="preserve">
     <value>Paragraphs</value>
diff --git a/src/dev/impl/DevToys/Strings/tr-TR/MarkdownPreview.resw b/src/dev/impl/DevToys/Strings/tr-TR/MarkdownPreview.resw
index 083a5faace..ab0ed0450d 100644
--- a/src/dev/impl/DevToys/Strings/tr-TR/MarkdownPreview.resw
+++ b/src/dev/impl/DevToys/Strings/tr-TR/MarkdownPreview.resw
@@ -121,7 +121,7 @@
     <value>Markdown preview tool</value>
   </data>
   <data name="Configuration" xml:space="preserve">
-    <value>Configuration</value>
+    <value>Konfigürasyon</value>
   </data>
   <data name="Dark" xml:space="preserve">
     <value>Dark</value>
diff --git a/src/dev/impl/DevToys/Strings/tr-TR/NumberBaseConverter.resw b/src/dev/impl/DevToys/Strings/tr-TR/NumberBaseConverter.resw
index e090fd16b5..38efc95184 100644
--- a/src/dev/impl/DevToys/Strings/tr-TR/NumberBaseConverter.resw
+++ b/src/dev/impl/DevToys/Strings/tr-TR/NumberBaseConverter.resw
@@ -124,7 +124,7 @@
     <value>Binary</value>
   </data>
   <data name="ConfigurationTitle" xml:space="preserve">
-    <value>Configuration</value>
+    <value>Konfigürasyon</value>
   </data>
   <data name="DecimalLabel" xml:space="preserve">
     <value>Decimal</value>
@@ -139,7 +139,7 @@
     <value>Hexadecimal</value>
   </data>
   <data name="Input" xml:space="preserve">
-    <value>Input</value>
+    <value>Girdi</value>
   </data>
   <data name="InputTypeBinary" xml:space="preserve">
     <value>Binary</value>
@@ -189,7 +189,7 @@
     <value>Output dictionary</value>
   </data>
   <data name="Output" xml:space="preserve">
-    <value>Output</value>
+    <value>Çıktı</value>
   </data>
   <data name="BaseNumberError" xml:space="preserve">
     <value>Base number should be greater than 1.</value>
diff --git a/src/dev/impl/DevToys/Strings/tr-TR/PngJpgCompressor.resw b/src/dev/impl/DevToys/Strings/tr-TR/PngJpgCompressor.resw
index c1272289bb..31c539cd5a 100644
--- a/src/dev/impl/DevToys/Strings/tr-TR/PngJpgCompressor.resw
+++ b/src/dev/impl/DevToys/Strings/tr-TR/PngJpgCompressor.resw
@@ -124,7 +124,7 @@
     <value>Cancel</value>
   </data>
   <data name="Configuration" xml:space="preserve">
-    <value>Configuration</value>
+    <value>Konfigürasyon</value>
   </data>
   <data name="Delete" xml:space="preserve">
     <value>Delete</value>
diff --git a/src/dev/impl/DevToys/Strings/tr-TR/RegEx.resw b/src/dev/impl/DevToys/Strings/tr-TR/RegEx.resw
index 57e3afa402..4d15af0c1a 100644
--- a/src/dev/impl/DevToys/Strings/tr-TR/RegEx.resw
+++ b/src/dev/impl/DevToys/Strings/tr-TR/RegEx.resw
@@ -121,7 +121,7 @@
     <value>Regular expression tester tool</value>
   </data>
   <data name="Configuration" xml:space="preserve">
-    <value>Configuration</value>
+    <value>Konfigürasyon</value>
   </data>
   <data name="CultureInvariant" xml:space="preserve">
     <value>Culture Invariant</value>
diff --git a/src/dev/impl/DevToys/Strings/tr-TR/SqlFormatter.resw b/src/dev/impl/DevToys/Strings/tr-TR/SqlFormatter.resw
index 443a0214d4..d317477e48 100644
--- a/src/dev/impl/DevToys/Strings/tr-TR/SqlFormatter.resw
+++ b/src/dev/impl/DevToys/Strings/tr-TR/SqlFormatter.resw
@@ -121,7 +121,7 @@
     <value>SQL Formatter tool</value>
   </data>
   <data name="Configuration" xml:space="preserve">
-    <value>Configuration</value>
+    <value>Konfigürasyon</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
     <value>SQL</value>
@@ -133,13 +133,13 @@
     <value>Indentation</value>
   </data>
   <data name="Input" xml:space="preserve">
-    <value>Input</value>
+    <value>Girdi</value>
   </data>
   <data name="OneTab" xml:space="preserve">
     <value>1 tab</value>
   </data>
   <data name="Output" xml:space="preserve">
-    <value>Output</value>
+    <value>Çıktı</value>
   </data>
   <data name="TwoSpaces" xml:space="preserve">
     <value>2 spaces</value>
diff --git a/src/dev/impl/DevToys/Strings/tr-TR/StringEscapeUnescape.resw b/src/dev/impl/DevToys/Strings/tr-TR/StringEscapeUnescape.resw
index 0002c73b43..e2059b465b 100644
--- a/src/dev/impl/DevToys/Strings/tr-TR/StringEscapeUnescape.resw
+++ b/src/dev/impl/DevToys/Strings/tr-TR/StringEscapeUnescape.resw
@@ -124,7 +124,7 @@
     <value>Escape / Unescape</value>
   </data>
   <data name="OutputTitle" xml:space="preserve">
-    <value>Output</value>
+    <value>Çıktı</value>
   </data>
   <data name="Description" xml:space="preserve">
     <value>Escapes or unescapes a string, removing characters that could prevent parsing.</value>
@@ -137,21 +137,21 @@
     <comment>Alternative search keywords. Enables searching for words that are not included in Description, MenuDisplayName, and SearchDisplayName.</comment>
   </data>
   <data name="ConfigurationTitle" xml:space="preserve">
-    <value>Configuration</value>
+    <value>Konfigürasyon</value>
   </data>
   <data name="ConversionDecode" xml:space="preserve">
     <value>Unescape</value>
   </data>
   <data name="ConversionDescription" xml:space="preserve">
-    <value>Select which conversion mode you want to use</value>
+    <value>Kullanacağınız dönüştürme yöntemini seçiniz</value>
   </data>
   <data name="ConversionEncode" xml:space="preserve">
     <value>Escape</value>
   </data>
   <data name="ConversionTitle" xml:space="preserve">
-    <value>Conversion</value>
+    <value>Dönüştürme</value>
   </data>
   <data name="InputTitle" xml:space="preserve">
-    <value>Input</value>
+    <value>Girdi</value>
   </data>
 </root>
\ No newline at end of file
diff --git a/src/dev/impl/DevToys/Strings/tr-TR/TextDiff.resw b/src/dev/impl/DevToys/Strings/tr-TR/TextDiff.resw
index fb865fd3cc..c7a41b8333 100644
--- a/src/dev/impl/DevToys/Strings/tr-TR/TextDiff.resw
+++ b/src/dev/impl/DevToys/Strings/tr-TR/TextDiff.resw
@@ -121,7 +121,7 @@
     <value>Text comparer tool</value>
   </data>
   <data name="Configuration" xml:space="preserve">
-    <value>Configuration</value>
+    <value>Konfigürasyon</value>
   </data>
   <data name="Difference" xml:space="preserve">
     <value>Difference</value>
diff --git a/src/dev/impl/DevToys/Strings/tr-TR/UrlEncoderDecoder.resw b/src/dev/impl/DevToys/Strings/tr-TR/UrlEncoderDecoder.resw
index 0a3068b508..2be3653953 100644
--- a/src/dev/impl/DevToys/Strings/tr-TR/UrlEncoderDecoder.resw
+++ b/src/dev/impl/DevToys/Strings/tr-TR/UrlEncoderDecoder.resw
@@ -121,28 +121,28 @@
     <value>URL Encoder and Decoder tool</value>
   </data>
   <data name="ConfigurationTitle" xml:space="preserve">
-    <value>Configuration</value>
+    <value>Konfigürasyon</value>
   </data>
   <data name="ConversionDecode" xml:space="preserve">
-    <value>Decode</value>
+    <value>Çöz</value>
   </data>
   <data name="ConversionDescription" xml:space="preserve">
-    <value>Select which conversion mode you want to use</value>
+    <value>Kullanacağınız dönüştürme yöntemini seçiniz</value>
   </data>
   <data name="ConversionEncode" xml:space="preserve">
-    <value>Encode</value>
+    <value>Kodla</value>
   </data>
   <data name="ConversionTitle" xml:space="preserve">
-    <value>Conversion</value>
+    <value>Dönüştürme</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
     <value>URL</value>
   </data>
   <data name="InputTitle" xml:space="preserve">
-    <value>Input</value>
+    <value>Girdi</value>
   </data>
   <data name="OutputTitle" xml:space="preserve">
-    <value>Output</value>
+    <value>Çıktı</value>
   </data>
   <data name="Description" xml:space="preserve">
     <value>Encode or decode all the applicable characters to their corresponding URL entities</value>
diff --git a/src/dev/impl/DevToys/Strings/tr-TR/XmlFormatter.resw b/src/dev/impl/DevToys/Strings/tr-TR/XmlFormatter.resw
index 73c2f6546e..731f56b8b8 100644
--- a/src/dev/impl/DevToys/Strings/tr-TR/XmlFormatter.resw
+++ b/src/dev/impl/DevToys/Strings/tr-TR/XmlFormatter.resw
@@ -121,7 +121,7 @@
     <value>XML Formatter tool</value>
   </data>
   <data name="Configuration" xml:space="preserve">
-    <value>Configuration</value>
+    <value>Konfigürasyon</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
     <value>XML</value>
@@ -133,7 +133,7 @@
     <value>Indentation</value>
   </data>
   <data name="Input" xml:space="preserve">
-    <value>Input</value>
+    <value>Girdi</value>
   </data>
   <data name="Minified" xml:space="preserve">
     <value>Minified</value>
@@ -142,7 +142,7 @@
     <value>1 tab</value>
   </data>
   <data name="Output" xml:space="preserve">
-    <value>Output</value>
+    <value>Çıktı</value>
   </data>
   <data name="TwoSpaces" xml:space="preserve">
     <value>2 spaces</value>
diff --git a/src/dev/impl/DevToys/Strings/uk-UA/ColorPicker.resw b/src/dev/impl/DevToys/Strings/uk-UA/ColorPicker.resw
index 6f7a73ec95..8c6f21dad8 100644
--- a/src/dev/impl/DevToys/Strings/uk-UA/ColorPicker.resw
+++ b/src/dev/impl/DevToys/Strings/uk-UA/ColorPicker.resw
@@ -118,25 +118,22 @@
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
   <data name="AccessibleName" xml:space="preserve">
-    <value>Інструмент вибору кольору</value>
+    <value>Color Picker and contrast ratio tool</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
-    <value>Палітра кольорів</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="Description" xml:space="preserve">
-    <value>Вибрати колір</value>
+    <value>Pick up a color or two and validate the contrast ratio</value>
   </data>
   <data name="SearchDisplayName" xml:space="preserve">
-    <value>Палітра кольорів</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="SearchKeywords" xml:space="preserve">
-    <value></value>
+    <value>RGB WCAG</value>
   </data>
-  <data name="BlackText" xml:space="preserve">
-    <value>Чорний текст</value>
-  </data>
-  <data name="ColorPicker" xml:space="preserve">
-    <value>Палітра кольорів</value>
+  <data name="TextColor" xml:space="preserve">
+    <value>Text color</value>
   </data>
   <data name="Configuration" xml:space="preserve">
     <value>Налаштування</value>
@@ -153,7 +150,36 @@
   <data name="SelectedColor" xml:space="preserve">
     <value>Вибраний колір</value>
   </data>
-  <data name="WhiteText" xml:space="preserve">
-    <value>Білий текст</value>
+  <data name="BackgroundColor" xml:space="preserve">
+    <value>Background color</value>
+  </data>
+  <data name="ContrastRatio" xml:space="preserve">
+    <value>Contrast ratio</value>
+  </data>
+  <data name="Fail" xml:space="preserve">
+    <value>Fail</value>
+  </data>
+  <data name="LargeText" xml:space="preserve">
+    <value>Large text</value>
+  </data>
+  <data name="Pass" xml:space="preserve">
+    <value>Pass</value>
+  </data>
+  <data name="SampleText" xml:space="preserve">
+    <value>Sit kasd feugait takimata in eirmod sadipscing sanctus consectetuer voluptua dolor dolor dolore rebum.</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SampleTextTitle" xml:space="preserve">
+    <value>Lorem ipsum dolor</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SmallText" xml:space="preserve">
+    <value>Small text</value>
+  </data>
+  <data name="WCAG_AA" xml:space="preserve">
+    <value>WCAG AA</value>
+  </data>
+  <data name="WCAG_AAA" xml:space="preserve">
+    <value>WCAG AAA</value>
   </data>
 </root>
\ No newline at end of file
diff --git a/src/dev/impl/DevToys/Strings/vi-VN/ColorPicker.resw b/src/dev/impl/DevToys/Strings/vi-VN/ColorPicker.resw
index dd5a63252a..bfaa1180ad 100644
--- a/src/dev/impl/DevToys/Strings/vi-VN/ColorPicker.resw
+++ b/src/dev/impl/DevToys/Strings/vi-VN/ColorPicker.resw
@@ -118,25 +118,22 @@
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
   <data name="AccessibleName" xml:space="preserve">
-    <value>Color Picker tool</value>
+    <value>Color Picker and contrast ratio tool</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="Description" xml:space="preserve">
-    <value>Pick a color</value>
+    <value>Pick up a color or two and validate the contrast ratio</value>
   </data>
   <data name="SearchDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="SearchKeywords" xml:space="preserve">
-    <value></value>
+    <value>RGB WCAG</value>
   </data>
-  <data name="BlackText" xml:space="preserve">
-    <value>Black text</value>
-  </data>
-  <data name="ColorPicker" xml:space="preserve">
-    <value>Color picker</value>
+  <data name="TextColor" xml:space="preserve">
+    <value>Text color</value>
   </data>
   <data name="Configuration" xml:space="preserve">
     <value>Cấu hình</value>
@@ -153,7 +150,36 @@
   <data name="SelectedColor" xml:space="preserve">
     <value>Selected color</value>
   </data>
-  <data name="WhiteText" xml:space="preserve">
-    <value>White text</value>
+  <data name="BackgroundColor" xml:space="preserve">
+    <value>Background color</value>
+  </data>
+  <data name="ContrastRatio" xml:space="preserve">
+    <value>Contrast ratio</value>
+  </data>
+  <data name="Fail" xml:space="preserve">
+    <value>Fail</value>
+  </data>
+  <data name="LargeText" xml:space="preserve">
+    <value>Large text</value>
+  </data>
+  <data name="Pass" xml:space="preserve">
+    <value>Pass</value>
+  </data>
+  <data name="SampleText" xml:space="preserve">
+    <value>Sit kasd feugait takimata in eirmod sadipscing sanctus consectetuer voluptua dolor dolor dolore rebum.</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SampleTextTitle" xml:space="preserve">
+    <value>Lorem ipsum dolor</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SmallText" xml:space="preserve">
+    <value>Small text</value>
+  </data>
+  <data name="WCAG_AA" xml:space="preserve">
+    <value>WCAG AA</value>
+  </data>
+  <data name="WCAG_AAA" xml:space="preserve">
+    <value>WCAG AAA</value>
   </data>
 </root>
\ No newline at end of file
diff --git a/src/dev/impl/DevToys/Strings/zh-Hans/ColorPicker.resw b/src/dev/impl/DevToys/Strings/zh-Hans/ColorPicker.resw
index 3f92d0a736..829b1559ce 100644
--- a/src/dev/impl/DevToys/Strings/zh-Hans/ColorPicker.resw
+++ b/src/dev/impl/DevToys/Strings/zh-Hans/ColorPicker.resw
@@ -118,25 +118,22 @@
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
   <data name="AccessibleName" xml:space="preserve">
-    <value>颜色拾取工具</value>
+    <value>颜色选择器和对比度工具</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
-    <value>拾色器</value>
+    <value>颜色选择器和对比度</value>
   </data>
   <data name="Description" xml:space="preserve">
-    <value>拾取颜色</value>
+    <value>选择一种或两种颜色并确认对比度</value>
   </data>
   <data name="SearchDisplayName" xml:space="preserve">
-    <value>拾色器</value>
+    <value>颜色选择器和对比度</value>
   </data>
   <data name="SearchKeywords" xml:space="preserve">
-    <value></value>
+    <value>RGB WCAG</value>
   </data>
-  <data name="BlackText" xml:space="preserve">
-    <value>黑色文本</value>
-  </data>
-  <data name="ColorPicker" xml:space="preserve">
-    <value>拾色器</value>
+  <data name="TextColor" xml:space="preserve">
+    <value>文本颜色</value>
   </data>
   <data name="Configuration" xml:space="preserve">
     <value>配置</value>
@@ -153,7 +150,36 @@
   <data name="SelectedColor" xml:space="preserve">
     <value>所选颜色</value>
   </data>
-  <data name="WhiteText" xml:space="preserve">
-    <value>白色文本</value>
+  <data name="BackgroundColor" xml:space="preserve">
+    <value>背景颜色</value>
+  </data>
+  <data name="ContrastRatio" xml:space="preserve">
+    <value>对比度</value>
+  </data>
+  <data name="Fail" xml:space="preserve">
+    <value>未通过</value>
+  </data>
+  <data name="LargeText" xml:space="preserve">
+    <value>大号文本</value>
+  </data>
+  <data name="Pass" xml:space="preserve">
+    <value>通过</value>
+  </data>
+  <data name="SampleText" xml:space="preserve">
+    <value>Sit kasd feugait takimata in eirmod sadipscing sanctus consectetuer voluptua dolor dolor dolore rebum.</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SampleTextTitle" xml:space="preserve">
+    <value>Lorem ipsum dolor</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SmallText" xml:space="preserve">
+    <value>小号文本</value>
+  </data>
+  <data name="WCAG_AA" xml:space="preserve">
+    <value>WCAG AA</value>
+  </data>
+  <data name="WCAG_AAA" xml:space="preserve">
+    <value>WCAG AAA</value>
   </data>
 </root>
\ No newline at end of file
diff --git a/src/dev/impl/DevToys/Strings/zh-Hant/ColorPicker.resw b/src/dev/impl/DevToys/Strings/zh-Hant/ColorPicker.resw
index 210534314c..e6fb30e2ef 100644
--- a/src/dev/impl/DevToys/Strings/zh-Hant/ColorPicker.resw
+++ b/src/dev/impl/DevToys/Strings/zh-Hant/ColorPicker.resw
@@ -118,25 +118,22 @@
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
   <data name="AccessibleName" xml:space="preserve">
-    <value>Color Picker tool</value>
+    <value>Color Picker and contrast ratio tool</value>
   </data>
   <data name="MenuDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="Description" xml:space="preserve">
-    <value>Pick up a color</value>
+    <value>Pick up a color or two and validate the contrast ratio</value>
   </data>
   <data name="SearchDisplayName" xml:space="preserve">
-    <value>Color Picker</value>
+    <value>Color Picker &amp; Contrast</value>
   </data>
   <data name="SearchKeywords" xml:space="preserve">
-    <value></value>
+    <value>RGB WCAG</value>
   </data>
-  <data name="BlackText" xml:space="preserve">
-    <value>Black text</value>
-  </data>
-  <data name="ColorPicker" xml:space="preserve">
-    <value>Color picker</value>
+  <data name="TextColor" xml:space="preserve">
+    <value>Text color</value>
   </data>
   <data name="Configuration" xml:space="preserve">
     <value>設定</value>
@@ -153,7 +150,36 @@
   <data name="SelectedColor" xml:space="preserve">
     <value>Selected color</value>
   </data>
-  <data name="WhiteText" xml:space="preserve">
-    <value>White text</value>
+  <data name="BackgroundColor" xml:space="preserve">
+    <value>Background color</value>
+  </data>
+  <data name="ContrastRatio" xml:space="preserve">
+    <value>Contrast ratio</value>
+  </data>
+  <data name="Fail" xml:space="preserve">
+    <value>Fail</value>
+  </data>
+  <data name="LargeText" xml:space="preserve">
+    <value>Large text</value>
+  </data>
+  <data name="Pass" xml:space="preserve">
+    <value>Pass</value>
+  </data>
+  <data name="SampleText" xml:space="preserve">
+    <value>Sit kasd feugait takimata in eirmod sadipscing sanctus consectetuer voluptua dolor dolor dolore rebum.</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SampleTextTitle" xml:space="preserve">
+    <value>Lorem ipsum dolor</value>
+    <comment>"Lorem ipsum" text used a sample text for comparing the background color over the text color.</comment>
+  </data>
+  <data name="SmallText" xml:space="preserve">
+    <value>Small text</value>
+  </data>
+  <data name="WCAG_AA" xml:space="preserve">
+    <value>WCAG AA</value>
+  </data>
+  <data name="WCAG_AAA" xml:space="preserve">
+    <value>WCAG AAA</value>
   </data>
 </root>
\ No newline at end of file