亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

annuaire recherche
Getting started Accessibility(無(wú)障礙) Browsers and devices(瀏覽器和設(shè)備) Build tools(構(gòu)建工具) Contents(內(nèi)容) Download(下載) JavaScript Theming Bootstrap(主題Bootstrap) Webpack Components: Alerts Alerts(警報(bào)) Components: Badges Badges(徽章) Components: Breadcrumb Breadcrumb Components: Button group Button group(按鈕組) Components: Buttons Buttons(按鈕) Components: Cards Components: Carousel Cards(卡) Carousel(圓盤(pán)傳送帶) Components: Collapse Collapse(折疊) Components: Dropdowns Dropdowns(下拉菜單) Components: Forms Forms(表單) Components: Input group Input group(輸入群組) Components: Input group Jumbotron(廣告大屏幕) Components: List group List group(列表組) Components: Modal Modal(互動(dòng)視窗) Components: Navbar Navbar(導(dǎo)航欄) Components: Navs Navs(導(dǎo)航欄) Components: Pagination Pagination(分頁(yè)) Components: Popovers Popovers(彈出框) Components: Progress Progress(進(jìn)度條) Components: Scrollspy Scrollspy(滾動(dòng)監(jiān)聽(tīng)) Components: Tooltips Tooltips(提示工具) Content Code(代碼) Figures(圖片區(qū)) Images(圖片) Reboot(重置) Tables(表格) Typography(排版) Layout Grid(網(wǎng)格) Layout(布局) Media object(多媒體對(duì)象) Utilities for layout(排版通用類(lèi)別) Migration Migrating to v4(遷移到v4) Utilities Borders(邊框) Clearfix(清除浮動(dòng)) Close icon(關(guān)閉圖標(biāo)) Colors(顏色) Display property(顯示屬性) Embeds(內(nèi)嵌) Flex(彈性) Float(浮動(dòng)) Image replacement(圖像替換) Position(位置) Screenreaders(熒幕閱讀器) Sizing(尺寸) Spacing(間隔) Text(文本) Vertical alignment(垂直對(duì)齊) Visibility(能見(jiàn)度)
personnages

對(duì)創(chuàng)建可訪問(wèn)內(nèi)容的 Bootstrap 功能和局限性的簡(jiǎn)要概述。

引導(dǎo)提供了一個(gè)易于使用的框架,現(xiàn)成的樣式,布局工具,和交互式組件,允許開(kāi)發(fā)人員創(chuàng)建的網(wǎng)站和應(yīng)用程序是視覺(jué)上有吸引力,功能豐富,并可直接訪問(wèn)。

概述和局限性

使用 Bootstrap 構(gòu)建的任何項(xiàng)目的整體可訪問(wèn)性在很大程度上取決于作者的標(biāo)記,額外樣式以及他們包含的腳本。但是,如果這些已正確實(shí)施,則完全可以使用 Bootstrap 創(chuàng)建滿足WCAG 2.0(A / AA / AAA),第508節(jié)和類(lèi)似輔助功能標(biāo)準(zhǔn)和要求的網(wǎng)站和應(yīng)用程序。

結(jié)構(gòu)標(biāo)記

引導(dǎo)的樣式和布局可以應(yīng)用于廣泛的標(biāo)記結(jié)構(gòu)。本文檔旨在為開(kāi)發(fā)人員提供最佳實(shí)踐示例,以演示Bootstrap本身的使用,并說(shuō)明適當(dāng)?shù)恼Z(yǔ)義標(biāo)記,包括解決潛在的可訪問(wèn)性問(wèn)題的方法。

交互組件

Bootstrap的交互式組件(例如模式對(duì)話框,下拉菜單和自定義工具提示)可用于觸摸,鼠標(biāo)和鍵盤(pán)用戶。通過(guò)使用相關(guān)的WAI-ARIA角色和屬性,使用輔助技術(shù)(如屏幕閱讀器)也可以理解和操作這些組件。

因?yàn)锽ootstrap的組件是故意設(shè)計(jì)成相當(dāng)通用的,因此作者可能需要進(jìn)一步包含ARIA角色和屬性以及JavaScript行為,以便更準(zhǔn)確地傳達(dá)組件的準(zhǔn)確性質(zhì)和功能。這通常在文檔中有說(shuō)明。

色彩對(duì)比

大多數(shù)當(dāng)前構(gòu)成Bootstrap默認(rèn)調(diào)色板的顏色(在按鈕變化,警報(bào)變化,形式驗(yàn)證指示器等事件中用于整個(gè)框架)導(dǎo)致顏色對(duì)比度不足(低于建議的WCAG 2.0顏色對(duì)比度4.5:1)輕的背景。作者需要手動(dòng)修改/擴(kuò)展這些默認(rèn)顏色以確保足夠的色彩對(duì)比度。

視覺(jué)隱藏內(nèi)容

內(nèi)容應(yīng)該在視覺(jué)上隱藏,但仍然可以通過(guò)輔助技術(shù)(如屏幕閱讀器)訪問(wèn),可以使用.sr-only該類(lèi)進(jìn)行設(shè)計(jì)。當(dāng)需要將其他視覺(jué)信息或線索(例如通過(guò)使用顏色表示的含義)也傳達(dá)給非可視用戶時(shí),這可能很有用。

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

對(duì)于視覺(jué)隱藏的交互式控件,例如傳統(tǒng)的“跳過(guò)”鏈接,.sr-only可以與.sr-only-focusable課程相結(jié)合。這將確保一旦關(guān)注控件(對(duì)于有視力的鍵盤(pán)用戶),控件就會(huì)變得可見(jiàn)。

<a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>


Article précédent: Article suivant: