Fix blocked issue

Author: Albertyang0

learn-pr/cela-accessibility/develop-products-with-accessible-color-contrast/3-review-accessibility-guidelines.yml

@@ -1,8 +1,8 @@
 ### YamlMime:ModuleUnit
 uid: learn.cela-accessibility.develop-products-with-accessible-color-contrast.review-accessibility-guidelines
-title: Review Accessibility Guidelines
+title: Review accessibility guidelines
 metadata:
-  title: Review Accessibility Guidelines
+  title: Review accessibility guidelines
   description: This unit is a part of the develop products with accessible color and contrast module.
   ms.date: 02/12/2025
   author: erzelman

learn-pr/cela-accessibility/develop-products-with-accessible-color-contrast/7-knowledge-check.yml

@@ -1,9 +1,9 @@
 ### YamlMime:ModuleUnit
 uid: learn.cela-accessibility.develop-products-with-accessible-color-contrast.knowledge-check
-title: Knowledge Check
+title: Knowledge check
 metadata:
-  title: Knowledge Check
-  description: This is the knowledge check for the develop products with accessible color and contrast module.
+  title: Knowledge check
+  description: This is the knowledge check for the developed products with accessible color and contrast module.
   ms.date: 02/12/2025
   author: erzelman
   ms.author: erzelman
@@ -14,12 +14,12 @@ quiz:
   questions:
   - content: Why are color and contrast important in accessible design?
     choices:
-    - content: To make designs look more colorful
+    - content: To make designs, look more colorful
       isCorrect: false
       explanation: Incorrect. Accessible design prioritizes usability and inclusivity, ensuring text and elements are distinguishable for all users, especially those with visual impairments. Aesthetic choices, trends, or simplifying colors are secondary to this goal.
     - content: To ensure text and elements are distinguishable and readable for all users
       isCorrect: true
-      explanation: Correct. Ensuring proper color and contrast is essential in accessible design to help all users, including those with visual impairments, distinguish and read text and elements effectively. This improves usability for everyone. 
+      explanation: Correct. Ensuring proper color and contrast is essential in accessible design to help all users, including those with visual impairments, distinguish, and read text and elements effectively. This improves usability for everyone. 
     - content: To follow the latest design trends
       isCorrect: false
       explanation: Incorrect. Accessible design prioritizes usability and inclusivity, ensuring text and elements are distinguishable for all users, especially those with visual impairments. Aesthetic choices, trends, or simplifying colors are secondary to this goal.
@@ -34,7 +34,7 @@ quiz:
       explanation: Incorrect. Some of these contrast ratios, like 3:1 and 7:1, are important in certain situations but don't meet the minimum requirement for normal text. The 3:1 ratio is only for large text, and 7:1 is part of stricter guidelines. A ratio of 2:1 is much too low and doesn't meet any WCAG standards for making text readable.
     - content: "4.5:1"
       isCorrect: true
-      explanation: Correct. WCAG Success Criterion 1.4.3 requires a minimum contrast ratio of 4.5:1 for normal text to ensure it is readable for users with visual impairments, such as low vision or color blindness.
+      explanation: Correct. WCAG Success Criterion 1.4.3 requires a minimum contrast ratio of 4.5:1 for normal text to ensure it's readable for users with visual impairments, such as low vision or color blindness.
     - content: "7:1"
       isCorrect: false
       explanation: Incorrect. Some of these contrast ratios, like 3:1 and 7:1, are important in certain situations but don't meet the minimum requirement for normal text. The 3:1 ratio is only for large text, and 7:1 is part of stricter guidelines. A ratio of 2:1 is much too low and doesn't meet any WCAG standards for making text readable.
@@ -46,31 +46,31 @@ quiz:
     choices:
     - content: Adobe Photoshop
       isCorrect: false
-      explanation: Incorrect. Adobe Photoshop, Adobe Captivate, and Microsoft Excel are not the right tools for checking color contrast on web pages. Photoshop can show color values, but it's not made for accessibility testing. Captivate and Excel are used for creating content, not for testing accessibility. For accurate color contrast testing, you should use tools like Microsoft Accessibility Insights, which are built for this purpose.
+      explanation: Incorrect. Adobe Photoshop, Adobe Captivate, and Microsoft Excel aren't the right tools for checking color contrast on web pages. Photoshop can show color values, but it's not made for accessibility testing. Captivate and Excel are used for creating content, not for testing accessibility. For accurate color contrast testing, you should use tools like Microsoft Accessibility Insights, which are built for this purpose.
     - content: Microsoft Accessibility Insights
       isCorrect: true
       explanation: Correct. Microsoft Accessibility Insights has a contrast analyzer tool designed to help developers inspect color contrast on a webpage.
     - content: Adobe Captivate
       isCorrect: false
