Mudanças entre as edições de "W3C Acessibility Examples"
De Basef
Linha 45: | Linha 45: | ||
* [https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/examples/dialog-modal/dialog.html Modal Dialog Example] | * [https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/examples/dialog-modal/dialog.html Modal Dialog Example] | ||
− | ''' | + | '''Menu bar''' |
* [https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/examples/menubar/menubar-1/menubar-1.html Navigation Menubar Example] Demonstrates a menubar that provides site navigation. | * [https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/examples/menubar/menubar-1/menubar-1.html Navigation Menubar Example] Demonstrates a menubar that provides site navigation. | ||
* [https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/examples/menubar/menubar-2/menubar-2.html Editor Menubar Example] Demonstrates menu radios and menu checkboxes in submenus of a menubar that provides text formatting commands for a text field. | * [https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/examples/menubar/menubar-2/menubar-2.html Editor Menubar Example] Demonstrates menu radios and menu checkboxes in submenus of a menubar that provides text formatting commands for a text field. | ||
+ | |||
+ | '''Menu button''' | ||
+ | * [https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/examples/menu-button/menu-button-links.html Navigation Menu Button] A menu button made from an HTML a element that opens a menu of items that behave as links. | ||
+ | * [https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/examples/menu-button/menu-button-actions.html Action Menu Button Example Using element.focus()] A menu button made from an HTML button element that opens a menu of actions or commands where focus in the menu is managed using element.focus(). | ||
+ | * [https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/examples/menu-button/menu-button-actions-active-descendant.html Action Menu Button Example Using aria-activedescendant] A button that opens a menu of actions or commands where focus in the menu is managed using aria-activedescendant. | ||
[[Category: Acessibility]] | [[Category: Acessibility]] |
Edição das 12h09min de 10 de janeiro de 2018
Accordion
- Accordion Example demonstrates a form divided into three sections using an accordion to show one section at a time.
Alert
Breadcrumb
Button
- Button Examples of clickable HTML div and span elements made into accessible command and toggle buttons.
Checkbox
- Simple Two-State Checkbox Example Demonstrates a simple 2-state checkbox.
- Tri-State Checkbox Example Demonstrates how to make a widget that uses the mixed value for aria-checked and group collection of checkboxes with a field set.
Combobox
- ARIA 1.1 Combobox with Listbox Popup Comboboxes that demonstrate the various forms of autocomplete behavior using a listbox popup and use the ARIA 1.1 implementation pattern.
- ARIA 1.1 Combobox with Grid Popup A combobox that presents suggestions in a grid, enabling users to navigate descriptive information about each suggestion.
- ARIA 1.0 Combobox with Both List and Inline Autocomplete A combobox that demonstrates the autocomplete behavior known as list with inline autocomplete and uses the ARIA 1.0 implementation pattern.
- ARIA 1.0 Combobox with List Autocomplete A combobox that demonstrates the autocomplete behavior known as list with manual selection and uses the ARIA 1.0 implementation pattern.
- ARIA 1.0 Combobox Without Autocomplete A combo box that demonstrates the behavior associated with aria-autocomplete=none and uses the ARIA 1.0 implementation pattern.
Disclosure
- Disclosure (Show/Hide) of Image Description
- Disclosure (Show/Hide) of Answers to Frequently Asked Questions
Feed
Grid
- Layout Grid Examples Three example implementations of grids that are used to lay out widgets, including a collection of navigation links, a message recipients list, and a set of search results.
- Data Grid Examples Three example implementations of grid that include features relevant to presenting tabular information, such as content editing, sort, and column hiding.
- Advanced Data Grid Example Example of a grid with behaviors and features similar to a typical spreadsheet, including cell and row selection.
Link
- Link Examples Link widgets constructed from HTML span and div elements.
Listbox
- Scrollable Listbox Example Single-select listbox that scrolls to reveal more options, similar to HTML select with size attribute greater than one.
- Collapsible Dropdown Listbox Example Single-select collapsible listbox that expands when activated, similar to HTML select withthe attribute size="1".
- Example Listboxes with Rearrangeable Options Examples of both single-select and multi-select listboxes with accompanying toolbars where options can be added, moved, and removed.
Modal
Menu bar
- Navigation Menubar Example Demonstrates a menubar that provides site navigation.
- Editor Menubar Example Demonstrates menu radios and menu checkboxes in submenus of a menubar that provides text formatting commands for a text field.
Menu button
- Navigation Menu Button A menu button made from an HTML a element that opens a menu of items that behave as links.
- Action Menu Button Example Using element.focus() A menu button made from an HTML button element that opens a menu of actions or commands where focus in the menu is managed using element.focus().
- Action Menu Button Example Using aria-activedescendant A button that opens a menu of actions or commands where focus in the menu is managed using aria-activedescendant.