Skip to content

Commit 9410f29

Browse files
CharitSinghChauhanCharitSinghChauhan
committed
Issue #1041 Add missing alt attribute to images
1 parent 98fe449 commit 9410f29

File tree

2 files changed

+31
-20
lines changed

2 files changed

+31
-20
lines changed

‎components/Layout.tsx‎

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -327,7 +327,7 @@ const Footer = () => (
327327
>
328328
<div className='max-w-[1400px] mx-auto mt-8 md:mt-4 grid grid-cols-1 md:grid-cols-2 md:w-1/2 lg:w-1/3 justify-center '>
329329
<div className=' my-6 m-auto md:mt-16'>
330-
<img src='/img/logos/logo-white.svg' className='w-[150px] mb-6' />
330+
<img src='/img/logos/logo-white.svg' className='w-[150px] mb-6' alt='JSON Schema logo'/>
331331
<div className='flex flex-col text-center sm:text-left'>
332332
<a
333333
href='https://opencollective.com/json-schema'
@@ -351,6 +351,7 @@ const Footer = () => (
351351
<img
352352
src='/img/logos/slack_logo_small-white.svg'
353353
className='w-4 h-4 mr-2'
354+
alt='Slack icon'
354355
/>
355356
Slack
356357
</a>
@@ -360,7 +361,7 @@ const Footer = () => (
360361
href='https://x.com/jsonschema'
361362
className='flex items-center text-white'
362363
>
363-
<img src='/img/logos/x-twitter.svg' className='w-4 h-4 mr-2' />X
364+
<img src='/img/logos/x-twitter.svg' className='w-4 h-4 mr-2' alt='x-twitter icon'/>X
364365
</a>
365366
</div>
366367
<div className=''>
@@ -371,6 +372,7 @@ const Footer = () => (
371372
<img
372373
src='/img/logos/icons8-linkedin-2.svg'
373374
className='w-4 h-4 mr-2'
375+
alt='linkedin icon'
374376
/>
375377
LinkedIn
376378
</a>
@@ -380,7 +382,7 @@ const Footer = () => (
380382
href='https://www.youtube.com/@JSONSchemaOrgOfficial'
381383
className='flex items-center text-white'
382384
>
383-
<img src='/img/logos/icons8-youtube.svg' className='w-4 h-4 mr-2' />
385+
<img src='/img/logos/icons8-youtube.svg' className='w-4 h-4 mr-2' alt='youtube icon'/>
384386
Youtube
385387
</a>
386388
</div>
@@ -392,6 +394,7 @@ const Footer = () => (
392394
<img
393395
src='/img/logos/github_logo-white.svg'
394396
className='w-4 h-4 mr-2'
397+
alt='github icon'
395398
/>
396399
GitHub
397400
</a>
@@ -422,7 +425,7 @@ const Logo = () => {
422425
return (
423426
<div>
424427
<Link href='/' className=''>
425-
<img src={imageSrc} className='h-12 mr-2 ' />
428+
<img src={imageSrc} className='h-12 mr-2 ' alt='JSON Schema logo'/>
426429
</Link>
427430
</div>
428431
);

‎pages/index.page.tsx‎

Lines changed: 24 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -179,19 +179,23 @@ const Home = (props: any) => {
179179
<div className='grid md:grid-cols-2 lg:grid-cols-4 gap-6 mx-auto items-center w-1/3 md:w-100 text-center'>
180180
<img
181181
src='/img/logos/usedby/zapier-logo_white.png'
182-
className='w-40 mx-auto'
182+
className='w-40 mx-auto'
183+
alt='Zapier logo'
183184
/>
184185
<img
185186
src='/img/logos/usedby/microsoft-white.png'
186187
className='w-40 mx-auto'
188+
alt='Microsoft logo'
187189
/>
188190
<img
189191
src='/img/logos/usedby/postman-white.png'
190192
className='w-40 mx-auto'
193+
alt='Postman logo'
191194
/>
192195
<img
193196
src='/img/logos/usedby/github-white.png'
194197
className='w-40 mx-auto'
198+
alt='Github logo'
195199
/>
196200
</div>
197201

@@ -284,6 +288,7 @@ const Home = (props: any) => {
284288
<img
285289
src='/img/home-page/community-illustration.svg'
286290
className='w-5/6 mx-auto lg:w-[600px] xl:w-[800px]'
291+
alt='Community illustration'
287292
/>
288293
<div className='w-5/6 md:w-3/5 mx-auto mt-12'>
289294
<h3 className=' text-center lg:text-left text-h3mobile md:text-h3 font-semibold mb-4 dark:text-slate-200'>
@@ -323,11 +328,12 @@ const Home = (props: any) => {
323328
<Link href='https://json-schema.org/slack'>
324329
<h3 className='mb-4 font-semibold flex items-center dark:text-slate-200'>
325330
Join the JSON Schema Slack Workspace!
326-
<img src='/img/logos/Slack-mark.svg' className='w-8 h-8' />
331+
<img src='/img/logos/Slack-mark.svg' className='w-8 h-8' alt='Slack icon'/>
327332
</h3>
328333
<img
329334
src='/img/home-page/slack-json-schema.png'
330335
className='w-full mb-4'
336+
alt='Slack JSON Schema'
331337
/>
332338
{/* <h3 className='mb-4 font-semibold' >Event</h3> */}
333339
<p className='mb-4 dark:text-slate-300'>
@@ -343,6 +349,7 @@ const Home = (props: any) => {
343349
<img
344350
src='/img/logos/slack_logo_small-white.svg'
345351
className='w-4 h-4 mr-2 '
352+
alt='Slack icon'
346353
/>
347354
Join Slack
348355
</a>
@@ -357,6 +364,7 @@ const Home = (props: any) => {
357364
<img
358365
src={blogPosts[0].frontmatter.cover}
359366
className='w-full h-[232px] mb-4'
367+
alt='Blog post cover'
360368
/>
361369
<h3 className='mb-4 font-semibold dark:text-slate-300'>
362370
{' '}
@@ -594,64 +602,64 @@ const Home = (props: any) => {
594602
target='_blank'
595603
rel='noreferrer'
596604
>
597-
<img src={asyncapi_logo} className=' w-44' />
605+
<img src={asyncapi_logo} className=' w-44' alt='AsyncAPI logo' />
598606
</a>
599607
<a
600608
href='https://www.airbnb.com/'
601609
target='_blank'
602610
rel='noreferrer'
603611
>
604-
<img src={airbnb_logo} className=' w-44' />
612+
<img src={airbnb_logo} className=' w-44' alt='Airbnb logo'/>
605613
</a>
606614
<a
607615
href='https://www.postman.com/'
608616
target='_blank'
609617
rel='noreferrer'
610618
>
611-
<img src={postman_logo} className=' w-44' />
619+
<img src={postman_logo} className=' w-44' alt='Postman logo'/>
612620
</a>
613621
<a href='https://endjin.com/' target='_blank' rel='noreferrer'>
614-
<img src={endjin_logo} className=' w-44' />
622+
<img src={endjin_logo} className=' w-44' alt='Endjin logo'/>
615623
</a>
616624
<a href='https://www.llc.org/' target='_blank' rel='noreferrer'>
617-
<img src={llc_logo} className=' w-44' />
625+
<img src={llc_logo} className=' w-44' alt='LLC logo'/>
618626
</a>
619627
<a
620628
href='https://www.vpsserver.com/en-us/'
621629
target='_blank'
622630
rel='noreferrer'
623631
>
624-
<img src={vpsserver_logo} className=' w-44' />
632+
<img src={vpsserver_logo} className=' w-44' alt='VPS Server logo'/>
625633
</a>
626634
<a
627635
href='https://www.itflashcards.com/'
628636
target='_blank'
629637
rel='noreferrer'
630638
>
631-
<img src={itflashcards_logo} className=' w-44' />
639+
<img src={itflashcards_logo} className=' w-44' alt='IT flascard logo'/>
632640
</a>
633641
<a
634642
href='https://www.route4me.com/'
635643
target='_blank'
636644
rel='noreferrer'
637645
>
638-
<img src={route4me_logo} className=' w-44' />
646+
<img src={route4me_logo} className=' w-44' alt='Route4Me logo' />
639647
</a>
640648
<a href='https://n8n.io/' target='_blank' rel='noreferrer'>
641-
<img src={n8n_logo} className=' w-44' />
649+
<img src={n8n_logo} className=' w-44' alt='n8n logo'/>
642650
</a>
643651
<a href='https://copycopter.ai/' target='_blank' rel='noreferrer'>
644-
<img src={ccopter_logo} className=' w-44' />
652+
<img src={ccopter_logo} className=' w-44' alt='copyCopter logo'/>
645653
</a>
646654
<a href='https://www.octue.com/' target='_blank' rel='noreferrer'>
647-
<img src={octue_logo} className=' w-44' />
655+
<img src={octue_logo} className=' w-44' alt='octue logo'/>
648656
</a>
649657
<a
650658
href='https://www.apideck.com/'
651659
target='_blank'
652660
rel='noreferrer'
653661
>
654-
<img src={apideck_logo} className=' w-44' />
662+
<img src={apideck_logo} className=' w-44' alt='apieck logo'/>
655663
</a>
656664
<a
657665
href='https://opencollective.com/json-schema/contribute/sponsor-10816/checkout?interval=month&amount=100&name=&legalName=&email='
@@ -701,10 +709,10 @@ const Home = (props: any) => {
701709
</div>
702710
<div className='flex flex-col items-center md:flex-row justify-center text-center gap-x-14 gap-y-4'>
703711
<a href='https://www.commonroom.io'>
704-
<img src={common_room_logo} className='w-48 md:w-56' />
712+
<img src={common_room_logo} className='w-48 md:w-56' alt='common room logo'/>
705713
</a>
706714
<a href='https://json-schema.org/slack'>
707-
<img src={slack_logo} className='w-24 md:w-32' />
715+
<img src={slack_logo} className='w-24 md:w-32' alt='Slack logo' />
708716
</a>
709717
</div>{' '}
710718
</section>

0 commit comments

Comments
 (0)