Skip to content

Commit

Permalink
#5429 for Toolbar
Browse files Browse the repository at this point in the history
  • Loading branch information
yigitfindikli committed Nov 29, 2023
1 parent 40fe77c commit c19962a
Showing 1 changed file with 10 additions and 13 deletions.
23 changes: 10 additions & 13 deletions components/doc/toolbar/accessibilitydoc.js
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@
import { DevelopmentSection } from '@/components/doc/common/developmentsection';
import { DocSectionCode } from '@/components/doc/common/docsectioncode';
import { DocSectionText } from '@/components/doc/common/docsectiontext';

Expand All @@ -12,19 +11,17 @@ export function AccessibilityDoc() {
};

return (
<DevelopmentSection>
<DocSectionText id="accessibility" label="Accessibility">
<h3>Screen Reader</h3>
<p>
Toolbar uses <i>toolbar</i> role for the root element, <i>aria-orientation</i> is not included as it defaults to <i>horizontal</i>. Any valid attribute is passed to the root element so you may add additional properties like{' '}
<i>aria-labelledby</i> and <i>aria-labelled</i> to define the element if required.
</p>
<DocSectionText id="accessibility" label="Accessibility">
<h3>Screen Reader</h3>
<p>
Toolbar uses <i>toolbar</i> role for the root element, <i>aria-orientation</i> is not included as it defaults to <i>horizontal</i>. Any valid attribute is passed to the root element so you may add additional properties like{' '}
<i>aria-labelledby</i> and <i>aria-labelled</i> to define the element if required.
</p>

<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />

<h3>Keyboard Support</h3>
<p>Component does not include any interactive elements. Arbitrary content can be placed with templating and elements like buttons inside should follow the page tab sequence.</p>
</DocSectionText>
</DevelopmentSection>
<h3>Keyboard Support</h3>
<p>Component does not include any interactive elements. Arbitrary content can be placed with templating and elements like buttons inside should follow the page tab sequence.</p>
</DocSectionText>
);
}

0 comments on commit c19962a

Please sign in to comment.