快活林性息

Roles, States, and Properties听

1. The title of each accordion header is contained in an element with role听button.
2. Each accordion header button is wrapped in an element with role heading that has a value set for听aria-level听that is appropriate for the information architecture of the page.
3. If the native host language has an element with an implicit heading and听aria-level, such as an HTML heading tag, a native host language element may be used.
4. The button element is the only element inside the heading element. That is, if there are other visually persistent elements, they are not included inside the heading element.
5. If the accordion panel associated with an accordion header is visible, the header button element has听aria-expanded听set to true. If the panel is not visible,听aria-expanded听is set to false.
6. The accordion header button element has听aria-controls听set to the ID of the element containing the accordion panel content.
7. If the accordion panel associated with an accordion header is visible, and if the accordion does not permit the panel to be collapsed, the header button element has听aria-disabled听set to true.
8. Optionally, each element that serves as a container for panel content has role region and听aria-labelledby听with a value that refers to the button that controls display of the panel.
9. Avoid using the region role in circumstances that create landmark region proliferation, e.g., in an accordion that contains more than approximately 6 panels that can be expanded at the same time.
10. Role region is especially helpful to the perception of structure by screen reader users when panels contain heading elements or a nested accordion.

(provided by听)

Roles, States, and Properties

1. The button has role of听button.
2. The button has an accessible label. By default, the accessible name is computed from any text content inside the button element. However, it can also be provided with听aria-labelledby or听aria-label.
3. If a description of the button's function is present, the button element has听aria-describedby听set to the ID of the element containing the description.
4. When the action associated with a button is unavailable, the button has听aria-disabled听set to听true.
5. If the button is a toggle button, it has an听aria-pressed听state. When the button is toggled on, the value of this state is听true, and when toggled off, the state is听false.

(provided by听)

Roles, States, and Properties听

1. Breadcrumb trail is contained within a navigation landmark region.
2. The landmark region is labelled via听aria-label听or听aria-labelledby.
3. The link to the current page has听aria-current听set to听page. If the element representing the current page is not a link,听aria-current听is optional.

(provided by听)

Roles, States, and Properties听听

1. The element that serves as the combobox container has role听combobox.
2. The element with role combobox contains or owns a textbox element that has either role听textbox听or role听searchbox.
3. When the combobox popup is visible, the combobox element contains or owns an element that has role听listbox, tree, grid, or dialog.
4. If the combobox popup has a role other than听listbox, the element with role combobox has听aria-haspopup听set to a value that corresponds to the popup type. That is,听aria-haspopup听is set to grid, tree, or dialog. Note that elements with role听combobox听have an implicit听aria-haspopup听value of listbox.
5. When the combobox popup is visible, the textbox element has听aria-controls听set to a value that refers to the combobox popup element.
6. The textbox element has a value for听aria-multiline听of false. Note that the default value of听aria-multiline听is听false.
7. When the combobox popup is not visible, the element with role combobox has aria-expanded set to false. When the popup element is visible,听aria-expanded听is set to听true. Note that elements with role combobox have a default value for听aria-expanded听of听false.
8. When a combobox receives focus, DOM focus is placed on the textbox element.
9. When a descendant of a listbox, grid, or tree popup is focused, DOM focus remains on the textbox and the textbox has听aria-activedescendant听set to a value that refers to the focused element within the popup.
10. In a combobox with a listbox, grid, or tree popup, when a suggested value is visually indicated as the currently selected value, the option, gridcell, row, or treeitem containing that value has aria-selected set to true.
11. If the combobox has a visible label, the element with role combobox has听aria-labelledby听set to a value that refers to the labelling element. Otherwise, the combobox element has a label provided by听aria-label.
12. The textbox element has aria-autocomplete set to a value that corresponds to its autocomplete behavior:

• none: When the popup is displayed, the suggested values it contains are the same regardless of the characters typed in the textbox.
• list: When the popup is triggered, it presents suggested values that complete or logically correspond to the characters typed in the textbox.
• both: When the popup is triggered, it presents suggested values that complete or logically correspond to the characters typed in the textbox. In addition, the portion of the selected suggestion that has not been typed by the user, known as the completion string, appears inline after the input cursor in the textbox. The inline completion string is visually highlighted and has a selected state.

(provided by听)

Roles, States, and Properties听 听

1. The element that serves as the dialog container has a role of听dialog.
2. All elements required to operate the dialog are descendants of the element that has role dialog.
3. The dialog container element has听aria-modal听set to true.
4. The dialog has either:

• A value set for the听aria-labelledby听property that refers to a visible dialog title.
• A label specified by听aria-label.

• Optionally, the听aria-describedby听property is set on the element with the dialog role to indicate which element or elements in the dialog contain content that describes the primary purpose or message of the dialog. Specifying descriptive elements enables screen readers to announce the description along with the dialog title and initially focused element when the dialog opens.

(provided by听)