examples/official-storybook/stories/addon-a11y/image.stories.js
/* eslint-disable */
import React from 'react';
const text = 'Testing the a11y addon';
const image = 'http://place-hold.it/350x150';
export default {
title: 'Addons/A11y/Image',
parameters: {
options: { selectedPanel: 'storybook/a11y/panel' },
},
};
export const WithoutAlt = () => <img src={image} />;
WithoutAlt.storyName = 'Without alt';
export const WithoutAltButUnchecked = () => <img src={image} />;
WithoutAltButUnchecked.storyName = 'Without alt but unchecked';
WithoutAltButUnchecked.parameters = {
a11y: {
config: {
disableOtherRules: true,
rules: [],
},
options: {},
},
};
export const WithAlt = () => <img src={image} alt={text} />;
WithAlt.storyName = 'With alt';
export const Presentation = () => <img role="presentation" src={image} />;