11 Example pages: Fix typo in accessibility features: change 'an' to …

content/patterns/combobox/examples/combobox-autocomplete-both.html

@@ -143,7 +143,7 @@ <h2>Accessibility Features</h2>
               <li>To help people with visual impairments identify the combobox as an interactive element, the cursor is changed to a pointer when hovering over the combobox or list.</li>
               <li>To make it easier to distinguish the selected listbox option from other options, selection creates a 2 pixel border above and below the option.</li>
               <li>
-                Note: Because transparent borders are visible on some systems with operating system high contrast settings enabled, transparency cannot be used to create a visual difference between the element that is focused an other elements.
+                Note: Because transparent borders are visible on some systems with operating system high contrast settings enabled, transparency cannot be used to create a visual difference between the element that is focused and other elements.
                 Instead of using transparency, the focused element has a thicker border and less padding.
                 When an element receives focus, its border changes from zero to two pixels and padding is reduced by two pixels.
                 When an element loses focus, its border changes from two pixels to two and padding is increased by two pixels.

content/patterns/combobox/examples/combobox-autocomplete-list.html

@@ -143,7 +143,7 @@ <h2>Accessibility Features</h2>
               <li>To help people with visual impairments identify the combobox as an interactive element, the cursor is changed to a pointer when hovering over the combobox or list.</li>
               <li>To make it easier to distinguish the selected listbox option from other options, selection creates a 2 pixel border above and below the option.</li>
               <li>
-                Note: Because transparent borders are visible on some systems with operating system high contrast settings enabled, transparency cannot be used to create a visual difference between the element that is focused an other elements.
+                Note: Because transparent borders are visible on some systems with operating system high contrast settings enabled, transparency cannot be used to create a visual difference between the element that is focused and other elements.
                 Instead of using transparency, the focused element has a thicker border and less padding.
                 When an element receives focus, its border changes from zero to two pixels and padding is reduced by two pixels.
                 When an element loses focus, its border changes from two pixels to two and padding is increased by two pixels.

content/patterns/combobox/examples/combobox-autocomplete-none.html

@@ -96,7 +96,7 @@ <h2>Accessibility Features</h2>
               <li>To help people with visual impairments identify the combobox as an interactive element, the cursor is changed to a pointer when hovering over the combobox or list.</li>
               <li>To make it easier to distinguish the selected listbox option from other options, selection creates a 2 pixel border above and below the option.</li>
               <li>
-                Note: Because transparent borders are visible on some systems with operating system high contrast settings enabled, transparency cannot be used to create a visual difference between the element that is focused an other elements.
+                Note: Because transparent borders are visible on some systems with operating system high contrast settings enabled, transparency cannot be used to create a visual difference between the element that is focused and other elements.
                 Instead of using transparency, the focused element has a thicker border and less padding.
                 When an element receives focus, its border changes from zero to two pixels and padding is reduced by two pixels.
                 When an element loses focus, its border changes from two pixels to two and padding is increased by two pixels.

content/patterns/disclosure/examples/disclosure-faq.html

@@ -106,7 +106,7 @@ <h2>Accessibility Features</h2>
           </li>
           <li>To help people with visual impairments identify the disclosure as interactive and make it easier to perceive that clicking either the disclosure button or its label changes the expanded state, when a pointer hovers over the button or its label, the background color changes, a border appears, and the cursor changes to a pointer.</li>
           <li>
-            Because transparent borders are visible on some systems with operating system high contrast settings enabled, transparency cannot be used to create a visual difference between the element that is focused an other elements.
+            Because transparent borders are visible on some systems with operating system high contrast settings enabled, transparency cannot be used to create a visual difference between the element that is focused and other elements.
             Instead of using transparency, the focused element has a thicker border and less padding.
             When an element receives focus, its border changes from 0 to 2 pixels and padding is reduced by 2 pixels.
             When an element loses focus, its border changes from 2 pixels to 0 and padding is increased by 2 pixels.

content/patterns/disclosure/examples/disclosure-image-description.html

@@ -249,7 +249,7 @@ <h2>Accessibility Features</h2>
         <ul>
           <li>To help people with visual impairments identify the disclosure as interactive and make it easier to perceive that clicking either the disclosure button or its label changes the expanded state, when a pointer hovers over the button or its label, the background color changes, a border appears, and the cursor changes to a pointer.</li>
           <li>
-            Because transparent borders are visible on some systems with operating system high contrast settings enabled, transparency cannot be used to create a visual difference between the element that is focused an other elements.
+            Because transparent borders are visible on some systems with operating system high contrast settings enabled, transparency cannot be used to create a visual difference between the element that is focused and other elements.
             Instead of using transparency, the focused element has a thicker border and less padding.
             When an element receives focus, its border changes from 0 to 2 pixels and padding is reduced by 2 pixels.
             When an element loses focus, its border changes from 2 pixels to 0 and padding is increased by 2 pixels.

content/patterns/menu-button/examples/menu-button-actions-active-descendant.html

@@ -79,7 +79,7 @@ <h2>Accessibility Features</h2>
             To support operating system high contrast settings:
             <ul>
               <li>
-                Because transparent borders are visible on some systems with operating system high contrast settings enabled, transparency cannot be used to create a visual difference between the element that is focused an other elements.
+                Because transparent borders are visible on some systems with operating system high contrast settings enabled, transparency cannot be used to create a visual difference between the element that is focused and other elements.
                 Instead of using transparency, the focused element has a thicker border and less padding.
                 When an element receives focus, its border changes from 1 to 3 pixels and padding is reduced by 2 pixels.
                 When an element loses focus, its border changes from 3 pixels to 1 and padding is increased by 2 pixels.

