Skip to content

Commit

Permalink
Update accessibility.mdx
Browse files Browse the repository at this point in the history
changed path
  • Loading branch information
mbgower committed Mar 15, 2022
1 parent acae761 commit 6ae6bf1
Showing 1 changed file with 5 additions and 0 deletions.
5 changes: 5 additions & 0 deletions src/pages/components/slider/accessibility.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,9 @@ description:
tabs: ['Usage', 'Style', 'Code', 'Accessibility']
---

import localVideo from './videos/slider.mp4';
import localPoster from './images/slider-accessibility-3.png';

<PageDescription>

No accessibility annotations are needed for sliders, but keep these considerations in mind if you are modifying Carbon or creating a custom component.
Expand Down Expand Up @@ -50,6 +53,8 @@ Tab order goes from slider to text input. Arrow keys are used to change the slid
<Row>
<Column colLg={8}>

<Video src={localVideo} poster={localPoster} />

![pointer clicks on slider range and input updates to 80. input value changes to 75 and slider repositions to match](images/slider-accessibility-3.png)

<Caption>The input value and slider position are in sync. An update to either causes the other to update.</Caption>
Expand Down

0 comments on commit 6ae6bf1

Please sign in to comment.