אַקסעסאַביליטי
א קורץ איבערבליק פון Bootstrap ס פֿעיִקייטן און לימיטיישאַנז פֿאַר די שאַפונג פון צוטריטלעך אינהאַלט.
Bootstrap גיט אַן גרינג-צו-נוצן פריימווערק פון פאַרטיק סטיילז, אויסלייג מכשירים און ינטעראַקטיוו קאַמפּאָונאַנץ, אַלאַוינג דעוועלאָפּערס צו שאַפֿן וועבסיטעס און אַפּלאַקיישאַנז וואָס זענען וויזשוואַלי אַפּילינג, פאַנגקשאַנאַלי רייַך און צוטריטלעך אויס פון די קעסטל.
איבערבליק און לימיטיישאַנז
די קוילעלדיק אַקסעסאַביליטי פון קיין פּרויעקט געבויט מיט Bootstrap דעפּענדס אין גרויס טייל אויף דער מחבר ס מאַרקאַפּ, נאָך סטילינג און סקריפּטינג זיי האָבן אַרייַנגערעכנט. אָבער, אויב די זענען ימפּלאַמענאַד ריכטיק, עס זאָל זיין בישליימעס מעגלעך צו שאַפֿן וועבסיטעס און אַפּלאַקיישאַנז מיט Bootstrap וואָס מקיים WCAG 2.1 (A/AA/AAA), אָפּטיילונג 508 און ענלעך אַקסעסאַביליטי סטאַנדאַרדס און רעקווירעמענץ.
סטראַקטשעראַל מאַרקאַפּ
די סטילינג און אויסלייג פון Bootstrap קענען זיין געווענדט צו אַ ברייט קייט פון מאַרקאַפּ סטראַקטשערז. די דאַקיומענטיישאַן יימז צו צושטעלן דעוועלאָפּערס מיט ביישפילן פון בעסטער פּראַקטיסיז צו באַווייַזן די נוצן פון Bootstrap זיך און אילוסטרירן צונעמען סעמאַנטיק מאַרקאַפּ, אַרייַנגערעכנט וועגן וואָס פּאָטענציעל קאַנסערנז פֿאַר אַקסעס קענען זיין אַדרעסד.
ינטעראַקטיווע קאַמפּאָונאַנץ
באָאָטסטראַפּ ס ינטעראַקטיוו קאַמפּאָונאַנץ - אַזאַ ווי מאָדאַל דיאַלאָגס, דראָפּדאָוון מעניוז און מנהג מכשירים - זענען דיזיינד צו אַרבעטן פֿאַר פאַרבינדן, מויז און קלאַוויאַטור יוזערז. דורך די נוצן פון באַטייַטיק WAI - ARIA ראָלעס און אַטריביוץ, די קאַמפּאָונאַנץ זאָל אויך זיין פאַרשטיייק און אַפּעריישאַנאַל ניצן אַסיסטיוו טעקנאַלאַדזשיז (אַזאַ ווי פאַרשטעלן לייענער).
ווייַל באָאָטסטראַפּ ס קאַמפּאָונאַנץ זענען פּערפּאַסלי דיזיינד צו זיין פערלי דזשאַנעריק, מחברים קען דאַרפֿן צו אַרייַננעמען ווייַטער ARIA ראָלעס און אַטריביוץ, ווי געזונט ווי דזשאַוואַסקריפּט נאַטור, צו מער אַקיעראַטלי קאַנוויי די גענוי נאַטור און פאַנגקשאַנאַליטי פון זייער קאָמפּאָנענט. דאָס איז יוזשאַוואַלי באמערקט אין די דאַקיומענטיישאַן.
קאָליר קאַנטראַסט
עטלעכע קאַמבאַניישאַנז פון פארבן וואָס דערווייַל מאַכן די באָאָטסטראַפּ ס פעליקייַט פּאַליטרע - געניצט איבער די פריימווערק פֿאַר זאכן אַזאַ ווי קנעפּל ווערייישאַנז, פלינק ווערייישאַנז, פאָרם וואַלאַדיישאַן ינדיקאַטאָרס - קען פירן צו ניט גענוגיק קאָליר קאַנטראַסט (אונטער די רעקאַמענדיד 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
און .sr-only-focusable
קלאסן אין פאַרגאַנגענהייט ווערסיעס, Bootstrap 5 ס .visually-hidden-focusable
איז אַ סטאַנדאַלאָנע קלאַס, און מוזן נישט זיין געוויינט אין קאָמבינאַציע מיט די .visually-hidden
קלאַס.
<a class="visually-hidden-focusable" href="#content">Skip to main content</a>
רידוסט באַוועגונג
Bootstrap כולל שטיצן פֿאַר די prefers-reduced-motion
מידיאַ שטריך . אין בראַוזערז / ינווייראַנמאַנץ וואָס לאָזן די באַניצער צו ספּעציפיצירן זייער ייבערהאַנט פֿאַר רידוסט באַוועגונג, רובֿ CSS יבערגאַנג יפעקץ אין באָאָטסטראַפּ (למשל, ווען אַ מאָדאַל דיאַלאָג איז געעפנט אָדער פארמאכט, אָדער די סליידינג אַנאַמיישאַן אין קעראַסאַלז) וועט זיין פאַרקריפּלט, און מינינגפאַל אַנאַמיישאַנז ( אַזאַ ווי ספּיננערס) וועט זיין סלאָוד אַראָפּ.
אויף בראַוזערז וואָס שטיצן prefers-reduced-motion
, און ווו דער באַניצער האט נישט בפירוש סיגנאַלד אַז זיי בעסער וועלן רידוסט באַוועגונג (ד"ה ווו prefers-reduced-motion: no-preference
), Bootstrap ינייבאַלז גלאַט סקראָללינג ניצן די scroll-behavior
פאַרמאָג.
נאָך רעסורסן
- גיידליינז פֿאַר אַקסעס פֿאַר וועב אינהאַלט (WCAG) 2.1
- די A11Y פּראָיעקט
- MDN אַקסעסאַביליטי דאַקיומענטיישאַן
- Tenon.io אַקסעסאַביליטי טשעקער
- קאָליר קאַנטראַסט אַנאַליזער (CCA)
- "HTML Codesniffer" בוקמאַרקלעט פֿאַר ידענטיפיצירן אַקסעסאַביליטי ישוז
- מיקראָסאָפט אַקסעסאַביליטי ינסייץ
- דעק אַקס טעסטינג מכשירים
- הקדמה צו וועב אַקסעסאַביליטי