Skip to content

Commit

Permalink
#5429 for Card
Browse files Browse the repository at this point in the history
  • Loading branch information
yigitfindikli committed Nov 28, 2023
1 parent 5f85401 commit eae284c
Showing 1 changed file with 14 additions and 17 deletions.
31 changes: 14 additions & 17 deletions components/doc/card/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,23 +11,21 @@ export function AccessibilityDoc() {
};

return (
<DevelopmentSection>
<DocSectionText id="accessibility" label="Accessibility">
<h3>Screen Reader</h3>
<p>
A card can be utilized in many use cases as a result no role is enforced, in fact a role may not be necessary if the card is used for presentational purposes only. Any valid attribute is passed to the container element so if you
require to use one of the{' '}
<a href="https://www.w3.org/TR/wai-aria/#landmark" alt="Landmark Roles">
landmark
</a>{' '}
roles like <i>region</i>, you may use the <i>role</i> property.
</p>
<DocSectionText id="accessibility" label="Accessibility">
<h3>Screen Reader</h3>
<p>
A card can be utilized in many use cases as a result no role is enforced, in fact a role may not be necessary if the card is used for presentational purposes only. Any valid attribute is passed to the container element so if you
require to use one of the{' '}
<a href="https://www.w3.org/TR/wai-aria/#landmark" alt="Landmark Roles">
landmark
</a>{' '}
roles like <i>region</i>, you may use the <i>role</i> property.
</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.</p>
</DocSectionText>
</DevelopmentSection>
<h3>Keyboard Support</h3>
<p>Component does not include any interactive elements.</p>
</DocSectionText>
);
}

0 comments on commit eae284c

Please sign in to comment.