-
Notifications
You must be signed in to change notification settings - Fork 6
/
Notes.txt
52 lines (39 loc) · 1.36 KB
/
Notes.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
Grid
Phase 1:
Help:
1. Link title (fixed at "Keyboard shortcuts are available here.")
2. Link href. Just like assets, set of html pages available via the gem.
3. Hidden element before the grid indicating help on how to focus/activate grid. This help should be browser-screen reader specific.
4. Additional help in case the first grid cell receives focus in Browse mode instead of Focus Mode.
Tab Panel aria attributes
role: application, tab, tabpanel
Properties: aria-controls, aria-labelledby
States: aria-selected, aria-hidden
Tab List:
<Ul> element requires a role = "tablist" attributes
<li> element requires a following aria attributes
aria-controls
aria-selected
role = "tab"
tabindex
Tab Panel requires a following aria attributes
aria-labelledby
role = "tabpanel"
aria-hidden
tabpanel_for method parameters
:id
:class
:data => {:tab1 => "panel1 data", :tab2 => "panel 2 data", . . . . . }
:horizontal => true
def tabpanel_for(:id, *args &block, )
end
tabpanel_for(:id => "tabpanel1", :class => "tabpanel", :horizontal => true, @data) |tp| do
tp.tablist_contener(:tabpanel_id => "tabpanel1", tabs["tab1", "tab2", "tab3", "tab4"])
tp.panel_contener(tabpanel_for(:id, :horizontal => "false") do |ntp|
ntp.tablist_contener().render
ntp.panel_contener().render
end
)
end
end
@tabpanel = tabpanel_for()