Source

ተደራሽነት

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

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

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

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

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

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

በይነተገናኝ አካላት

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

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

የቀለም ንፅፅር

በአሁኑ ጊዜ የ Bootstrapን ነባሪ ቤተ-ስዕል ያካተቱት አብዛኛዎቹ ቀለሞች እንደ የአዝራር ልዩነቶች፣ የማንቂያ ልዩነቶች፣ የቅጽ ማረጋገጫ አመልካቾች ላሉ ነገሮች - በቂ ያልሆነ የቀለም ንፅፅር ይመራሉ (ከሚመከረው WCAG 2.0 የቀለም ንፅፅር ሬሾ 4.5፡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 ውስጥ ያሉ አብዛኛዎቹ የCSS ሽግግር ውጤቶች (ለምሳሌ፣ የሞዳል ንግግር ሲከፈት ወይም ሲዘጋ) ይሰናከላሉ። በአሁኑ ጊዜ ድጋፍ በ macOS እና iOS ላይ ለSafari የተወሰነ ነው።

ተጨማሪ መገልገያዎች