Skip to content

Commit 35dd260

Browse files
angelikatyborskaangelikatyborska
committed
Fix missing img alt
1 parent 77cfc42 commit 35dd260

File tree

3 files changed

+46
-46
lines changed

3 files changed

+46
-46
lines changed

‎scss/bitstyles/base/figure/figure.stories.mdx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ import { Canvas, Meta, Story } from '@storybook/addon-docs';
88
<Story name="Figure and figcaption">
99
{`
1010
<figure>
11-
<img src="https://placehold.co/200x300">
11+
<img src="https://placehold.co/200x300" alt="">
1212
<figcaption>A portrait of a kitten</figcaption>
1313
</figure>
1414
`}

‎scss/bitstyles/utilities/flex/flex.stories.mdx‎

Lines changed: 44 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -121,17 +121,17 @@ And this time the same layouts, with images as content (any element with intrins
121121
{`
122122
<ul class="u-flex u-list-none">
123123
<li class="u-padding-m">
124-
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" />
124+
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" />
125125
</li>
126126
<li class="u-padding-m u-flex-grow-0 u-bg-brand-2">
127-
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" />
127+
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" />
128128
u-flex-grow-0
129129
</li>
130130
<li class="u-padding-m">
131-
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" />
131+
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" />
132132
</li>
133133
<li class="u-padding-m">
134-
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" />
134+
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" />
135135
</li>
136136
</ul>
137137
`}
@@ -140,17 +140,17 @@ And this time the same layouts, with images as content (any element with intrins
140140
{`
141141
<ul class="u-flex u-list-none">
142142
<li class="u-padding-m">
143-
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" />
143+
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" />
144144
</li>
145145
<li class="u-padding-m u-flex-grow-1 u-bg-brand-2">
146-
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" />
146+
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" />
147147
u-flex-grow-1
148148
</li>
149149
<li class="u-padding-m">
150-
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" />
150+
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" />
151151
</li>
152152
<li class="u-padding-m">
153-
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" />
153+
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" />
154154
</li>
155155
</ul>
156156
`}
@@ -159,17 +159,17 @@ And this time the same layouts, with images as content (any element with intrins
159159
{`
160160
<ul class="u-flex u-list-none">
161161
<li class="u-padding-m">
162-
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" />
162+
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" />
163163
</li>
164164
<li class="u-padding-m u-flex-shrink-0 u-bg-brand-2">
165-
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" />
165+
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" />
166166
u-flex-shrink-0
167167
</li>
168168
<li class="u-padding-m">
169-
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" />
169+
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" />
170170
</li>
171171
<li class="u-padding-m">
172-
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" />
172+
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" />
173173
</li>
174174
</ul>
175175
`}
@@ -178,17 +178,17 @@ And this time the same layouts, with images as content (any element with intrins
178178
{`
179179
<ul class="u-flex u-list-none">
180180
<li class="u-padding-m">
181-
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" />
181+
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" />
182182
</li>
183183
<li class="u-padding-m u-flex-shrink-1 u-bg-brand-2">
184-
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" />
184+
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" />
185185
u-flex-shrink-1
186186
</li>
187187
<li class="u-padding-m">
188-
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" />
188+
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" />
189189
</li>
190190
<li class="u-padding-m">
191-
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" />
191+
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" />
192192
</li>
193193
</ul>
194194
`}
@@ -202,17 +202,17 @@ And this time the same layouts, with images as content (any element with intrins
202202
{`
203203
<ul class="u-flex u-list-none">
204204
<li class="u-padding-m">
205-
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" />
205+
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" />
206206
</li>
207207
<li class="u-padding-m u-flex-grow-0@m u-bg-brand-2">
208-
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" />
208+
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" />
209209
u-flex-grow-0@m
210210
</li>
211211
<li class="u-padding-m">
212-
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" />
212+
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" />
213213
</li>
214214
<li class="u-padding-m">
215-
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" />
215+
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" />
216216
</li>
217217
</ul>
218218
`}
@@ -221,17 +221,17 @@ And this time the same layouts, with images as content (any element with intrins
221221
{`
222222
<ul class="u-flex u-list-none">
223223
<li class="u-padding-m">
224-
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" />
224+
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" />
225225
</li>
226226
<li class="u-padding-m u-flex-grow-1@m u-bg-brand-2">
227-
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" />
227+
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" />
228228
u-flex-grow-1@m
229229
</li>
230230
<li class="u-padding-m">
231-
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" />
231+
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" />
232232
</li>
233233
<li class="u-padding-m">
234-
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" />
234+
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" />
235235
</li>
236236
</ul>
237237
`}
@@ -240,17 +240,17 @@ And this time the same layouts, with images as content (any element with intrins
240240
{`
241241
<ul class="u-flex u-list-none">
242242
<li class="u-padding-m">
243-
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" />
243+
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" />
244244
</li>
245245
<li class="u-padding-m u-flex-shrink-0@m u-bg-brand-2">
246-
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" />
246+
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" />
247247
u-flex-shrink-0@m
248248
</li>
249249
<li class="u-padding-m">
250-
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" />
250+
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" />
251251
</li>
252252
<li class="u-padding-m">
253-
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" />
253+
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" />
254254
</li>
255255
</ul>
256256
`}
@@ -259,17 +259,17 @@ And this time the same layouts, with images as content (any element with intrins
259259
{`
260260
<ul class="u-flex u-list-none">
261261
<li class="u-padding-m">
262-
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" />
262+
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" />
263263
</li>
264264
<li class="u-padding-m u-flex-shrink-1@m u-bg-brand-2">
265-
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" />
265+
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" />
266266
u-flex-shrink-1@m
267267
</li>
268268
<li class="u-padding-m">
269-
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" />
269+
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" />
270270
</li>
271271
<li class="u-padding-m">
272-
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" />
272+
<img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" />
273273
</li>
274274
</ul>
275275
`}
@@ -306,20 +306,20 @@ Note this layout may not be so useful with elements that take all available spac
306306
<Story name="u-flex-wrap, intrinsic-width content">
307307
{`
308308
<ul class="u-flex u-flex-wrap u-list-none">
309-
<li><img src="https://placehold.co/300x300" width="300" height="300" class="u-block" /></li>
309+
<li><img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" /></li>
310310
<li class="u-flex-grow-1 u-bg-brand-2 u-padding-m">u-flex-grow-1</li>
311-
<li><img src="https://placehold.co/300x300" width="300" height="300" class="u-block" /></li>
312-
<li><img src="https://placehold.co/300x300" width="300" height="300" class="u-block" /></li>
311+
<li><img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" /></li>
312+
<li><img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" /></li>
313313
</ul>
314314
`}
315315
</Story>
316316
<Story name="u-flex-wrap@m, intrinsic-width content">
317317
{`
318318
<ul class="u-flex u-flex-wrap@m u-list-none">
319-
<li><img src="https://placehold.co/300x300" width="300" height="300" class="u-block" /></li>
319+
<li><img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" /></li>
320320
<li class="u-flex-grow-1 u-bg-brand-2 u-padding-m">u-flex-grow-1</li>
321-
<li><img src="https://placehold.co/300x300" width="300" height="300" class="u-block" /></li>
322-
<li><img src="https://placehold.co/300x300" width="300" height="300" class="u-block" /></li>
321+
<li><img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" /></li>
322+
<li><img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" /></li>
323323
</ul>
324324
`}
325325
</Story>
@@ -360,20 +360,20 @@ Flex defaults to laying out children in horizontal rows. To layout items vertica
360360
<Story name="u-flex-col">
361361
{`
362362
<ul class="u-flex u-flex-col u-list-none">
363-
<li><img src="https://placehold.co/300x300" width="300" height="300" class="u-block" /></li>
363+
<li><img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" /></li>
364364
<li>Text content here</li>
365-
<li><img src="https://placehold.co/300x300" width="300" height="300" class="u-block" /></li>
366-
<li><img src="https://placehold.co/300x300" width="300" height="300" class="u-block" /></li>
365+
<li><img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" /></li>
366+
<li><img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" /></li>
367367
</ul>
368368
`}
369369
</Story>
370370
<Story name="u-flex-col@m">
371371
{`
372372
<ul class="u-flex u-flex-col@m u-list-none">
373-
<li><img src="https://placehold.co/300x300" width="300" height="300" class="u-block" /></li>
373+
<li><img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" /></li>
374374
<li>Text content here</li>
375-
<li><img src="https://placehold.co/300x300" width="300" height="300" class="u-block" /></li>
376-
<li><img src="https://placehold.co/300x300" width="300" height="300" class="u-block" /></li>
375+
<li><img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" /></li>
376+
<li><img src="https://placehold.co/300x300" width="300" height="300" class="u-block" alt="" /></li>
377377
</ul>
378378
`}
379379
</Story>

‎scss/bitstyles/utilities/object-cover/object-cover.stories.mdx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ The example uses an inline style to restrict one dimension, to mimic the reau-wo
1212
<Story name="Object cover">
1313
{`
1414
<div style="height: 10rem">
15-
<img class="u-object-cover" src="https://placehold.co/300x100">
15+
<img class="u-object-cover" src="https://placehold.co/300x100" alt="">
1616
</div>
1717
`}
1818
</Story>

0 commit comments

Comments
 (0)