PricingLoginStart free
Web Accessibility Academy logo
HTMLवेबस्तर A1 → B222 भाषाएँ

Web Accessibility Academy

ऐसी समावेशी वेबसाइट बनाएँ जिनका उपयोग हर कोई कर सके। अर्थपूर्ण HTML, ARIA, कीबोर्ड और स्क्रीन रीडर समर्थन तथा WCAG 2.2 अनुरूपता में दक्षता हासिल करें।. CoddyKit का सीखने का मार्ग, जिसमें 30 छोटे पाठ्यक्रम और 120 संवादात्मक पाठ हैं, साथ ही 24/7 एआई शिक्षक भी आपके साथ है।

पाठ्यक्रम
30
पाठ
120
संवादात्मक चरण
1,560
शुरुआत निःशुल्क
पाठ्यक्रम 1
पाठ्यक्रम

इस मार्ग में 30 पाठ्यक्रम

सीखने के क्रम में Web Accessibility Academy मार्ग के सभी पाठ्यक्रम। पहला मुफ़्त है।

1

A14 पाठमुफ़्त

समझाइए कि सुगम्यता से किसे लाभ होता है और समावेशी निर्माण के व्यावसायिक तथा नैतिक पक्ष क्या हैं

  1. 1वेब पर विकलांगता वास्तव में कैसी दिखती है
  2. 2उपयोगकर्ताओं से मिलें: दृष्टिहीन, कम दृष्टि, बधिर, गतिशीलता और संज्ञानात्मक बाधाएँ
  3. 3सहायक तकनीक 101: स्क्रीन रीडर, स्विच और आवर्धक
  4. +1 और
निःशुल्क सीखना शुरू करें
2

A14 पाठPRO

यह परखने के लिए WCAG के चार सिद्धांत लागू कीजिए कि कोई भी पृष्ठ सुगम है या नहीं

  1. 1अनुभवगम्य: क्या हर कोई सामग्री को महसूस कर सकता है
  2. 2संचालनीय: क्या हर कोई नियंत्रणों का उपयोग कर सकता है
  3. 3समझने योग्य: क्या यह पठनीय और पूर्वानुमेय है
  4. +1 और
निःशुल्क सीखना शुरू करेंPRO से अनलॉक करें
3

A14 पाठPRO

अर्थपूर्ण तत्व चुनिए, ताकि एक भी अतिरिक्त विशेषता जोड़ने से पहले पृष्ठ सुगम हो

  1. 1टैग का अर्थ होता है: div Soup क्यों विफल होता है
  2. 2पाठ तत्व: अनुच्छेद, सूचियाँ और ज़ोर
  3. 3पहुँच वृक्ष: स्क्रीन रीडर क्या सुनते हैं
  4. +1 और
निःशुल्क सीखना शुरू करेंPRO से अनलॉक करें
4

A14 पाठPRO

ऐसी तार्किक शीर्षक-रूपरेखा बनाइए जिसे स्क्रीन रीडर उपयोगकर्ता आसानी से नेविगेट कर सकें

  1. 1हर पृष्ठ पर एक h1: मुख्य विषय का नामकरण
  2. 2बिना स्तर छोड़े नेस्टिंग करें
  3. 3शीर्षक नेविगेशन हैं, केवल बड़ा पाठ नहीं
  4. +1 और
निःशुल्क सीखना शुरू करेंPRO से अनलॉक करें
5

A14 पाठPRO

लैंडमार्क क्षेत्रों का उपयोग कीजिए, ताकि उपयोगकर्ता सीधे आवश्यक भाग पर जा सकें

  1. 1header, nav, main, footer: चार प्रमुख क्षेत्र
  2. 2सामग्री को main में रखें और केवल एक main रखें
  3. 3aria-label से कई क्षेत्रों के नाम दें
  4. +1 और
निःशुल्क सीखना शुरू करेंPRO से अनलॉक करें
6

A24 पाठPRO

