eye

एक्सेसिबिलिटी फ़ीचर्स

advanced 4 min #accessibility #a11y #screen reader

SubLearn को एक्सेसिबिलिटी को ध्यान में रखकर बनाया गया है। हम हर यूज़र के लिए एक inclusive learning experience देने के लिए committed हैं — चाहे उनकी abilities कुछ भी हों या वो किसी भी assistive technology का इस्तेमाल करें। हमारा प्लेटफ़ॉर्म Web Content Accessibility Guidelines (WCAG) 2.1 Level AA standards को follow करता है ताकि language learning सबके लिए accessible हो।

एक्सेसिबिलिटी फ़ीचर्स

SubLearn को एक्सेसिबिलिटी को ध्यान में रखकर बनाया गया है। हम हर यूज़र के लिए एक inclusive learning experience देने के लिए committed हैं — चाहे उनकी abilities कुछ भी हों या वो किसी भी assistive technology का इस्तेमाल करें। हमारा प्लेटफ़ॉर्म Web Content Accessibility Guidelines (WCAG) 2.1 Level AA standards को follow करता है ताकि language learning सबके लिए accessible हो।

Screen Reader सपोर्ट

SubLearn NVDA, JAWS, VoiceOver, और TalkBack जैसे popular screen readers के साथ पूरी तरह compatible है। हम पूरे प्लेटफ़ॉर्म में semantic HTML और comprehensive ARIA (Accessible Rich Internet Applications) labels का इस्तेमाल करते हैं ताकि सारा content और interactive elements screen reader users को सही से announce हो।

  • Semantic HTML: सारा page content proper heading hierarchy (h1, h2, h3 आदि), semantic elements (main, nav, article, section), और descriptive link text के साथ structured है।
  • ARIA Labels: Form inputs, buttons, और dynamic content regions में appropriate ARIA attributes लगाए गए हैं जैसे aria-label, aria-describedby, और real-time updates के लिए aria-live।
  • Alt Text: सभी images, thumbnails और icons में descriptive alternative text दिया गया है ताकि जो यूज़र्स उन्हें देख नहीं सकते, उन्हें भी meaning समझ आए।
  • Form Accessibility: सभी form controls properly labels से जुड़े हैं, error messages announce होते हैं, और validation feedback clearly दिया जाता है।

पूरा Keyboard Navigation

SubLearn का हर feature keyboard navigation से पूरी तरह accessible है। तुम्हें प्लेटफ़ॉर्म का कोई भी हिस्सा इस्तेमाल करने के लिए mouse की ज़रूरत नहीं है:

  • Tab Navigation: Tab और Shift+Tab से interactive elements के बीच logical reading order में navigate करो।
  • Keyboard Shortcuts: हमारी comprehensive keyboard shortcuts guide access करो (कहीं भी ? दबाओ) — navigate करो, video playback control करो, flashcards rate करो, और बहुत कुछ।
  • Focus Management: सभी interactive elements पर visual focus indicators clearly visible हैं ताकि तुम्हें हमेशा पता रहे कि तुम page पर कहाँ हो।
  • Skippable Content: हर page के top पर "Skip to main content" link available है जिससे navigation skip करके सीधे main learning area में जा सकते हो।
  • No Keyboard Trap: Keyboard users कभी किसी element पर trapped नहीं हो सकते; focus हमेशा interface में आगे-पीछे move कर सकता है।

Reduced Motion Mode

Animations और transitions कुछ users के लिए distracting या uncomfortable हो सकते हैं। SubLearn तुम्हारे device की prefers-reduced-motion setting को respect करता है:

  • Automatic Detection: अगर तुमने अपनी operating system settings में "Reduce motion" या "Reduce animation" enable किया है, तो SubLearn automatically non-essential animations disable कर देगा।
  • Page Transitions: Reduced motion mode में fade और slide animations disable हो जाती हैं।
  • Interactive Elements: Hover effects और microinteractions functional रहते हैं लेकिन unnecessary motion के बिना।
  • Animations Preserved: Critical visual feedback (जैसे button states या loading indicators) effectively काम करता रहता है।

High Contrast और Color Blind Friendly Design

