Skip to playerSkip to main content
আধুনিক ওয়েব অ্যাপ ও ARIA রোলস: সকলের জন্য উন্মুক্ত ইন্টারনেট গড়ার চাবিকাঠি

আমরা আজকে ওয়েব ডেভেলপমেন্টের এমন একটি বিষয় নিয়ে আলোচনা করব যা আপাতদৃষ্টিতে সাধারণ মনে হলেও, এর গুরুত্ব অপরিসীম। বিষয়টি হলো ARIA রোলস এবং ওয়েব অ্যাক্সেসিবিলিটি। আধুনিক যুগে আমরা যখন জটিল সব ওয়েব অ্যাপ্লিকেশন তৈরি করি, তখন শুধুমাত্র সাধারণ HTML ট্যাগ সবসময় যথেষ্ঠ হয় না। এখানেই ARIA (Accessible Rich Internet Applications)-এর জাদুকরী ভূমিকা শুরু হয়।




Continue reading:
https://thetranscendent-official.blogspot.com/2025/12/html-bengali-14-thetranscendent-tt.html


Chapter Resources:
https://codepen.io/the-Transcendent/pen/dPoJMby


Free Full Course:
https://thetranscendent.org/courses/html-ai-এর-যুগে-বাংলা-তে


All Resources:
https://codepen.io/collection/KwdZdm


Amazon, Best HTML Seller Book.
https://amzn.to/4owJs1j



===

Connect with The TRANSCENDENT:

🌍 Visit our Website: https://thetranscendent.org


===




#transcendent #thetranscendent #thetranscendentorg
#ट्रान्सेंडैंट #दीट्रान्सेंडैंट
#ট্রান্সসেন্ডেন্ট #দাট্রান্সসেন্ডেন্ট




#HTML #WebDev #SEO #FrontEnd #codingtips #HTML5 #SemanticHTML #DateTime #HTMLtips #webstandards #HTML #WebDev #FrontEnd #Coding #Programming #WebDevelopment #Developer #HTML #WebDev #FrontEnd #Coding #Programming #WebDevelopment #Developer #HTML5 #SemanticHTML #DateTime #HTMLtips #WebStandards #SEO #TechSEO #WebAccessibility #A11y #StructuredData #UserExperience #UX #LearnToCode #CodeNewbie #100DaysOfCode #CodingLife #TechTutorial #DevTips

#WebDevelopment #Accessibility #BanglaTutorial #ARIA #HTML
#WebAccessibility #ARIA #BanglaCoding #Frontend #HTML5 #A11y #WebDev
#WebAccessibility #FrontendDev #ARIARoles #CodingInBangla #WebDevelopment #TheTranscendent


thetranscendent.org
Beyond Sense!

Category

📚
Learning
Transcript
00:00Hello, the Transcendent is your name.
00:14In this video, I will be able to learn about ARIA Roles.
00:21ARIA Roles will be able to use ARIA Roles key.
00:26ARIA Bhoomika key.
00:28ARIA Accessible Rich Internet application.
00:31Bhoomika screen.
00:32पाठुब देर बुज्चते शाहाद्जो करे.
00:34जे जखुन Native HTML सब्दार्थ बिद्धा जथेश्ट ना होई,
00:38तकुनेक्टी आवमेंट की करे.
00:40ARIA Roles Hollow ओतिरिक्त बर्णो नामुलग बोईशिष्टो जा आमरा HTML elements
00:46ए जोग कुरी जाते तादेर अर्थ गोभीरतर होई, एबं ब्राउजार बुज्चते पारे कुनो जीनिस की काज करे.
00:53आदर्ष पोरिस्थिती ते, आमादेर एक्टी आरिया Roles ब्यभुहार करार प्रुजन होबेना.
00:59जखन आमरा सठीक HTML element ब्यभुहार कुरी, तकुन आमरा बिशार्भुस्तु शब्दार्थ बिद्धा सम्पोर के जथा जथ बार्ता पोउचे दी.
01:09तबे कोखनो कोखनो पोरिस्थिती आदर्ष थाके ना, एबं आमादेर मार्कापे किछु आपोश कोड़्ते बाध्धो होते होए.
01:16एई आपोश कुली जोदी प्रतिबंधी बेक्तिर जोन्नो साइट ब्यभुहार कोठीन बा अशम्भब कोरे तोले, तबे ता बिशेश बाबे समोश्चा जणों।
01:25प्रकृत पक्खे अनेक जाएगाए प्रतिबंधी बेक्तिदेर जोन्नो अभुम्मों वेबसाइट तोईरी कोड़ा आईना तो दोन्डोनियो।
01:32है, HTML बास्तोबिकी एक्टी मानवाधिकार सम्पोर की तो बिशाय होते पारे।
01:38शाधारन HTML elements के आपनार साइटेर्स पोष्ट भाषी बोगता ही शेबे भाबूं।
01:45आरिया, रोल्स, होलो, दोखो, दोभाषी जखुन HTML एर बार्ता जोटील होए जाए।
01:51प्रथोमे HTML दियेस पोष्ट ता आनून।
01:55नेले, साइटेक्टी डिजिटाल गोल्ग धाना होए जाबे।
01:58आर आइन तो शुगों पद जोरूरी होले एमोन बिभ्धान्ती केवी चायना।
02:03ठीक एखानेई आरिया, एक्रिब्यूट्स, तादेर ताक पर्जोपूर्ण उपजोबिता प्रदोर्शन करे।
02:10आरिया, दारा प्रदत्त तुथेर, ओतिरिक्त स्तर, स्क्रीन रीडर, ब्रेइल डिस्प्ले, मैगनिफायर, एबं ओन्नार्न बिभिन्न एसिस्टीव टेक्नलोजी सिस्टेम के शेई अपोरी हाज्जो बिबरोन सम्पोर के अभुहित कोरे।
02:25जा एक्टी वेब साइट के शकुलेर जोन्नो सम्पोर्न रुपे ब्यभुहार जोग्गो करे तूलते तादेर प्रजन होए।
02:31आरिया, तोईरी हुए छिलो, जखुन इंटरनेट ओटी जबाही सफ्टूजार एप गुलोर जाएगा निते शुरु करे।
02:37एटी वेब आपेर जोटी यूजर इंटर्फेस सबार जोन्नो।
02:42विशेश करे प्रतिबंधी बेक्तिदेर जोन्नो, समान भावे ब्यभुहार जोग्गो करे।
02:47आरिया HTMLA रोल्स, स्टेट्स और प्रपार्टीज जोग करे स्क्रीन रिदरेट जोन्नो इंटर्फेस बोध गम्मो करे।
02:54आखन एक्टी डिजाइन उदाहरुन देखी।
02:58जैमन एक्टी कास्टम ड्रोप्डाउन मेनू जेखाने।
03:02RAW has pop up, or expanded, or selected ब्यभुहार कोरे आरिया शहायता प्रजुन।
03:09आमरा संप्रती वेबे ग्राफिक डिजाइनेर शीमा प्रशानितो करार जुन्नो CSS grid ब्यभुहार कोरची।
03:17आमरा एई एच एक हेडलाइन दर्ट्रांसेंडेंट नियेची एबं CSS layout ब्यभुहार कोरे प्रतीती अक्खर के ग्रीडेर एक्टी भीन्नो अम्षर भीन्नो सेल एस थापन कोरची।
03:29शुधु मने रागबेन जोदियो अभागार्द दारून आपनार दर्शब देर आखनो अनुस्ठान शुची टेक्स्ट पोर्ते पाला दर्कार।
03:38नेले एटी केबोल एक्टी बिमूर्थो शिल्पो कर्मों एबं कखनो कखनो आपनार केबोल अनुस्ठानेर नाम्ती जानते होए।
03:45अनुग्रह कोरे डेवेलपार टूल्स शक्रियो कोरून एबं एक्सेसिबिलिटी नामक निर्दिष्ट टाब ए नेविगेट कोरून।
03:54दया कोरे आमादेर बर्तमान परिखार जोन्नो एई बिशेश बोईशिष्टोटी शक्रियो कोड़ते अग्रोशोर हन।
04:01एई इंटर्फेसेर माध्धो में आमरा अंतोर्नी हित अक्सेसिबिलिटी 3 काठा मोते प्रत्तखो एबं नुल्लोबान अंतोर ड्रिष्टी लाप कोरी।
04:10आमरा आमादेर आलचनार पूर्वबुट्ती एक्टी अंग्षे D.O.M.Tree.A.R. मोलिक धारनाटी निये आगेई आलचना कोरे छी।
04:18आक्सेसिबिलिटी 3.17 शमान्तराल स्रेनी बद्धो 3 एर प्रतिनी धित्त कोरे जा वेब ब्राउजर वेबसाइटेर अंतोर्नी हित तत्थुवतो बिशायबस्तुर उपर भित्ती कोरे जतन सहकारे निर्मान करे।
04:32ब्राउजर प्राथमिक भावे वेब प्रिष्ठार जोन्नो प्रोदोत्त मोलिक आशल HTML मार्काप प्रोक्रिया करे।
04:39तार पर ATA प्रोक्रिया जात मार्काप के सम्पुर्ण D.O.M.Tree काठाम एकुत्रित करार जोन्नो प्राथमिक भित्ती हिशाबे ब्यभभार करे।
04:49एबंग प्रोभूर्तिकाले ब्राउजर तार पर नभुनिर्मितो D.O.M.Tree के संग्स्रिष्ठ एक्सेसिबिलिटी 3 शाठिक भावे तोईरी करार जोन्नो इच्छाक्रित भावे निजुप्त करे।
05:00एई फ़लोशरूप अक्सेसिबिलिटी 3 होलो अभिकल शेई गुरुत्त पूर्णो डेटा संग्स्थान जा बिभिन्न असिस्टिव डिवाइस वेबसाइटेर एक्टी बैपक एबंग बोधगम्मो बैभुहार कारीर ओभिक गता प्रोदानेर जोन्नो बैपक भावे काज
05:30असंखो सतंत्रू एभुं प्रिथक टेक्स्चुआल कंटेनर्स एर समस्टी हिशाबे उपलुगधी करे। एई कंटेनर्स गुलीर प्रत्तेक्टी एक्टी एक्टी एक्टुप टेक्स्चुआल लीफ नोड धारुन कुरे बोले बोजा जाए जा अनुशिलने असिस्टि�
06:00पहाजातार उपर निर्भोर्शिल जे कोनो बेक्तिर जोन्नो एक्टी ओत्तों तो दूर बल एबं हतासा जनक ब्याभुहार कारीर ओभिक गता तोईरी करे। एई नेर्दिश्टो असमलब्नो फलाफल अभोश्ष्वई आमादेर कांखीतो उद्देश्शोबा ओभिप्र
06:30ब्रिद्धी पाबे। प्राथमिक भाबे एक्टी प्रधान संग्षधन मुलक पदुक्खे फिशाबे। आमरा साब्धाने निर्दिश्टो शुशंबत शब्द गुच्छो द ट्रांसेंडेंट अंतर्भुक्त कोर्भो जा स्क्रीन रीडार दारास पोष्ट उच्चारो
07:00बीचक्खनता शाथे जुक्तो कोरे अर्जन करा हबे। आरेहलेब एट्रिब्यूट टी स्पोष्ट भाबे दा ट्रांसेंडेंटेंटे सेट करा हबे। परभुर्ति काले आमरा स्टंत्रो स्पैंस एबंगतादेर प्रिथक अक्खर रूप बुलीर जोटील आधिक कोके का
07:30एलेमेंट टी तार समस्त बंग्षधर चाइल्द एलेमेंट्स शह अक्सेसिबिलिटी ट्री एर पोरिधी थेके शम्पुर्ण रूपे अपशारीत हए। एटी गुरुत्त पुर्ण भाबे डी ओ एम ट्री एर मोध्धे उपस्थित थाके। तबे एसिस्टिव डिवाइस
08:00एलेमेंट एर उपरे प्रजोग ना करा शिद्धान्त नियेची। आम्रा मोलिक भाबे चाइजे एई चैक एलेमेंट टी एक्सेसिबिलिटी ट्री दाराता शोठिक सब्दार्थिक और्थो शोठिक भाबे सिक्रीतो एबंग बैख्खा करा हो। आम्रा केबल चाइना जे �
08:30शाब्धाने आबद्धो करेची। जाते आम्रा उपजुक्त भाबे एरिया हिडेन ट्रू एट्रिब्यूट टी बिशेश भाबे शेई डिविशन एर उपर स्थापन कोड़ते पाडी।
08:39आशुन आम्रा एखुन एशुईतो काठामोगतो एबंग एर आई ए शमन्नाए बास्तोबाईनेर प्रत्तप्खो फलाफल परजबेख्खन कोडी।
08:48आम्रा वेब प्रिष्ठाटी रिफ्रेश कोरते अब्रशर हुई एबंग बे शंतोष जनवभाबे परजबेख्खन कोडी जे पूर्बे प्रिथक कोंटेनर्स एथाका शेई समस्तो शतंत्र अप्खोर गुली आखुन आसिस्टिव टेक्नोलोजी रूपलुब्थी थेके
09:18स्टैक एर एक्टी आशाधालन शक्ति शाली एबंग मुल्लोबान संग्जोजन हिशाबे दाणिये छे एबंग एटी शोत्ती तार नीजोश्ष जोगबोता एबंग जोटी रतार उपर संपुन रुपे एक्टी आनू बैपक निबेदी तो अनु संधानेर दाबी राखे
09:48एक्टी उत्तम्त जोटील एबंग बोईशिष्टो सम्रिद्ध एप्लिकेशन यूजर इंटरफेस तो इरीते शोक्रियुभाबे निजुप्त थाके
09:55ARIA Roles एबंग Attributes आपना केशेई अपरिहार जो टूल्स शर्बराह कुरे जा आपनार वेट साइट पा एप्लिकेशन प्रत्तेक बेग्ति जन्नो सम्पून रुपे एक्सेस जग्गो एबंग ब्याबहार जग्गो ता निष्चित करा जन्नो उत्तम्त प्रजुन
10:11एई वीडियो टीर प्रजुनियों समस्त फाइल एबंग आर्टाच्छेत करा आछे ओनु शिलोनी खुजे पेते पारें
Comments

Recommended