Carousel Examples: ad note informing authors that aria-rolesdescripti…

…on uses the language of the page (pull #2358)

Fixes #2355 by:

Adding a note to the carousel examples that the `aria-roledescription` value uses the language of the page, similar to labeling of controls.

---------

Co-authored-by: Matt King <a11yThinker@gmail.com>

content/patterns/carousel/examples/carousel-1-prev-next.html

@@ -391,6 +391,7 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
                 <ul>
                   <li>Informs assistive technologies to identify the element as a &quot;carousel&quot; rather than a &quot;region.&quot;</li>
                   <li>Affects how the assistive technology renders the role but does not affect functionality, such as commands for navigating to landmark regions.</li>
+                  <li>NOTE: The <code>aria-roledescription</code> value is defined using the language of the page and should be localized by the author.</li>
                 </ul>
               </td>
             </tr>
@@ -463,6 +464,7 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
                 <ul>
                   <li>Informs assistive technologies to identify the element as a &quot;slide&quot; rather than a &quot;group.&quot;</li>
                   <li>Affects how the assistive technology renders the role but does not remove any assistive technology functions related to <code>group</code> elements.</li>
+                  <li>NOTE: The <code>aria-roledescription</code> value is defined using the language of the page and should be localized by the author.</li>
                 </ul>
               </td>
             </tr>

content/patterns/carousel/examples/carousel-2-tablist.html

@@ -499,6 +499,7 @@ <h3 id="rps_label_2">Tabs</h3>
                   <ul>
                     <li>Informs assistive technologies to identify the element as a "carousel" rather than as a "region".</li>
                     <li>Affects how assistive technologies render the role but does not affect functionality, such as commands for navigating to landmark regions.</li>
+                    <li>NOTE: The <code>aria-roledescription</code> value is defined using the language of the page and should be localized by the author.</li>
                   </ul>
                 </td>
               </tr>
@@ -676,6 +677,7 @@ <h3 id="rps_label_2">Tabs</h3>
                   <ul>
                     <li>Informs assistive technologies to identify the element as a "slide" rather than as a "tabpanel".</li>
                     <li>Affects how assistive technologies render the role but does not affect assistive technology functionality.</li>
+                    <li>NOTE: The <code>aria-roledescription</code> value is defined using the language of the page and should be localized by the author.</li>
                   </ul>
                 </td>
               </tr>