Skip to content

Commit 3d4cbe2

Browse files
committed
Fix blocked issue
1 parent 9deb81f commit 3d4cbe2

10 files changed

+16
-16
lines changed

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ uid: learn.cela-accessibility.develop-products-with-accessible-color-contrast.in
33
title: Introduction
44
metadata:
55
title: Introduction
6-
description: This unit is a part of the develop products with accessible color and contrast module.
6+
description: This unit is a part of the Develop products with accessible color and contrast module.
77
ms.date: 02/12/2025
88
author: erzelman
99
ms.author: erzelman

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ uid: learn.cela-accessibility.develop-products-with-accessible-color-contrast.co
33
title: Color and contrast accessibility fundamentals
44
metadata:
55
title: Color and contrast accessibility fundamentals
6-
description: This unit is a part of the develop products with accessible color and contrast module.
6+
description: This unit is a part of the Develop products with accessible color and contrast module.
77
ms.date: 02/12/2025
88
author: erzelman
99
ms.author: erzelman

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,8 @@
22
uid: learn.cela-accessibility.develop-products-with-accessible-color-contrast.review-accessibility-guidelines
33
title: Review accessibility guidelines
44
metadata:
5-
title: Review accessibility guidelines
6-
description: This unit is a part of the develop products with accessible color and contrast module.
5+
title: Review Accessibility Guidelines
6+
description: This unit is a part of the Develop products with accessible color and contrast module.
77
ms.date: 02/12/2025
88
author: erzelman
99
ms.author: erzelman

learn-pr/cela-accessibility/develop-products-with-accessible-color-contrast/4-design-color-contrast-accessibility.yml

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,8 @@
22
uid: learn.cela-accessibility.develop-products-with-accessible-color-contrast.design-color-contrast-accessibility
33
title: Design for color and contrast accessibility
44
metadata:
5-
title: Design for color and contrast accessibility
6-
description: This unit is a part of the develop products with accessible color and contrast module.
5+
title: Design for Color and Contrast Accessibility
6+
description: This unit is a part of the Develop products with accessible color and contrast module.
77
ms.date: 02/12/2025
88
author: erzelman
99
ms.author: erzelman

learn-pr/cela-accessibility/develop-products-with-accessible-color-contrast/5-implement-color-contrast-accessibility.yml

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,8 @@
22
uid: learn.cela-accessibility.develop-products-with-accessible-color-contrast.implement-color-contrast-accessibility
33
title: Implement color and contrast accessibility
44
metadata:
5-
title: Implement color and contrast accessibility
6-
description: This unit is a part of the develop products with accessible color and contrast module.
5+
title: Implement Color and Contrast Accessibility
6+
description: This unit is a part of the Develop products with accessible color and contrast module.
77
ms.date: 02/12/2025
88
author: erzelman
99
ms.author: erzelman

learn-pr/cela-accessibility/develop-products-with-accessible-color-contrast/6-test-color-contrast-accessibility.yml

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,8 @@
22
uid: learn.cela-accessibility.develop-products-with-accessible-color-contrast.test-color-contrast-accessibility
33
title: Test color and contrast accessibility
44
metadata:
5-
title: Test color and contrast accessibility
6-
description: This unit is a part of the develop products with accessible color and contrast module.
5+
title: Test Color and Contrast Accessibility
6+
description: This unit is a part of the Develop products with accessible color and contrast module.
77
ms.date: 02/12/2025
88
author: erzelman
99
ms.author: erzelman

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
uid: learn.cela-accessibility.develop-products-with-accessible-color-contrast.knowledge-check
33
title: Knowledge check
44
metadata:
5-
title: Knowledge check
5+
title: Knowledge Check
66
description: This is the knowledge check for the developed products with accessible color and contrast module.
77
ms.date: 02/12/2025
88
author: erzelman

learn-pr/cela-accessibility/develop-products-with-accessible-color-contrast/8-summary.yml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ uid: learn.cela-accessibility.develop-products-with-accessible-color-contrast.su
33
title: Summary
44
metadata:
55
title: Summary
6-
description: This unit is a part of the develop products with accessible color and contrast module.
6+
description: This unit is a part of the Develop products with accessible color and contrast module.
77
ms.date: 02/12/2025
88
author: erzelman
99
ms.author: erzelman

