ተበጻሕነት

ሓጺር ሓፈሻዊ ትሕዝቶ ናይ ቡትስትራፕ ባህርያትን ድሩትነትን ምፍጣር ተበጻሒ ትሕዝቶ።

ኣብዚ ገጽ

ቡትስትራፕ ንኣጠቓቕማ ቀሊል ዝኾነ ድሉው ቅዲታት፡ መሳርሒታት ኣቀማምጣን መስተጋብራዊ ኣካላትን ዝሓዘ ቅርጺ ዝህብ ኮይኑ፡ ንደቨሎፐራት ብዓይኒ ዝስሕቡ፡ ብተግባር ዝሃብተሙን ካብ ሳንዱቕ ወጻኢ ዝረኽብዎምን መርበባት ሓበሬታን ኣፕሊኬሽናትን ንኽፈጥሩ የኽእሎም።

ሓፈሻዊ ትሕዝቶን ድሩትነትን

ሓፈሻዊ ተበጻሕነት ናይ ዝኾነ ብቡትስትራፕ ዝተሃንጸ ፕሮጀክት ብዓቢኡ ኣብቲ ዘካተትዎ ምልክት ደራሲ፡ ተወሳኺ ቅዲን ስክሪፕቲንግን ይምርኮስ። ይኹን እምበር እዚኦም ብትኽክል እንተተተግቢሮም፡ ብቡትስትራፕ ን WCAG 2.1 (A/AA/AAA) ፡ ክፍሊ 508 ፡ ከምኡ’ውን ተመሳሳሊ ናይ ተበጻሕነት ደረጃታትን ጠለባትን ዘማልኡ ዌብሳይታትን ኣፕሊኬሽናትን ምፍጣር ፍጹም ክከኣል ይግባእ ።

መዋቕራዊ ምልክት ምግባር

ቅዲን ኣቀማምጣን ቡትስትራፕ ኣብ ሰፊሕ ዝርዝር ናይ ምልክት መዋቕራት ክትግበር ይከኣል። እዚ ሰነድ እዚ ንደቨሎፐራት ንባዕሉ ኣጠቓቕማ ቡትስትራፕ ንምግላጽን ግቡእ ትርጉማዊ ምልክት ንምግላጽን ብሉጽ ልምዲ ኣብነታት ንምሃብን ዝዓለመ ኮይኑ፡ ንኽህልዉ ዝኽእሉ ስክፍታታት ተበጻሕነት ክእለዩ ዝኽእሉሉ መንገድታት ሓዊሱ እዩ።

መስተጋብራዊ ባእታታት

ናይ ቡትስትራፕ መስተጋብራዊ ኣካላት-ከም ሞዳል ዝርርብታት፡ ንቑልቁል ዝወርድ ምልክታታትን ብሕታዊ መሳርሒታት-ንተጠቀምቲ ምትንኻፍ፡ ማውስን ሰሌዳ ቁልፊን ክሰርሑ ዝተዳለዉ እዮም። ብመገዲ ኣጠቓቕማ ኣገደስቲ ናይ WAI - 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ክፍሊ ተጠቐም። እዚ ድማ እቲ ቁጽጽር ሓንሳብ ትኹረት ምስ ተገብረሉ ርኡይ ምዃኑ ከረጋግጽ እዩ (ንዝርእዩ ተጠቀምቲ ቁልፊ ሰሌዳ)። ተጠንቀቑ፡ ምስቲ ኣብ ዝሓለፈ ስሪት ዝነበረ ተመጣጣንን ክፍልታትን ክነጻጸር እንከሎ .sr-only፡ Bootstrap .sr-only-focusable5's .visually-hidden-focusableንበይኑ ዝሰርሕ ክፍሊ እዩ፡ ምስቲ ክፍሊ ተደሚሩ ክጥቀመሉ የብሉን .visually-hidden።

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

ምንቅስቓስ ምጉዳል

ቡትስትራፕ ንናይ prefers-reduced-motionሚድያ ባህሪ ደገፍ የጠቓልል ። ኣብቶም ተጠቃሚ ንዝተቐነሰ ምንቅስቓስ ምርጫኡ ክገልጽ ዘኽእሎም ዳህሰስቲ/ከባቢታት፡ መብዛሕትኦም ኣብ ቡትስትራፕ ዝርከቡ ናይ CSS ምስግጋር ውጽኢታት (ንኣብነት፡ ሞዳል ዝርርብ ክኽፈት ወይ ክዕጾ ከሎ፡ ወይ ድማ እቲ ስላይድ ተንቀሳቓሲ ስእሊ ኣብ ካሮሰል) ክስረዙ እዮም፡ ትርጉም ዘለዎም ተንቀሳቐስቲ ስእልታት ( ከም ስፒነር) ዝኣመሰሉ ፍጥነታት ክዝሕሉ እዮም።

ኣብ ዝድግፉ ዳህሰስቲ prefers-reduced-motion፣ ከምኡ’ውን እቲ ተጠቃሚ ምጉዳል ምንቅስቓስ ከም ዝመርጽ ብግልጺ ምልክት ኣብ ዘይሃበሉ ቦታታት (ማለት where ) , Bootstrap ነቲ ንብረት prefers-reduced-motion: no-preferenceተጠቒሙ ስሉጥ ምዝዋር የኽእል ።scroll-behavior