Merge pull request #6601 from MicrosoftDocs/niels9001/sound

Fix Sound ToC ordering and remove Sound tile from Design overview

Author: GrantMeStrength

.openpublishing.redirection.json

@@ -1,5 +1,10 @@
 {
   "redirections": [
+    {
+      "source_path": "hub/apps/design/style/sound.md",
+      "redirect_url": "/windows/apps/develop/ui/sound",
+      "redirect_document_id": false
+    },
     {
       "source_path": "hub/apps/design/app-settings/store-and-retrieve-app-data.md",
       "redirect_url": "/windows/apps/develop/data/store-and-retrieve-app-data",

hub/apps/design/guidelines-overview.md

@@ -68,11 +68,6 @@ Use these fundamentals as a guide throughout your design process—whether you'r
     :::column-end:::
 :::row-end:::
 :::row:::
-    :::column:::
-       [![Sound icon](./images/tile-sound.png)](./style/sound.md)<br>
-        **[Sound](./style/sound.md)**<br>
-        Use audio cues to provide feedback, reinforce actions, and support accessibility.
-    :::column-end:::
     :::column:::
        [![Typography icon](./images/tile-typography.png)](./signature-experiences/typography.md)<br>
         **[Typography](./signature-experiences/typography.md)**<br>
@@ -83,19 +78,21 @@ Use these fundamentals as a guide throughout your design process—whether you'r
         **[Usability](./usability/index.md)**<br>
         Ensure your app is easy to use through intuitive interactions, clear affordances, and accessibility.
     :::column-end:::
-:::row-end:::
-
-:::row:::
     :::column:::
        [![Widgets icon](./images/tile-widgets.png)](./widgets/index.md)<br>
         **[Widgets](./widgets/index.md)**<br>
         Extend your app with glanceable, interactive surfaces that surface key information and actions.
     :::column-end:::
+:::row-end:::
+
+:::row:::
     :::column:::
        [![Writing icon](./images/tile-writing.png)](style/writing-style.md )<br>
         **[Writing](./style/writing-style.md )**<br>
         Use clear, concise, and helpful language to improve understanding and reduce cognitive load.
     :::column-end:::
     :::column:::
     :::column-end:::
+    :::column:::
+    :::column-end:::
 :::row-end:::

hub/apps/design/toc.yml

@@ -68,8 +68,6 @@ items:
           href: motion/directionality-and-gravity.md
     - name: Navigation
       href: basics/navigation-basics.md
-    - name: Sound
-      href: style/sound.md
     - name: Typography
       href: signature-experiences/typography.md
     - name: Usability

hub/apps/develop/toc.yml

@@ -989,6 +989,8 @@ items:
             href: ui/layouts-with-xaml.md
           - name: Shadows
             href: ui/shadows.md
+          - name: Sound
+            href: ui/sound.md
           - name: Windowing
             items:
               - name: Overview

hub/apps/design/style/sound.md hub/apps/develop/ui/sound.mdhub/apps/design/style/sound.md renamed to hub/apps/develop/ui/sound.md

@@ -3,19 +3,14 @@ description: Sound helps complete an application's user experience, and gives th
 label: Sound
 title: Sound
 template: detail.hbs
-ms.assetid: 9fa77494-2525-4491-8f26-dc733b6a18f6
-ms.date: 05/19/2017
+ms.date: 04/08/2026
 ms.topic: how-to
 keywords: windows 10, winui
-pm-contact: kisai
-design-contact: mattben
-dev-contact: joyate
-doc-status: Published
 ms.localizationpriority: medium
 ---
 # Sound
 
-![hero image](images/header-sound.svg)
+![hero image](../../design/style/images/header-sound.svg)
 
 There are many ways to use sound to enhance your app. You can use to sound to supplement other UI elements, enabling users to recognize events audibly. Sound can be an effective user interface element for people with visual disabilities. You can use sound to create an atmosphere that immerses the user; for example, you might play a whimsical soundtrack in the background of puzzle game, or use ominous sound effects for a horror/survival game.
 
@@ -31,9 +26,9 @@ There are many ways to use sound to enhance your app. You can use to sound to su
 
 ## Sound Global API
 
-UWP provides an easily accessible sound system that allows you to simply "flip a switch" and get an immersive audio experience across your entire app.
+WinUI provides an easily accessible sound system that allows you to simply "flip a switch" and get an immersive audio experience across your entire app.
 
-The [**ElementSoundPlayer**](/uwp/api/windows.ui.xaml.elementsoundplayer) is an integrated sound system within XAML, and when turned on all default controls will play sounds automatically.
+The [**ElementSoundPlayer**](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.elementsoundplayer) is an integrated sound system within XAML, and when turned on all default controls will play sounds automatically.
 ```C#
 ElementSoundPlayer.State = ElementSoundPlayerState.On;
 ```
@@ -88,7 +83,7 @@ Each sound relates to a certain basic user interaction, and although sounds can
 
 The most common control-triggered sound in our system today is the **Invoke** sound. This sound plays when a user invokes a control through a tap/click/enter/space or press of the 'A' button on a gamepad.
 
-Typically, this sound is only played when a user explicitly targets a simple control or control part through an [input device](../input/index.md).
+Typically, this sound is only played when a user explicitly targets a simple control or control part through an [input device](../../design/input/index.md).
 
 
 To play this sound from any control event, simply call the Play method from **ElementSoundPlayer** and pass in **ElementSound.Invoke**:
@@ -112,7 +107,7 @@ ElementSoundPlayer.Play(ElementSoundKind.Hide);
 ```
 ### Navigation Within a Page
 
-When navigating between panels or views within an app's page (see [NavigationView](../controls/navigationview.md)), there is typically bidirectional movement. Meaning you can move to the next view/panel or the previous one, without leaving the current app page you're on.
+When navigating between panels or views within an app's page (see [NavigationView](../../design/controls/navigationview.md)), there is typically bidirectional movement. Meaning you can move to the next view/panel or the previous one, without leaving the current app page you're on.
 
 The audio experience around this navigation concept is encompassed by the **MovePrevious** and **MoveNext** sounds.
 
@@ -152,5 +147,4 @@ The purpose behind this cycling feature is to keep the focus sounds from becomin
 
 ## Related articles
 
-* [Designing for Xbox and TV](../devices/designing-for-tv.md)
-* [ElementSoundPlayer class documentation](/uwp/api/windows.ui.xaml.elementsoundplayer)
+* [ElementSoundPlayer class documentation](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.elementsoundplayer)