Mudanças entre as edições de "W3C Acessibility Examples"

De Basef
Ir para: navegação, pesquisa
 
(7 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 57: Linha 57:
 
* [https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/examples/radio/radio-1/radio-1.html Radio Group Example Using Roving tabindex]
 
* [https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/examples/radio/radio-1/radio-1.html Radio Group Example Using Roving tabindex]
 
* [https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/examples/radio/radio-2/radio-2.html Radio Group Example Using aria-activedescendant]
 
* [https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/examples/radio/radio-2/radio-2.html Radio Group Example Using aria-activedescendant]
 +
 +
'''Slider'''
 +
* [https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/examples/slider/slider-1.html Horizontal Slider Examples] Demonstrates using three horizontally aligned sliders to make a color picker.
 +
* [https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/examples/slider/slider-2.html Slider Examples with aria-orientation and aria-valuetext] Three thermostat control sliders that demonstrate using aria-orientation and aria-valuetext.
 +
* [https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/examples/slider/multithumb-slider.html Multi-Thumb Slider Examples] Demonstrates two-thumb sliders for picking price ranges for an airline flight and hotel reservation.
 +
 +
'''Table'''
 +
* [https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/examples/table/table.html Table Example] ARIA table made using HTML div and span elements.
 +
 +
'''Tabs'''
 +
* [https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/examples/tabs/tabs-1/tabs.html Tabs With Automatic Activation ] A tabs widget where tabs are automatically activated and their panel is displayed when they receive focus.
 +
* [https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/examples/tabs/tabs-2/tabs.html Tabs With Manual Activation] A tabs widget where users activate a tab and display its panel by pressing Space or Enter.
 +
 +
'''Toolbar'''
 +
* [https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/examples/toolbar/toolbar.html Toolbar Example] A toolbar that uses roving tabindex to manage focus and contains several buttons, including a menu button.
 +
 +
'''Treeview'''
 +
* [https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/examples/treeview/treeview-1/treeview-1a.html File Directory Treeview Example Using Computed Properties] A file selector tree that demonstrates browser support for automatically computing aria-level, aria-posinset and aria-setsize based on DOM structure.
 +
* [https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/examples/treeview/treeview-1/treeview-1b.html File Directory Treeview Example Using Declared Properties] A file selector tree that demonstrates how to explicitly define values for aria-level, aria-posinset and aria-setsize.
 +
* [https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/examples/treeview/treeview-2/treeview-2a.html Navigation Treeview Example Using Computed Properties] A tree that provides navigation to a set of web pages and demonstrates browser support for automatically computing aria-level, aria-posinset and aria-setsize based on DOM structure.
 +
* [https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/examples/treeview/treeview-2/treeview-2b.html Navigation Treeview Example Using Declared Properties] A tree that provides navigation to a set of web pages and demonstrates how to explicitly define values for aria-level, aria-posinset and aria-setsize.
 +
 +
Reference: https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/
  
 
[[Category: Acessibility]]
 
[[Category: Acessibility]]

Edição atual tal como às 12h19min 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

Combobox

Disclosure

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

Modal

Menu bar

Menu button

Radio group

Slider

Table

Tabs

Toolbar

  • Toolbar Example A toolbar that uses roving tabindex to manage focus and contains several buttons, including a menu button.

Treeview

Reference: https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/