content/patterns/menu-button/examples/menu-button-actions.html

@@ -80,7 +80,7 @@ <h2>Accessibility Features</h2>
             To support operating system high contrast settings:
             <ul>
               <li>
-                Because transparent borders are visible on some systems with operating system high contrast settings enabled, transparency cannot be used to create a visual difference between the element that is focused an other elements.
+                Because transparent borders are visible on some systems with operating system high contrast settings enabled, transparency cannot be used to create a visual difference between the element that is focused and other elements.
                 Instead of using transparency, the focused element has a thicker border and less padding.
                 When an element receives focus, its border changes from 1 to 3 pixels and padding is reduced by 2 pixels.
                 When an element loses focus, its border changes from 3 pixels to 1 and padding is increased by 2 pixels.

content/patterns/menu-button/examples/menu-button-links.html

@@ -96,7 +96,7 @@ <h2>Accessibility Features</h2>
             To support operating system high contrast settings:
             <ul>
               <li>
-                Because transparent borders are visible on some systems with operating system high contrast settings enabled, transparency cannot be used to create a visual difference between the element that is focused an other elements.
+                Because transparent borders are visible on some systems with operating system high contrast settings enabled, transparency cannot be used to create a visual difference between the element that is focused and other elements.
                 Instead of using transparency, the focused element has a thicker border and less padding.
                 When an element receives focus, its border changes from 1 to 3 pixels and padding is reduced by 2 pixels.
                 When an element loses focus, its border changes from 3 pixels to 1 and padding is increased by 2 pixels.

content/patterns/menubar/examples/menubar-navigation.html

@@ -65,7 +65,7 @@
             <!-- NOTE: In an actual website, the header element would be a top level element, i.e., it would have the body as its scope.
           If the scope of the header element were body, browsers would automatically treat the header as an ARIA banner,
           so the header would not need the role="banner". -->
             <header role="banner">
               <div class="title">Mythical University</div>
               <div class="tagline">Using a Menubar for navigation links</div>
             </header>
@@ -213,7 +213,7 @@
             <!-- NOTE: The following SECTION element would be a MAIN element in an actual website -->
             <div class="main">
               <section aria-labelledby="id-page-title">
                 <h1 id="id-page-title" class="page_title">Mythical University</h1>
                 <div class="content">
                   <p></p>
                 </div>
@@ -223,7 +223,7 @@
               NOTE: In an actual website, the footer element would be a top level element, i.e., it would have the body as its scope.
               If the scope of the footer element were body, browsers would automatically treat the footer as an ARIA contentinfo landmark, so the footer would not need the role="contentinfo".
             -->
             <footer role="contentinfo">Mythical University footer information</footer>
           </div>
         </div>
         <div role="separator" id="ex_end_sep" aria-labelledby="ex_end_sep ex_label" aria-label="End of"></div>
@@ -259,7 +259,7 @@
             To support operating system high contrast settings:
             <ul>
               <li>
-                Because transparent borders are visible on some systems with operating system high contrast settings enabled, transparency cannot be used to create a visual difference between the element that is focused an other elements.
+                Because transparent borders are visible on some systems with operating system high contrast settings enabled, transparency cannot be used to create a visual difference between the element that is focused and other elements.
                 Instead of using transparency, the focused element has a thicker border and less padding.
                 When an element receives focus, its border changes from 0 to 2 pixels and padding is reduced by 2 pixels.
                 When an element loses focus, its border changes from 2 to 0 pixels and padding is increased by 2 pixels.

content/patterns/switch/examples/switch-checkbox.html

@@ -99,7 +99,7 @@ <h2>Accessibility Features</h2>
               <li>To make it easier to perceive that clicking either the label or switch will activate the switch, the hover indicator is the same as the focus indicator.</li>
               <li>To help people with visual impairments identify the switch as an interactive element, the cursor is changed to a pointer when hovering over the switch.</li>
               <li>
-                Note: Because transparent borders are visible on some systems with operating system high contrast settings enabled, transparency cannot be used to create a visual difference between the element that is focused an other elements.
+                Note: Because transparent borders are visible on some systems with operating system high contrast settings enabled, transparency cannot be used to create a visual difference between the element that is focused and other elements.
                 Instead of using transparency, the focused element has a thicker border and less padding.
                 When an element receives focus, its border changes from zero to two pixels and padding is reduced by two pixels.
                 When an element loses focus, its border changes from two pixels to zero and padding is increased by two pixels.

content/patterns/switch/examples/switch.html

@@ -80,7 +80,7 @@ <h2>Accessibility Features</h2>
               <li>To make it easier to perceive that clicking either the label or switch will activate the switch, the hover indicator is the same as the focus indicator.</li>
               <li>To help people with visual impairments identify the switch as an interactive element, the cursor is changed to a pointer when hovering over the switch.</li>
               <li>
-                Note: Because transparent borders are visible on some systems with operating system high contrast settings enabled, transparency cannot be used to create a visual difference between the element that is focused an other elements.
+                Note: Because transparent borders are visible on some systems with operating system high contrast settings enabled, transparency cannot be used to create a visual difference between the element that is focused and other elements.
                 Instead of using transparency, the focused element has a thicker border and less padding.
                 When an element receives focus, its border changes from zero to two pixels and padding is reduced by two pixels.
                 When an element loses focus, its border changes from two pixels to two and padding is increased by two pixels.