Skip to content

Commit

Permalink
Updated Tick marks docs to highlight accessibleLabel property.
Browse files Browse the repository at this point in the history
  • Loading branch information
1Copenut committed Apr 11, 2024
1 parent 5cc66a5 commit 7c155dc
Showing 1 changed file with 10 additions and 0 deletions.
10 changes: 10 additions & 0 deletions src-docs/src/views/range/range_example.js
Original file line number Diff line number Diff line change
Expand Up @@ -238,6 +238,16 @@ export const RangeControlExample = {
<EuiCode>label</EuiCode>. The value must be included in the range of
values (min-max), though the label may be anything you choose.
</p>
<p>
The <EuiCode>EuiRangeTick</EuiCode> interface now includes an
optional <EuiCode>accessibleLabel</EuiCode>. This property is
combined with the current <EuiCode>value</EuiCode> to render an{' '}
<EuiCode>aria-valuetext</EuiCode> attribute. If the accessible label
is not included, <EuiCode>aria-valuetext</EuiCode> will be the
computed current value. This attribute is announced to screen reader
users and is useful when values are defined differently than tick
labels.
</p>
<EuiCallOut
color="warning"
title="Minimum of 5px width per tick allowed"
Expand Down

0 comments on commit 7c155dc

Please sign in to comment.