[英]aria-expanded html attribute
我目前正在制作一個導航欄，並遇到了aria-expanded html 屬性。 我當然知道元素用於讓元素展開或折疊。 我能找到的關於此的信息很少，而且W3C 文檔在 IMO 中也不是那么清楚。
這個屬性究竟是如何工作的？
aria-expanded屬性只是用戶代理的一個標志。 它
指示元素或其控制的另一個分組元素當前是展開還是折疊。
...該指示用於元素的內容，或者如果還指定了aria-controls ，則用於目標元素。
您可以設置它的值來表明您對頁面做了什么（例如，您擴展或收縮了一個部分）。 它沒有任何與之相關的特定行為，它是為了讓用戶代理知道發生了什么，以便它可以為觀眾（他們可能有視力障礙並且需要一些其他指示一個部分是/不是）進行解釋展開）。
ARIA 屬性與可訪問性相關。 在這種特殊情況下，它是讓具有輔助技術（例如屏幕閱讀器）的用戶知道元素是否被展開。 它對元素的樣式沒有任何本機影響，但您可以使用 CSS 屬性選擇器： [aria-expanded="true"] 。 您可以根據需要使用 JavaScript 切換該值。
正如 這里提到的：
WAI-ARIA 是定義對可訪問 Web 應用程序的支持的規范。 它定義了一堆標記擴展（主要作為 HTML5 元素的屬性），Web 應用程序開發人員可以使用這些擴展來向屏幕閱讀器等輔助技術提供有關各種元素語義的附加信息。
WAI 代表：Web Accessibility Initiative
ARIA 代表：Accessible Rich Internet Applications
希望它有幫助
Aria 屬性通常用於使殘障人士可以訪問 Web 應用程序。 它們主要由屏幕閱讀器用來確定如何處理 html 元素。
aria-expanded 屬性提供有關元素是處於展開狀態還是折疊狀態的信息。
例如，如果您有一個包含文本的可折疊元素，那么當 aria-expanded 屬性設置為 true 時，屏幕閱讀器將知道該文本當前未顯示在屏幕上。
這取決於您的錨元素或任何其他元素是否處於活動狀態，就像 bootstrap 中的下拉菜單一樣
當它處於單擊狀態時，您想在父項上應用哪種顏色！
如何將屬性aria-expanded = true / false附加到元素
[英]How to ad the attribute aria-expanded=true/false to an element
aria-expanded屬性應采用值true還是字符串“ true”？
[英]Should aria-expanded attribute take the value true or string “true”?
是否應在傳統的靜態菜單（不使用JavaScript）上使用ARIA屬性aria-expanded =“ true”？
[英]Should ARIA attribute aria-expanded=“true” be used on traditional static menus (no JavaScript)?
$（'＃id'）。attr（'aria-expanded'）=== true）不起作用
[英]$('#id').attr('aria-expanded') === true) not working
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.
