輔助技術支援

所有檢視器元件都支援ARIA(可存取的Rich Internet Applications)角色和屬性,以改善與輔助技術(例如螢幕閱讀器)的整合。

頂層檢視器元素的角色regionaria-label屬性預設為檢視器名稱。 您可以使用Container.LABEL本地化符號來控制標籤。

按鈕具有button角色,並使用aria-label屬性設定描述性文字。 aria-label屬性的值是從按鈕的本地化符號值填入的。 禁用按鈕時,將相應地設定aria-disabled屬性。

主視圖具有application角色。 在aria-roledescription中提供了主視圖的簡要說明,其值由相應主視圖元件的ROLE_DESCRIPTION本地化符號定義。 使用aria-describedby提供鍵盤使用者的導覽提示,使用提示的文字來自USAGE_HINT本地化符號。 如果資產在「UserData」(用戶資料)欄位中定義了標籤,則aria-label屬性將設定為該標籤的值。

作用點、區域和影像地圖具有角色button和描述性文字集(具有aria-label屬性),且具有作用點或影像地表徵圖簽的值。 當用戶將焦點放在熱點或影像地圖上時,使用aria-describedby為鍵盤用戶提供導航提示,其中使用提示的文本來自USAGE_HINT本地化符號。

縮圖的角色dialog,aria-label屬性由ThumbnailGridView.LABEL本地化符號控制。 個別縮圖具有角色button。 如果選取縮圖,則會將aria-selected屬性設為true

顯示色票的元件具有角色listbox,且aria-label屬性設定為該元件的LABEL本地化符號值。 個別色票具有aria-setsizearia-posinset屬性的角色option,以說明色票在集合中的位置。 如果選擇了色票,則會將aria-selected屬性設定為true

下拉式清單是由其他aria-haspopup屬性設為true的按鈕和參照實際下拉式面板元素的aria-controls屬性來啟動。 下拉式面板本身具有角色menu,子元素具有角色menuitem。 每個菜單項都指定了aria-label屬性。

「模態」對話框具有dialog角色。 對話框的標題元素由aria-labelledby屬性引用。

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now