Recently the addon-a11y tool was added to storybook which has flagged a number of accessibility violations. To see the violations go to storybook and below each story click the accessibility tab. It would be great to clean up these accessibility violations. Some fixes may just require changes to story while others will require changes to grommet components. Below is a list of stories with accessibility violations. Feel free to contribute fixes per story or per component.

• All (need design help - Calendar color contrast & Calendar heading level Calendar - should be able to set the level of the header #7450)

Accordion

• Header Fix accordian storybook accessibility violation #6383
• CustomThemed/Rich

Drop

• Fix accessiblity violations in Drop storybooks #6384
• (Inline, Overflow, Plain, Simple, Styled)

Menu

• Children Fix accessibility violation in Menu/Children storybook #6410

Pagination

• (component wide error) <ul> and <ol> must only directly contain <li>, <script> or <template> elements
• Number edge pages
• Number middle pages
• Simple
• Size

CheckBox

• Inside a Button
• No label Fix checkbox no label accessibility violation #6449

FileInput

• Fix Storybook accessibility violations for the file input (#6124) #6417

Form

• Aggreagate validaton Form/AggregateValidation label violation fixed #6469
• Array of Form Fields Fix axe issues for ArrayOfFormFields #6464
• Controlled
• Controlled Input
• Controlled Input lazy
• Controlled lazy
• Dynamic fields Fix axe issues for Form DynamicFields #6465
• Field states (need design help)
• Field with children
• Field with component prop
• Help and error (need design help)
• Typed form
• Uncontrolled
• Validate on blur Fix axe issues for Form ValidateOnBlur #6466
• Validate on change
• Validate on mount (need design help)
• Custom
• Field spacing options (need design help)
• Required label (need design help)
• Themed

FormField

• Simple
• Custom

MaskedInput

• Fix accessibility problem in MaskedInput #6448

RangeInput

• Fix Storybook accessibility violations for the range input (#6124) #6423

Select

• (component wide error) Interactive controls must not be nested

TextArea

• Fix label violation for TextArea stories #6374
• Themed

TextInput

• Fix Storybook accessibility for TextInput component #6425
• Simple

Box

• Background
• Fixed sizes fix: box/fixed storybook accessibility violation  #6459
• Min and max sizes fix: box/minmax storybook accessibility violation #6460
• Round
• Simple

Card

• Simple
• Clickable
• Stacked
• Themed

Footer

• Double footer
• Sitemap
• Social

Header

• Fixed Storybook accessibility in Header component #6419
  (Responsive, Simple)

Layer

• Target

Sidebar

• Labels Fix aria-label violation for Labels story #6373

Carousel

• Multi Fix Storybook accessibility violations for the carousel (#6124) #6414

Markdown

• Component override markdown Fix component override markdown #6453

Paragraph

• All (need design help)

AnnounceContext

• Fix accessibility violation for AnnouncedContext Polite Story #6442

Grommet

• Messages Fix accessibility violation for AnnouncedContext Polite Story #6442
• Vars

InfiniteScroll

• Fixed Storybook Accessibility for Infinitescroll component #6420
  (Grid, Grid with show item 77)

SkipLinks

• Simple Fix color accessibility problem in SkipLinks #6446

Theme

• Colors

ThemeContext

• Extend

Chart

• Fix Storybook accessibility violations for the chart (#6124) #6422

DataTable

• Controlled Fix accessibility violation for DataTable Controlled story #6440
• rowDetails Fix accessibility violation for DataTable rowDetails story #6441
• OnUpdate (need design help)
• Paginated
• Styled fix accessibility issue in data table styled #6454
• Sized
• Fill and pin

Distribution

• Simple fixed #6124 issue of insufficient color contrast for Distribution com… #6510

List

• Selection
• Order
• onClickItem
• Key Render
• Paginated

Notification

• Fix a11y violation in Notification/Global Storybook #6429

ToggleGroup

• Controlled
• Multiple

Data

• Cards
• OnSelect
• Properties

DataSort

• Simple

Button

• Kind
• TS Custom

Drop

• Lazy
• Themed

Nav

• Justify Sidebar

Tabs

• Responsive
• Custom

DataSummary

• Simple

CheckBox

• Custom
• Custom toggle

DateInput

• Inline (need design help)

Grid

• Area prop alternatives

PageHeader

• Level
• Size

SkipLinks

• Themed

Calendar

• component wide contrast issue (need design help)
• Daylight savings time
• Show adjacent days

Cards

• Children

Skeleton

• GridContainer
• Group
• Individual
• Simple
• Custom