learn-pr/cela-accessibility/develop-products-with-accessible-color-contrast/includes/6-test-color-contrast-accessibility.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -28,12 +28,12 @@ Additionally, in Windows high-contrast mode, you can choose from four themes: Hi
2828

2929
:::image type="content" source="../media/color-contrast-testing-windows-high-contrast-modes.png" alt-text="Screenshot of view of the PowerPoint UI in four high-contrast Windows themes. The themes are labeled as High Contrast #1, High Contrast #2, High Contrast Black, and High Contrast White. Each theme alters the background, text, and interface colors to demonstrate how the presentation appears with different high-contrast settings. The slides contain a title text box and decorative elements, adjusted to match each theme's color scheme." lightbox="../media/color-contrast-testing-windows-high-contrast-modes.png":::
3030

31-
Mac OS and iOS operating systems support light and dark modes.
31+
macOS and iOS operating systems support light and dark modes.
3232

3333
:::image type="content" source="../media/color-contrast-testing-mac-high-contrast-modes.png" alt-text="Screenshot of view of the PowerPoint UI in two Mac modes: Light Mode and Dark Mode. In Light Mode, the slide background is bright with dark text, while in Dark Mode, the background is dark with lighter text and interface elements. The comparison demonstrates how the presentation adapts to different color settings for better visibility and accessibility." lightbox="../media/color-contrast-testing-mac-high-contrast-modes.png":::
3434

3535
> [!NOTE]
36-
> Mac OS has some contrast problems that make it challenging to see certain elements clearly. The Increased Contrast setting is off by default, but turning it on will improve the contrast for the operating system and in many apps. It will also turn on the "Reduce Transparency" setting. Before testing for contrast, ensure the "Increase Contrast" setting is turned on. To do this, go to System Settings > Accessibility > Display. Then, turn on the "Increase Contrast" setting.
36+
> macOS has some contrast problems that make it challenging to see certain elements clearly. The Increased Contrast setting is off by default, but turning it on will improve the contrast for the operating system and in many apps. It will also turn on the "Reduce Transparency" setting. Before testing for contrast, ensure the "Increase Contrast" setting is turned on. To do this, go to System Settings > Accessibility > Display. Then, turn on the "Increase Contrast" setting.
3737
3838
### Exercise 1
3939

@@ -56,7 +56,7 @@ Contrast of Color Pairs
5656

5757
:::image type="content" source="../media/power-point-insert-new-slide-button-focused.png" alt-text="Screenshot of the Microsoft PowerPoint button to insert a new slide." lightbox="../media/power-point-insert-new-slide-button-focused.png":::
5858

59-
All five instances pass the 3:1 contrast ratio requirement for UI components. Although the contrast for the interior and exterior fills are low, they both have sufficient contrast with the border that separates them.
59+
All five instances pass the 3:1 contrast ratio requirement for UI components. Although the contrasts for the interior and exterior fills are low, they both have sufficient contrast with the border that separates them.
6060

6161
A keyboard focus visual indicator appears when we place the keyboard focus on this icon. The visual indicator is also important for meaning, so the contrast requirement also applies to it. We need to check the color contrast between the color of the focus border and the exterior fill color next to it.
6262

learn-pr/cela-accessibility/develop-products-with-accessible-color-contrast/index.yml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ summary: |
1414
Understanding color and contrast are essential for accessibility in digital products like apps and websites. It ensures that content is readable and navigable for all users, including those with visual impairments, promoting an inclusive online experience.
1515
In this module, you learn the importance of color and contrast in digital design for accessibility. You cover key principles and requirements, including contrast ratios and user interface (UI) components. You recall essential considerations, apply practical tips for high-contrast needs, and identify tools for testing color contrast across all control states and themes.
1616
abstract: |
17-
By the end of this module, you're be able to:
17+
By the end of this module, you'll be able to:
1818
- Explain the importance of color and contrast in accessible design
1919
- Identify the accessibility principles and requirements related to color and contrast
2020
- Recall the key considerations for using color and contrast in the design of digital products

0 commit comments

Comments
 (0)