ऐसे चित्र-विकल्प लिखिए जो अनावश्यक अव्यवस्था के बजाय अर्थ व्यक्त करें

  1. 1सूचनात्मक बनाम सजावटी: पहला निर्णय
  2. 2ऐसा Alt लिखें जो उद्देश्य बताए, पिक्सेल नहीं
  3. 3खाली alt और छिपा सजावटी चित्र
  4. +1 और
निःशुल्क सीखना शुरू करेंPRO से अनलॉक करें
7

A24 पाठPRO

सही इंटरैक्टिव तत्व चुनिए, ताकि व्यवहार और अर्थविज्ञान में मेल हो

  1. 1लिंक स्थानों पर ले जाते हैं, बटन काम करते हैं
  2. 2ऐसा लिंक पाठ जो संदर्भ के बिना भी समझ आए
  3. 3ऐसे बटन जो अपना काम स्पष्ट बताते हैं
  4. +1 और
निःशुल्क सीखना शुरू करेंPRO से अनलॉक करें
8

A24 पाठPRO

ऐसे प्रपत्र बनाइए जिनमें हर नियंत्रक का नाम हो और जिसे चलाना आसान हो

  1. 1हर इनपुट को वास्तविक label चाहिए
  2. 2Placeholder, label नहीं है
  3. 3fieldset और legend से फ़ील्ड समूहित करें
  4. +1 और
निःशुल्क सीखना शुरू करेंPRO से अनलॉक करें
9

A24 पाठPRO

सुनिश्चित कीजिए कि कम दृष्टि और रंगांधता वाले उपयोगकर्ताओं के लिए पाठ और UI पर्याप्त रूप से उभरकर दिखें

  1. 1कॉन्ट्रास्ट अनुपात क्यों होते हैं
  2. 2AA मानक पूरा करें: पाठ और बड़े पाठ की सीमाएँ
  3. 3केवल रंग पर कभी निर्भर न रहें
  4. +1 और
निःशुल्क सीखना शुरू करेंPRO से अनलॉक करें
10

A24 पाठPRO

केवल कीबोर्ड से हर इंटरैक्शन तक पहुँचना संभव और स्पष्ट बनाइए

  1. 1Tab, Shift+Tab, Enter, Space: मुख्य कुंजियाँ
  2. 2दृश्य फ़ोकस: रूपरेखा कभी न छिपाएँ
  3. 3तार्किक Tab क्रम सामग्री का अनुसरण करता है
  4. +1 और
निःशुल्क सीखना शुरू करेंPRO से अनलॉक करें
11

B14 पाठPRO

native HTML द्वारा व्यक्त न किए जा सकने वाले अर्थ को जोड़ने के लिए ARIA का सही उपयोग कीजिए

  1. 1पहला नियम: खराब ARIA से कोई ARIA बेहतर है
  2. 2भूमिकाएँ तय करती हैं कि कोई चीज़ क्या है
  3. 3स्थितियाँ और गुण: विस्तृत, चयनित, अक्षम
  4. +1 और
निःशुल्क सीखना शुरू करेंPRO से अनलॉक करें
12

B14 पाठPRO

किसी भी तत्व के लिए सहायक तकनीक द्वारा घोषित की जाने वाली बात को ठीक-ठीक नियंत्रित कीजिए

  1. 1सुलझाया गया एक्सेसिबल नाम परिकलन
  2. 2aria-label बनाम aria-labelledby
  3. 3अतिरिक्त संदर्भ के लिए aria-describedby
  4. +1 और
निःशुल्क सीखना शुरू करेंPRO से अनलॉक करें
13

B14 पाठPRO

फ़ोकस को स्थानांतरित और सीमित कीजिए, ताकि गतिशील अंतरफलक उपयोग योग्य बने रहें

  1. 1tabindex 0, -1 और कभी भी धनात्मक नहीं
  2. 2किसी क्रिया के बाद फ़ोकस ले जाना
  3. 3लेयर बंद होने पर फ़ोकस वापस लाना
  4. +1 और
निःशुल्क सीखना शुरू करेंPRO से अनलॉक करें
14

B14 पाठPRO

कीबोर्ड उपयोगकर्ताओं को दोहराई गई सामग्री पार करके आवश्यक भाग तक जाने दीजिए

  1. 1मुख्य सामग्री पर जाएँ लिंक क्यों मौजूद है
  2. 2वास्तव में काम करने वाला स्किप लिंक बनाना
  3. 3फ़ोकस होने तक दृश्य रूप से छिपा हुआ
  4. +1 और
निःशुल्क सीखना शुरू करेंPRO से अनलॉक करें
15

B14 पाठPRO

प्रपत्र की त्रुटियों की सूचना इस तरह दीजिए कि हर उपयोगकर्ता उन्हें खोज और ठीक कर सके

  1. 1aria-describedby से त्रुटियों को फ़ील्ड से जोड़ना
  2. 2aria-invalid से अमान्य स्थिति चिह्नित करना
  3. 3पहली त्रुटि पर फ़ोकस ले जाना
  4. +1 और
निःशुल्क सीखना शुरू करेंPRO से अनलॉक करें
16

B14 पाठPRO

तालिकाओं को इस तरह चिह्नित कीजिए कि कोशिकाओं और शीर्षकों का संबंध स्पष्ट हो

  1. 1th, scope और caption तत्व
  2. 2पंक्ति और स्तंभ शीर्षक सही तरीके से
  3. 3जटिल तालिकाएँ: headers और id का युग्मन
  4. +1 और
निःशुल्क सीखना शुरू करेंPRO से अनलॉक करें
17

B14 पाठPRO

अर्थपूर्ण ग्राफ़िक्स उपलब्ध कराइए और केवल सजावटी ग्राफ़िक्स छिपाइए

  1. 1इनलाइन SVG: role img और title
  2. 2aria-hidden से सजावटी आइकन छिपाना
  3. 3ऐसे आइकन बटन जिनका नाम फिर भी हो
  4. +1 और
निःशुल्क सीखना शुरू करेंPRO से अनलॉक करें
18

B14 पाठPRO

ऐसे संवाद बनाइए जो फ़ोकस को सीमित करें, साफ़-सुथरे ढंग से बंद हों और अपनी सूचना स्वयं दें

  1. 1संवाद भूमिकाएँ और मूल dialog तत्व
  2. 2मोडल के भीतर फ़ोकस को रोकना
  3. 3Escape से बंद करना और फ़ोकस बहाल करना
  4. +1 और
निःशुल्क सीखना शुरू करेंPRO से अनलॉक करें
19

B14 पाठPRO

सही ARIA और कुंजियों के साथ सामान्य प्रकटीकरण विजेट लागू कीजिए

  1. 1टैब पैटर्न: tablist, tab, tabpanel
  2. 2टैबों के बीच तीर-कुंजी नेविगेशन
  3. 3बटन और aria-expanded वाले अकॉर्डियन
  4. +1 और
निःशुल्क सीखना शुरू करेंPRO से अनलॉक करें
20

B14 पाठPRO

अपने काम का परीक्षण उसी तरह कीजिए जैसे दृष्टिहीन उपयोगकर्ता वास्तव में उसका अनुभव करते हैं

  1. 1NVDA, VoiceOver और TalkBack चालू करना
  2. 2मुख्य जेस्चर और हॉटकी
  3. 3ब्राउज़ मोड बनाम फ़ोकस मोड
  4. +1 और
निःशुल्क सीखना शुरू करेंPRO से अनलॉक करें
21

B24 पाठPRO

वास्तविक सफलता-मापदंडों को ठोस सुधारों से जोड़कर AA-अनुरूप साइट बनाइए

  1. 1A, AA, AAA: सही लक्ष्य चुनना
  2. 22.2 के नए मानदंड: फ़ोकस रूप और लक्ष्य आकार
  3. 3खींचने की गतिविधियाँ और एक्सेसिबल प्रमाणीकरण
  4. +1 और
निःशुल्क सीखना शुरू करेंPRO से अनलॉक करें
22

B24 पाठPRO

क्लाइंट-साइड रूटिंग और बार-बार रेंडर होने के बावजूद एक-पृष्ठ ऐप्स को सुगम बनाए रखिए

  1. 1पृष्ठ पुनः लोड किए बिना रूट बदलना
  2. 2Refs और useEffect से फ़ोकस प्रबंधित करना
  3. 3Fragments, Portals और DOM क्रम का जाल
  4. +1 और
निःशुल्क सीखना शुरू करेंPRO से अनलॉक करें
23

B24 पाठPRO

बिना पृष्ठ पुनःलोड किए होने वाले बदलावों की सूचना स्क्रीन रीडर उपयोगकर्ताओं को दीजिए

  1. 1polite बनाम assertive: तात्कालिकता चुनना
  2. 2status, alert और log भूमिकाएँ
  3. 3टोस्ट, लोडर और गणनाओं की घोषणा
  4. +1 और
निःशुल्क सीखना शुरू करेंPRO से अनलॉक करें
24

B24 पाठPRO

सिद्ध APG प्रतिरूपों का पालन करके सुदृढ़ कस्टम विजेट बनाइए

  1. 1APG पढ़ना: पैटर्न, कुंजियाँ और उदाहरण
  2. 2कॉम्बोबॉक्स और स्वतः पूर्णता सही तरीके से
  3. 3मेनू, मेनुबार और मेनू बटन
  4. +1 और
निःशुल्क सीखना शुरू करेंPRO से अनलॉक करें
25

B24 पाठPRO

गति संबंधी प्राथमिकताओं का सम्मान कीजिए और असुविधा या दौरे उत्पन्न करने से बचिए

  1. 1CSS और JS में prefers-reduced-motion
  2. 2वेस्टिब्युलर विकार और पैरालैक्स के जोखिम
  3. 3दौरे के लिए तीन-फ़्लैश सीमा
  4. +1 और
निःशुल्क सीखना शुरू करेंPRO से अनलॉक करें
26

B24 पाठPRO

चार्ट और ग्राफ़ को रंग और आकार से परे भी बोधगम्य बनाइए

  1. 1हर चार्ट को पाठ्य विकल्प चाहिए
  2. 2डेटा तालिका का वैकल्पिक विकल्प
  3. 3रंग, पैटर्न और सीधे लेबल
  4. +1 और
निःशुल्क सीखना शुरू करेंPRO से अनलॉक करें
27

B24 पाठPRO

अपनी पाइपलाइन में एक प्रकार की सुगम्यता संबंधी त्रुटियाँ स्वचालित रूप से पकड़िए

  1. 1स्वचालन क्या पकड़ सकता है और क्या नहीं
  2. 2axe DevTools और Lighthouse से स्कैन करना
  3. 3Playwright tests में axe-core जोड़ना
  4. +1 और
निःशुल्क सीखना शुरू करेंPRO से अनलॉक करें
28

B24 पाठPRO

संरचित मैनुअल ऑडिट कीजिए और महत्त्वपूर्ण सुधारों को प्राथमिकता दीजिए

  1. 1मैन्युअल ऑडिट कार्यप्रवाह बनाना
  2. 2गंभीरता और प्रभाव के आधार पर छँटाई
  3. 3ऐसी बग रिपोर्ट लिखना जिन पर डेवलपर कार्रवाई कर सकें
  4. +1 और
निःशुल्क सीखना शुरू करेंPRO से अनलॉक करें
29

B24 पाठPRO

उन कानूनों और मानकों को समझिए जो सुगम्यता को विकास-योजना में शामिल करते हैं

  1. 1ADA, Section 508 और US वेब मुकदमे
  2. 2European Accessibility Act और EN 301 549
  3. 3सामान्य कानूनी मापदंड के रूप में WCAG
  4. +1 और
निःशुल्क सीखना शुरू करेंPRO से अनलॉक करें
30

B24 पाठPRO

अपनी टीम में सुलभता को इस तरह शामिल कीजिए कि वह किसी एक प्रोजेक्ट के बाद भी बनी रहे।

  1. 1बाएँ खिसकाएँ: Design और टिकटों में a11y
  2. 2a11y को शामिल करने वाली पूर्णता की परिभाषा
  3. 3हर फ़ीचर के लिए व्यावहारिक एक्सेसिबिलिटी जाँचसूची
  4. +1 और
निःशुल्क सीखना शुरू करेंPRO से अनलॉक करें
CoddyKit PRO

इस मार्ग के सभी 30 पाठ्यक्रम और हर दूसरे मार्ग के पाठ्यक्रम अनलॉक करें

एआई शिक्षक, प्रमाणन परीक्षा और प्रमाणपत्र। वेब, iOS और Android पर काम करता है।

सभी योजनाएँ देखें
वार्षिक$29.90 / वर्षलगभग $2.49 प्रति माहएक बार भुगतान करेंआजीवन$69.99 एक बारकोई नवीनीकरण नहीं। PRO हमेशा के लिए।
पाठ्यक्रम का परिचय

वेब सुगम्यता (a11y): सभी के लिए बनाएँ

ऐसी समावेशी वेबसाइट बनाएँ जिनका उपयोग हर कोई कर सके। अर्थपूर्ण HTML, ARIA, कीबोर्ड और स्क्रीन रीडर समर्थन तथा WCAG 2.2 अनुरूपता में दक्षता हासिल करें। इस ट्रैक में पूर्ण शुरुआती (A1) से उन्नत (B2) स्तर तक 30 क्रमिक लघु-पाठ्यक्रम शामिल हैं, जिनमें छोटे, केंद्रित पाठ और हर अवधारणा को पक्का करने वाली त्वरित प्रश्नोत्तरियाँ हैं।

आप क्या सीखेंगे

आप बुनियादी सिद्धांतों से शुरुआत करेंगे और मध्यवर्ती तथा उन्नत विषयों तक आगे बढ़ेंगे; हर पाठ्यक्रम पिछले पाठ्यक्रम पर आधारित होगा। हर पाठ व्यावहारिक और छोटा है, और आवश्यकता पड़ने पर 24/7 AI शिक्षक उपलब्ध है।

यह कैसे काम करता है

हर पाठ्यक्रम को चार केंद्रित, छोटे-छोटे पाठों में बाँटा गया है। प्रतिदिन कुछ पाठ पूरे करें और महीनों के बजाय कुछ ही हफ्तों में पूरा ट्रैक सीख लें।

टूल

सिर्फ़ पढ़ें नहीं, एआई के साथ अभ्यास करें

AI-संचालित टूल और सुविधाओं के साथ अपनी सीखने की गति बढ़ाएँ

AI से बातचीतAI ट्यूटर से बातचीत करेंसुपर प्रश्न पूछेंविशेषज्ञ-स्तर के उत्तर पाएँPROपाठ बनाएँAI-संचालित पाठ निर्माताPROप्रमाणन परीक्षा शुरू करेंअपना प्रमाणपत्र प्राप्त करेंPROचुनौती शुरू करेंअपने कौशल को परखें

आप कैसे सीखेंगे

  1. 01

    इंटरैक्टिव पाठ

    तुरंत प्रतिक्रिया वाले व्यावहारिक कोड लेखन अभ्यास

  2. 02

    AI ट्यूटर

    अटकने पर हमारे AI से तुरंत सहायता पाएँ

  3. 03

    अंतर्निर्मित संपादक

    सीधे अपने ब्राउज़र में कोड लिखें और चलाएँ

  4. 04

    प्रमाणपत्र

    पाठ्यक्रम पूरा करने पर प्रमाणपत्र पाएँ

खोज जारी रखें

संबंधित सीखने के मार्ग

Angular Academy logoAngular AcademyLearn Angular to build scalable and modern web applications with Angular Academy.Frontend Academy logoFrontend AcademyDevelop visually stunning and responsive websites with Frontend Development Academy.HTML for Kids logoHTML for KidsIntroduce kids to web development with fun and easy HTML lessons at HTML for Kids.HTML Academy logoHTML AcademyBuild strong foundations in web development by learning HTML at HTML Academy.Micro Frontends Architecture with Module Federation logoमॉड्यूल फ़ेडरेशन के साथ माइक्रो फ्रंटएंड आर्किटेक्चरMaster Micro Frontends architecture using Module Federation to build scalable and indepen…Vue Academy logoVue AcademyCreate interactive and efficient user interfaces with Vue.js through Vue Academy.
FAQ

अक्सर पूछे जाने वाले प्रश्न

क्या Web Accessibility Academy पाठ्यक्रम निःशुल्क है?

हाँ। आप Web Accessibility Academy पाठ्यक्रम निःशुल्क शुरू कर सकते हैं और इसके इंटरैक्टिव पाठ बिना किसी शुल्क के पूरे कर सकते हैं। वैकल्पिक PRO सदस्यता उन्नत एआई टूल और साझा किया जा सकने वाला प्रमाणपत्र उपलब्ध कराती है।

क्या HTML सीखने के लिए मुझे पहले से अनुभव होना चाहिए?

नहीं। पाठ्यक्रम बुनियादी सिद्धांतों से शुरू होता है और धीरे-धीरे उन्नत विषयों तक जाता है, इसलिए आप HTML का पहले से कोई अनुभव न होने पर भी शुरुआत कर सकते हैं।

CoddyKit पर मैं HTML कैसे सीखूँगा?

आप करके सीखते हैं। छोटे-छोटे इंटरैक्टिव पाठों में स्पष्ट व्याख्या के साथ ऐसा व्यावहारिक कोडिंग अभ्यास होता है जो वास्तविक समय में चलता है, और जब भी आप अटकते हैं, 24/7 एआई ट्यूटर व्यक्तिगत सहायता देता है।

क्या Web Accessibility Academy पूरा करने पर मुझे प्रमाणपत्र मिलेगा?

हाँ। PRO शिक्षार्थी परीक्षा दे सकते हैं और Web Accessibility Academy पाठ्यक्रम पूरा करने का ऐसा साझा किया जा सकने वाला प्रमाणपत्र प्राप्त कर सकते हैं, जिसमें सत्यापन योग्य कोड होता है।

क्या मैं अपने फ़ोन पर HTML सीख सकता हूँ?

हाँ। CoddyKit वेब पर और मूल iOS तथा एंड्रॉइड ऐप के रूप में उपलब्ध है, इसलिए आप किसी भी डिवाइस पर HTML सीख सकते हैं और आपकी प्रगति सभी डिवाइसों पर सिंक होती रहती है।

CoddyKit PRO की कीमत कितनी है?

Web Accessibility Academy का पहला पाठ्यक्रम मुफ़्त है। CoddyKit PRO हर पाठ्यक्रम को अनलॉक करता है: $5.90 प्रति सप्ताह, $7.90 प्रति माह, $29.90 प्रति वर्ष, या बिना किसी नवीनीकरण के आजीवन पहुँच के लिए एक बार $69.99।

Web Accessibility Academy पूरा करने में कितना समय लगता है?

Web Accessibility Academy में 30 पाठ्यक्रम और 120 पाठ हैं। अधिकांश पाठों में लगभग 5–10 मिनट लगते हैं, इसलिए अपनी गति से पूरे मार्ग को पूरा करने में लगभग 14 घंटे का व्यावहारिक अभ्यास लगता है।

अभी Web Accessibility Academy शुरू करें

एआई-संचालित पाठों के साथ प्रोग्रामिंग में निपुण बनने वाले हज़ारों शिक्षार्थियों से जुड़ें।

निःशुल्क सीखना शुरू करेंसभी पाठ्यक्रम देखें