-      explanation: Incorrect. Adobe Photoshop, Adobe Captivate, and Microsoft Excel are not the right tools for checking color contrast on web pages. Photoshop can show color values, but it's not made for accessibility testing. Captivate and Excel are used for creating content, not for testing accessibility. For accurate color contrast testing, you should use tools like Microsoft Accessibility Insights, which are built for this purpose.
+      explanation: Incorrect. Adobe Photoshop, Adobe Captivate, and Microsoft Excel aren't the right tools for checking color contrast on web pages. Photoshop can show color values, but it's not made for accessibility testing. Captivate and Excel are used for creating content, not for testing accessibility. For accurate color contrast testing, you should use tools like Microsoft Accessibility Insights, which are built for this purpose.
     - content: Microsoft Excel
       isCorrect: false
-      explanation: Incorrect. Adobe Photoshop, Adobe Captivate, and Microsoft Excel are not the right tools for checking color contrast on web pages. Photoshop can show color values, but it's not made for accessibility testing. Captivate and Excel are used for creating content, not for testing accessibility. For accurate color contrast testing, you should use tools like Microsoft Accessibility Insights, which are built for this purpose.
+      explanation: Incorrect. Adobe Photoshop, Adobe Captivate, and Microsoft Excel aren't the right tools for checking color contrast on web pages. Photoshop can show color values, but it's not made for accessibility testing. Captivate and Excel are used for creating content, not for testing accessibility. For accurate color contrast testing, you should use tools like Microsoft Accessibility Insights, which are built for this purpose.
 
   - content: What is a key consideration to ensure accessibility in color and contrast?
     choices:
     - content: Using as many web-safe colors as possible
       isCorrect: false
-      explanation: Incorrect. While web-safe colors, testing phase guidelines, and avoiding collaboration may seem relevant, they don't directly address the key to accessibility. Accessibility is about ensuring that all users, including those with vision impairments, can easily interact with your digital prodcuts. This requires using gathering feedback from real users.
+      explanation: Incorrect. While web-safe colors, testing phase guidelines, and avoiding collaboration may seem relevant, they don't directly address the key to accessibility. Accessibility is about ensuring that all users, including those with vision impairments, can easily interact with your digital products. This requires using gathering feedback from real users.
     - content: Gathering user feedback
       isCorrect: true
       explanation: Correct. Gathering user feedback is crucial to ensuring accessibility in color and contrast. Users with different visual impairments can provide valuable insights into how well the design meets their needs.
     - content: Adopting accessibility guidelines in the testing phase
       isCorrect: false
-      explanation: Incorrect. While web-safe colors, testing phase guidelines, and avoiding collaboration may seem relevant, they don't directly address the key to accessibility. Accessibility is about ensuring that all users, including those with vision impairments, can easily interact with your digital prodcuts. This requires using gathering feedback from real users.
+      explanation: Incorrect. While web-safe colors, testing phase guidelines, and avoiding collaboration may seem relevant, they don't directly address the key to accessibility. Accessibility is about ensuring that all users, including those with vision impairments, can easily interact with your digital products. This requires using gathering feedback from real users.
     - content: Avoiding collaboration between designers and developers
       isCorrect: false
-      explanation: Incorrect. While web-safe colors, testing phase guidelines, and avoiding collaboration may seem relevant, they don't directly address the key to accessibility. Accessibility is about ensuring that all users, including those with vision impairments, can easily interact with your digital prodcuts. This requires using gathering feedback from real users.
+      explanation: Incorrect. While web-safe colors, testing phase guidelines, and avoiding collaboration may seem relevant, they don't directly address the key to accessibility. Accessibility is about ensuring that all users, including those with vision impairments, can easily interact with your digital products. This requires using gathering feedback from real users.
 
   - content: Which is the best testing method for color and contrast? ct?
     choices:

learn-pr/cela-accessibility/develop-products-with-accessible-color-contrast/includes/1-introduction.md

@@ -1 +1 @@
-In this module, you will focus on color and contrast within accessibility. Color and contrast play a vital role in accessible design by ensuring that content is perceivable by all users, including those with visual impairments. It is essential to consider how color choices and contrast levels can impact the usability of websites and applications, particularly for users with visual impairments, color blindness, or other disabilities. In this unit, you will explore the importance of color and contrast and delve into key concepts such as contrast ratio, image of text, large scale, pure decoration, and high contrast, all within the framework of the Web Content Accessibility Guidelines (WCAG).
+In this module, you focus on color and contrast within accessibility. Color and contrast play a vital role in accessible design by ensuring that content is perceivable by all users, including those with visual impairments. it's essential to consider how color choices and contrast levels can impact the usability of websites and applications, particularly for users with visual impairments, color blindness, or other disabilities. In this unit, you explore the importance of color and contrast and delve into key concepts such as contrast ratio, image of text, large scale, pure decoration, and high contrast, all within the framework of the Web Content Accessibility Guidelines (WCAG).

learn-pr/cela-accessibility/develop-products-with-accessible-color-contrast/includes/2-color-contrast-accessibility-fundamentals.md

@@ -1,19 +1,19 @@
-## Key Terms and Concepts 
+## Key terms and concepts 
 
 Familiarizing yourself with key terms is essential for effective color and contrast. Let's define and explain some of the most important terms:
 
-- **Contrast ratio**: This is a measurement of the difference in luminance between two colors. The Web Accessibility Guidelines (WCAG) define minimum contrast ratios for text and images of text to ensure readability. For example, normal text has a required minimum contrast ratio of **4.5:1**, which means the foreground color is 4.5 times brighter than the background color. Non-text and Large-scale text (larger fonts) need a contrast ratio of at least **3:1**.
+- **Contrast ratio**: This is a measurement of the difference in luminance between two colors. The Web Accessibility Guidelines (WCAG) define minimum contrast ratios for text and images of text to ensure readability. For example, normal text has a required minimum contrast ratio of **4.5:1**, which means the foreground color is 4.5 times brighter than the background color. Nontext and Large-scale text (larger fonts) needs a contrast ratio of at least **3:1**.
 
-- **Image of text**: This refers to the text presented within an image. According to WCAG, images of text should be avoided unless the text cannot be presented in any other way, such as a logo. This is because images of text do not scale or change colors as well as text, potentially leading to accessibility issues.
+- **Image of text**: This refers to the text presented within an image. According to WCAG, images of text should be avoided unless the text can't be presented in any other way, such as a logo. This is because images of text don't scale or change colors and text, potentially leading to accessibility issues.
 
-  **Decorative Elements**: Decorative elements do not convey any information and are not used for interaction. For accessibility purposes, these elements do not need to meet contrast requirements, as they do not impact the [user's understanding of content or navigation](https://www.w3.org/WAI/WCAG22/Understanding/non-text-contrast.html#:~:text=would%20still%20conform.-,Required%20for%20Understanding,-The%20term%20%22required).
+  **Decorative Elements**: Decorative elements don't convey any information and aren't used for interaction. For accessibility purposes, these elements don't need to meet contrast requirements, as they don't impact the [user's understanding of content or navigation](https://www.w3.org/WAI/WCAG22/Understanding/non-text-contrast.html#:~:text=would%20still%20conform.-,Required%20for%20Understanding,-The%20term%20%22required).
 
 - **Windows Contrast Themes**: Windows contrast themes refer to the theme settings that use color combinations where text and important UI elements are presented with a significant difference in color and brightness from their background. Strongly contrasting colors can make it quicker and easier to read for people with low vision from your PC. Users can select respective themes by select Start button -> Settings -> Accessibility -> Contrast themes.
 
-## Importance of Color and Contrast
+## Importance of color and contrast
 
-Color and contrast are critical in designing digital products, as they greatly influence the readability and usability of content. Effective use of color and contrast ensures that text and other elements are easily distinguishable. This is particularly important for users with visual impairments, such as low visual acuity, color deficiencies, and low contrast sensitivity, as well as for users interacting with a screen in a brightly lit environment. High-contrast color schemes between text and background enhance the user's ability to differentiate between text, buttons, and interactive elements. This helps prevent eye strain and improves accessibility for all users, especially in low-light environments or on smaller screens.
+Color and contrast are critical in designing digital products, as they greatly influence the readability and usability of content. Effective use of color and contrast ensures that text and other elements are easily distinguishable. This is important for users with visual impairments, such as low visual acuity, color deficiencies, and low contrast sensitivity, and for users interacting with a screen in a brightly lit environment. High-contrast color schemes between text and background enhance the user's ability to differentiate between text, buttons, and interactive elements. This helps prevent eye strain and improves accessibility for all users, especially in low-light environments or on smaller screens.
 
 Moreover, color and contrast are essential for crafting an inclusive user experience in digital products. By following accessibility standards like the Web Content Accessibility Guidelines (WCAG), designers and developers can ensure their products are accessible to a wider audience. This not only aids in meeting legal requirements but also reflects a strong commitment to diversity and inclusion.
 
-In addition to improving accessibility, the effective use of color and contrast can enhance the overall aesthetic appeal and user engagement of digital products. Thoughtful color choices can evoke emotions, reinforce brand identity, and direct users' attention to important elements. High-contrast colors can emphasize key information and call-to-action buttons, making navigation and interaction with the content more intuitive. By prioritizing color and contrast in design, designers can ensure their digital products are not only functional and accessible but also visually appealing and engaging.
+In addition to improving accessibility, the effective use of color and contrast can enhance the overall aesthetic appeal and user engagement of digital products. Thoughtful color choices can evoke emotions, reinforce brand identity, and direct users' attention to important elements. High-contrast colors can emphasize key information and call-to-action buttons, making navigation and interaction with the content more intuitive. By prioritizing color and contrast in design, designers can ensure their digital products aren't only functional and accessible but also visually appealing and engaging.