From 23698cc951fa931213d65b534d97f736239d70f9 Mon Sep 17 00:00:00 2001
From: Mayada <115709272+Maddily@users.noreply.github.com>
Date: Mon, 18 Nov 2024 08:17:30 +0200
Subject: [PATCH 1/2] Use consistent en-US spelling for labelling and labelled

---
 advanced_html_css/accessibility/wai_aria.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/advanced_html_css/accessibility/wai_aria.md b/advanced_html_css/accessibility/wai_aria.md
index 16a37fbaa5..63b124fe06 100644
--- a/advanced_html_css/accessibility/wai_aria.md
+++ b/advanced_html_css/accessibility/wai_aria.md
@@ -84,10 +84,10 @@ The `aria-labelledby` attribute overrides both the native label and the `aria-la
 The great thing about `aria-labelledby` is that not only can you pass in any number of `id` references, but you can also have an element reference itself. Keep in mind that you can't pass in the same reference multiple times, because any subsequent references after the first will be ignored.
 
 ```html
-<!-- Here's the labelling element -->
+<!-- Here's the labeling element -->
 <h2 id='label'>Shirts</h2>
 
-<!-- And here's the labelled element. Note the order of the ID references passed in -->
+<!-- And here's the labeled element. Note the order of the ID references passed in -->
 <button type='button' id='shop-btn' aria-labelledby='label shop-btn'>Shop Now</button>
 ```
 

From 7ef00408cffd4baa1bd76dc13e6537e95dda863f Mon Sep 17 00:00:00 2001
From: Mayada <115709272+Maddily@users.noreply.github.com>
Date: Mon, 18 Nov 2024 09:10:36 +0200
Subject: [PATCH 2/2] Fix typo

---
 advanced_html_css/accessibility/wai_aria.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/advanced_html_css/accessibility/wai_aria.md b/advanced_html_css/accessibility/wai_aria.md
index 63b124fe06..87843f1ecd 100644
--- a/advanced_html_css/accessibility/wai_aria.md
+++ b/advanced_html_css/accessibility/wai_aria.md
@@ -109,7 +109,7 @@ Although it may work somewhat similarly to the native `<label>` element, `aria-l
 
 #### aria-describedby
 
-The `aria-describedby` attribute modifies the description property in the accessibility tree. Similar to the `aria-labelledby` attribute, when you use this attribute you pass in the `id` values of other elements as the `aria-describedby` value, and the elements whose `id` value are passed in can also be visually hidden.
+The `aria-describedby` attribute modifies the description property in the accessibility tree. Similar to the `aria-labelledby` attribute, when you use this attribute, you pass in the `id` values of other elements as the `aria-describedby` value, and the elements whose `id` values are passed in can also be visually hidden.
 
 ```html
 <label>Password:
@@ -120,7 +120,7 @@ The `aria-describedby` attribute modifies the description property in the access
 <span id='password-requirements'>Password must be at least 10 characters long.</span>
 ```
 
-When the `<input>` element receives focus, a screen reader would announce, "Password, edit protected, password must be at least ten characters long." This immediately notifies a screen reader user of any requirements for the password they want to choose, any time the input receives focus.
+When the `<input>` element receives focus, a screen reader would announce, "Password, edit protected, password must be at least ten characters long." This immediately notifies a screen reader user of any requirements for the password they want to choose any time the input receives focus.
 
 ### Hiding content from the accessibility tree