SubLearn का design color blindness और contrast sensitivity को ध्यान में रखता है:

  • Color Independence: Information कभी सिर्फ color से convey नहीं होती। जैसे form validation errors में text, icons, और color तीनों साथ इस्तेमाल होते हैं।
  • High Contrast: Text और interactive elements normal text के लिए minimum 4.5:1 और large text के लिए 3:1 contrast ratio maintain करते हैं, जो WCAG AA standards को meet करता है।
  • Dark Mode: Eye strain कम करने और low-light environments में readability बेहतर बनाने के लिए एक high-contrast dark mode available है। Light और dark दोनों modes accessibility contrast requirements को meet करते हैं।
  • Color Blind Palette: हमारे accent colors और UI elements इस तरह चुने गए हैं कि color blindness (deuteranopia, protanopia, और tritanopia) वाले users भी इन्हें distinguish कर सकें।

Text Sizing और Readability

SubLearn flexible text sizing को support करता है और सभी zoom levels पर readability maintain करता है:

  • Browser Zoom: तुम Ctrl/Cmd + Plus/Minus से zoom in और out कर सकते हो बिना content distorted या unusable हुए।
  • Responsive Typography: Text sizes mobile, tablet, और desktop devices पर appropriately scale होती हैं।
  • Line Height और Spacing: Generous line heights और letter spacing readability improve करते हैं और लंबी study sessions में eye strain कम करते हैं।
  • Readable Fonts: हम clear, sans-serif fonts इस्तेमाल करते हैं जो सभी sizes पर अच्छी legibility देते हैं।

Video Captions और Transcripts

SubLearn पर सभी videos में comprehensive captions और transcripts शामिल हैं — उन users के लिए जो deaf हैं, hard of hearing हैं, या text-based learning prefer करते हैं:

  • Auto-Generated और Reviewed: Video captions automatically generate होते हैं और accuracy के लिए review किए जाते हैं।
  • Multiple Languages: Captions video की original language और English दोनों में available हैं।
  • Toggle Control: Users आसानी से captions on/off कर सकते हैं और subtitle display adjust कर सकते हैं (S दबाओ या player controls इस्तेमाल करो)।
  • Full Transcripts: हर video के लिए complete transcripts available हैं उन users के लिए जो पूरा content पढ़ना prefer करते हैं।

Focus Indicators और Visual Feedback

Clear, visible focus indicators keyboard users और motor disabilities वाले users को interface navigate करने में मदद करते हैं:

  • Visible Focus Ring: जब buttons, links, और form inputs keyboard focus receive करते हैं तो एक bright violet focus ring दिखाई देती है।
  • Hover States: Buttons और links hover या focus होने पर clearly अपनी appearance बदलते हैं।
  • Disabled State Clarity: Disabled elements visually distinct हैं और इनके साथ interact नहीं किया जा सकता।

Accessibility Issues Report करना

तुम्हारा feedback हमें सबके लिए accessibility improve करने में मदद करता है। अगर तुम्हें कोई accessibility barrier मिले या improvement के suggestions हों:

  • Contact Support form इस्तेमाल करो और category में "Accessibility Issue" select करो।
  • हमें [email protected] पर email करो — barrier की details और अपनी assistive technology के बारे में बताओ।
  • Page URL, affected feature, और कोई भी error messages include करो।
  • हम accessibility reports का 24 घंटे के अंदर respond करने और जल्दी solution या workaround देने का लक्ष्य रखते हैं।

Accessibility Resources

Web accessibility और assistive technologies के बारे में और जानो:

  • WCAG 2.1 Guidelines: Detailed accessibility standards के लिए www.w3.org/WAI/WCAG21/quickref/ visit करो।
  • WebAIM: webaim.org web को accessibly इस्तेमाल करने के लिए practical advice देता है।
  • Assistive Technology Resources: American Foundation for the Blind जैसी organizations assistive technology users के लिए resources offer करती हैं।

SubLearn accessibility में continuous improvement के लिए committed है। हम regularly अपने प्लेटफ़ॉर्म को accessibility standards के against audit करते हैं और सभी learners को बेहतर serve करने में user feedback का स्वागत करते हैं। Language learning inclusive और सबके लिए accessible होनी चाहिए, और हम इस responsibility को seriously लेते हैं।

क्या यह गाइड मददगार था?

यह गाइड शेयर करो

मदद चाहिए?

अभी भी कोई सवाल है? हमारी सपोर्ट टीम तुम्हारी मदद के लिए यहाँ है।

सपोर्ट से संपर्क करो