ተደራሽነት

ተደራሽ ይዘት ለመፍጠር የ Bootstrap ባህሪዎች እና ገደቦች አጭር አጠቃላይ እይታ።

Bootstrap ለአጠቃቀም ቀላል የሆነ ዝግጁ የሆኑ ቅጦች፣ የአቀማመጥ መሳሪያዎች እና በይነተገናኝ ክፍሎችን ያቀርባል፣ ይህም ገንቢዎች ለእይታ የሚስቡ፣ ተግባራዊ የበለጸጉ እና ከሳጥኑ ውጭ ተደራሽ የሆኑ ድረ-ገጾችን እና መተግበሪያዎችን እንዲፈጥሩ ያስችላቸዋል።

አጠቃላይ እይታ እና ገደቦች

በBootstrap የተገነባው የማንኛውም ፕሮጀክት አጠቃላይ ተደራሽነት በአብዛኛው የተመካው በጸሐፊው ምልክት ማድረጊያ፣ ተጨማሪ የአጻጻፍ ስልት እና ባካተቱት ስክሪፕት ላይ ነው። ነገር ግን እነዚህ በትክክል ተግባራዊ እስከሆኑ ድረስ WCAG 2.1 (A/AA/AAA)፣ ክፍል 508 እና ተመሳሳይ የተደራሽነት ደረጃዎችን እና መስፈርቶችን የሚያሟሉ ድህረ ገጾችን እና መተግበሪያዎችን በ Bootstrap መፍጠር መቻል አለበት።

መዋቅራዊ ምልክት ማድረጊያ

የቡትስትራፕ አጻጻፍ እና አቀማመጥ በተለያዩ የማርክ መስጫ መዋቅሮች ላይ ሊተገበር ይችላል። ይህ ሰነድ የቡትስትራፕን በራሱ አጠቃቀም ለማሳየት እና ተገቢውን የትርጉም ምልክት ለማሳየት ለገንቢዎች ምርጥ የተግባር ምሳሌዎችን ለማቅረብ ያለመ የተደራሽነት ስጋቶችን ለመፍታት መንገዶችን ጨምሮ።

በይነተገናኝ አካላት

የቡትስትራፕ በይነተገናኝ አካላት - እንደ ሞዳል መገናኛዎች ፣ ተቆልቋይ ምናሌዎች እና ብጁ የመሳሪያ ምክሮች - ለመንካት ፣ ለማውስ እና ለቁልፍ ሰሌዳ ተጠቃሚዎች የተቀየሱ ናቸው። አግባብነት ያላቸውን የ WAI - ARIA ሚናዎችን እና ባህሪያትን በመጠቀም፣ እነዚህ ክፍሎች አጋዥ ቴክኖሎጂዎችን (እንደ ስክሪን አንባቢ ያሉ) በመጠቀም ለመረዳት የሚቻሉ እና የሚሰሩ መሆን አለባቸው።

የBootstrap ክፍሎች ሆን ተብሎ የተነደፉ ፍትሃዊ አጠቃላይ እንዲሆኑ ስለሆነ ደራሲያን ተጨማሪ የ ARIA ሚናዎችን እና ባህሪያትን እንዲሁም የጃቫ ስክሪፕት ባህሪን በማካተት የክፍላቸውን ትክክለኛ ተፈጥሮ እና ተግባራዊነት የበለጠ በትክክል ለማስተላለፍ ሊያስፈልጋቸው ይችላል። ይህ ብዙውን ጊዜ በሰነዱ ውስጥ ተጠቅሷል።

የቀለም ንፅፅር

በአሁኑ ጊዜ የ Bootstrapን ነባሪ ቤተ-ስዕል የሚያዘጋጁት አንዳንድ የቀለም ጥምሮች - እንደ የአዝራር ልዩነቶች፣ የማንቂያ ልዩነቶች፣ የቅጽ ማረጋገጫ አመልካቾች ላሉ ነገሮች በሁሉም ማዕቀፍ ውስጥ ጥቅም ላይ የሚውሉ በቂ ያልሆነ የቀለም ንፅፅር ሊያስከትሉ ይችላሉ ( ከተመከረው WCAG 2.1 የጽሑፍ ቀለም ንፅፅር ከ4.5፡1 በታች። እና የ WCAG 2.1 የጽሑፍ ያልሆነ የቀለም ንፅፅር 3፡1 ) በተለይም ከብርሃን ዳራ ጋር ሲጠቀሙ። ደራሲያን ልዩ የቀለም አጠቃቀማቸውን እንዲሞክሩ ይበረታታሉ እና አስፈላጊ ሆኖ ሲገኝ በቂ የቀለም ንፅፅር ምጥጥን ለማረጋገጥ እነዚህን ነባሪ ቀለሞች እራስዎ እንዲቀይሩ/ያራዝሙ።

በምስላዊ መደበቅ ያለበት ነገር ግን እንደ ስክሪን አንባቢ ላሉ አጋዥ ቴክኖሎጂዎች ተደራሽ ሆኖ የሚቆይ ይዘት .sr-onlyክፍሉን በመጠቀም ቅጥ ሊደረግ ይችላል። ይህ ተጨማሪ ምስላዊ መረጃዎችን ወይም ምልክቶችን (ለምሳሌ በቀለም አጠቃቀም የሚገለጽ ትርጉም) ለማይታዩ ተጠቃሚዎች እንዲደርሱ በሚያስፈልግበት ጊዜ ጠቃሚ ሊሆን ይችላል።

<p class="text-danger">
  <span class="sr-only">Danger: </span>
  This action is not reversible
</p>

ለእይታ የተደበቁ በይነተገናኝ ቁጥጥሮች እንደ ባህላዊ "ዝለል" አገናኞች ከክፍል .sr-onlyጋር ሊጣመሩ ይችላሉ . .sr-only-focusableይህ መቆጣጠሪያው አንድ ጊዜ በትኩረት የሚታይ መሆኑን ያረጋግጣል (ለሚያዩ የቁልፍ ሰሌዳ ተጠቃሚዎች)።

<a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>

የተቀነሰ እንቅስቃሴ

prefers-reduced-motionቡትስትራፕ የሚዲያ ባህሪ ድጋፍን ያካትታል ። ተጠቃሚው ለተቀነሰ እንቅስቃሴ ምርጫቸውን እንዲገልጽ በሚፈቅዱት አሳሾች/አካባቢዎች ውስጥ፣ አብዛኛው የሲኤስኤስ ሽግግር በ Bootstrap (ለምሳሌ፣ የሞዳል ንግግር ሲከፈት ወይም ሲዘጋ፣ ወይም ተንሸራታች አኒሜሽን በካሮውስ ውስጥ) ይሰናከላል፣ እና ትርጉም ያለው እነማዎች ( እንደ ሽክርክሪት) ፍጥነት ይቀንሳል.