improving documentation

Author: mituron

docs/src/examples/components/Carousel/BestPractices/CarouselBestPractices.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react'
 import { Text } from '@fluentui/react'
+import { Box } from '@fluentui/react'
 import { link } from '../../../../utils/helpers'
 
 import ComponentBestPractices from 'docs/src/components/ComponentBestPractices'
@@ -10,6 +11,15 @@ const doList = [
     {link('reported issue', 'https://bugs.chromium.org/p/chromium/issues/detail?id=1040924')} for
     details).
   </Text>,
+  'Provide  localized string of the "carousel" using `ariaRoleDescription` prop.',
+  'Provide label to the carousel using `ariaLabel` prop.',
+  <Box>
+    If carousel contains `navigation`: 
+    <ul>
+      <li> provide label to `navigation` and to navigation item using `aria-label` attribute</li> 
+      <li> add `aria-controls` attribute to navigation item referencing by `carouselItem` id </li>
+    </ul>
+  </Box>,
 ]
 
 const CarouselBestPractices: React.FunctionComponent<{}> = () => {