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 <[email protected]>
w3c · Mar 21, 2023 · d02c812 · d02c812
1 parent d748217
commit d02c812
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/content/patterns/carousel/examples/carousel-1-prev-next.html b/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>

diff --git a/content/patterns/carousel/examples/carousel-2-tablist.html b/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>