storybook/examples/ember-cli/stories/addon-a11y.stories.js

import { hbs } from 'ember-cli-htmlbars';
import { checkA11y } from '@storybook/addon-a11y';

export default {
  title: 'Addon/a11y',
  decorators: [checkA11y],

  parameters: {
    options: { selectedPanel: '@storybook/a11y/panel' },
  },
};

export const Default = () => hbs`<button></button>`;
export const Label = () => hbs`<button>Testing the a11y addon</button>`;
export const Disabled = () => hbs`<button disabled>Testing the a11y addon</button>`;

export const InvalidContrast = () =>
  hbs`<button style="color: black; background-color: brown;">Testing the a11y addon</button>`;

InvalidContrast.story = {
  name: 'Invalid contrast',
};