fix: Update docs

modules/badge/css/README.md

@@ -43,6 +43,12 @@ accessibility concerns you'll want to keep in mind:
 </div>
 ```
 
+> Note: To use the `wdc-accessible-hide` class, you'll need to import it from the core module.
+
+```scss
+@import '~@workday/canvas-kit-css-core/lib/accessibility.scss';
+```
+
 ## Usage
 
 ### Variants

modules/badge/react/README.md

@@ -26,7 +26,18 @@ accessibility concerns you'll want to keep in mind:
 
 ### Example
 
-```jsx
+```tsx
+import styled from '@emotion/styled';
+import { accessibleHide } from "@workday/canvas-kit-react";
+
+...
+
+const AccessibleHide = styled('div')({
+  ...accessibleHide,
+});
+
+...
+
 <IconButton
   style={{ position: "relative" }}
   aria-label={`Alerts ${count} new notifications`}
@@ -36,7 +47,7 @@ accessibility concerns you'll want to keep in mind:
   <SystemIcon icon={notificationsIcon} aria-hidden="true" />
   <Badge count={count} aria-hidden="true" />
 </IconButton>
-<div className="wdc-accessible-hide" role="status" aria-live="polite" aria-atomic="true">
+<AccessibleHide role="status" aria-live="polite" aria-atomic="true">
   New notifications
 </div>
 ```