Skip to content

Commit

Permalink
Remove redundant accessibility section from React docs
Browse files Browse the repository at this point in the history
  • Loading branch information
danielguillan committed Jan 30, 2025
1 parent 64053b3 commit fd852ba
Showing 1 changed file with 0 additions and 24 deletions.
24 changes: 0 additions & 24 deletions apps/docs/content/components/Breadcrumbs/react.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -9,9 +9,6 @@ import {Label} from '@primer/react'
import {BreadcrumbVariants} from '@primer/react-brand'
import {PropTableValues} from '../../../src/components'

import doOverflow from './images/do-overflow.png'
import dontOverflow from './images/dont-overflow.png'

```js
import {Breadcrumbs} from '@primer/react-brand'
```
Expand Down Expand Up @@ -42,27 +39,6 @@ import {Breadcrumbs} from '@primer/react-brand'
</Breadcrumbs>
```

## Accessibility

Ensure that the text of each individual Breadcrumb item fits entirely within a 320px wide viewport. Failure to do this violates [WCAG 1.4.10 Reflow](https://github.com/github/accessibility-audit-guide/blob/main/web/WCAG/1.4.10%20Reflow.md).

<DoDontContainer>
<Do>
<img src={doOverflow} alt="" />
<Caption>
Use short Breadcrumb item names to ensure they fit within a 320px wide
viewport.
</Caption>
</Do>
<Dont>
<img src={dontOverflow} alt="" />
<Caption>
Don't allow Breadcrumb item names to overflow the 320px wide viewport, as
this violates WCAG 1.4.10 Reflow.
</Caption>
</Dont>
</DoDontContainer>

## Component props

### Breadcrumbs <Label>Required</Label>
Expand Down

0 comments on commit fd852ba

Please sign in to comment.