ወደ ዋናው ይዘት ዝለል ወደ ሰነዶች ዳሰሳ ዝለል
Check
in English

ተደራሽነት

ተደራሽ ይዘት ለመፍጠር የ 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 ) በተለይም ከብርሃን ዳራ ጋር ሲጠቀሙ። ደራሲያን ልዩ የቀለም አጠቃቀማቸውን እንዲሞክሩ ይበረታታሉ እና አስፈላጊ ሆኖ ሲገኝ በቂ የቀለም ንፅፅር ምጥጥን ለማረጋገጥ እነዚህን ነባሪ ቀለሞች እራስዎ እንዲቀይሩ/ያራዝሙ።

በእይታ የተደበቀ ይዘት

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

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

ለእይታ የተደበቁ በይነተገናኝ ቁጥጥሮች፣ እንደ ተለምዷዊ "ዝለል" አገናኞች፣ .visually-hidden-focusableክፍሉን ይጠቀሙ። ይህ መቆጣጠሪያው አንድ ጊዜ በትኩረት የሚታይ መሆኑን ያረጋግጣል (ለሚያዩ የቁልፍ ሰሌዳ ተጠቃሚዎች)። ተጠንቀቅ፣ ካለፉት ስሪቶች አቻ እና ክፍሎች ጋር ሲነጻጸር ፣ Bootstrap 5s ራሱን የቻለ ክፍል ነው፣ እና ከክፍል ጋር ተጣምሮ ጥቅም ላይ መዋል የለበትም ።.sr-only.sr-only-focusable.visually-hidden-focusable.visually-hidden

<a class="visually-hidden-focusable" href="#content">Skip to main content</a>

የተቀነሰ እንቅስቃሴ

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

በሚደግፉ አሳሾች ላይ prefers-reduced-motionእና ተጠቃሚው የመቀነስ እንቅስቃሴን እንደሚመርጡ በግልፅ ባላሳየ ጊዜ (ማለትም የት ) ቡትስትራፕ ንብረቱን prefers-reduced-motion: no-preferenceበመጠቀም ለስላሳ ማሸብለል ያስችላል ።scroll-behavior

ተጨማሪ መገልገያዎች