in English

ተበጻሕነት

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

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

ሓፈሻዊ ትሕዝቶን ደረታትን

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

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

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

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

ናይ ቡትስትራፕ መስተጋብራዊ ኣካላት-ከም ሞዳል ዝርርብታት፡ ንቑልቁል ዝወርድ ምልክታታትን ብሕታዊ መሳርሒታት-ንተጠቀምቲ ምትንኻፍ፡ ማውስን ሰሌዳ ቁልፊን ክሰርሑ ዝተዳለዉ እዮም። ብመገዲ ኣጠቓቕማ ኣገደስቲ ናይ WAI - 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ሚድያ ባህሪ ደገፍ የጠቓልል ። ኣብቶም ተጠቃሚ ንዝተቐነሰ ምንቅስቓስ ምርጫኡ ክገልጽ ዘኽእሎም ዳህሰስቲ/ከባቢታት፡ መብዛሕትኦም ኣብ ቡትስትራፕ ዝርከቡ ናይ CSS ምስግጋር ውጽኢታት (ንኣብነት፡ ሞዳል ዝርርብ ክኽፈት ወይ ክዕጾ ከሎ፡ ወይ ድማ እቲ ስላይድ ተንቀሳቓሲ ስእሊ ኣብ ካሮሰል) ክስረዙ እዮም፡ ትርጉም ዘለዎም ተንቀሳቐስቲ ስእልታት ( ከም ስፒነር) ዝኣመሰሉ ፍጥነታት ክዝሕሉ እዮም።

ተወሳኺ ጸጋታት