Skip to content

Commit 0b750df

Browse files
committed
Добавляет схемы в доки
1 parent 9f6f641 commit 0b750df

File tree

6 files changed

+16
-2
lines changed

6 files changed

+16
-2
lines changed

a11y/role-tab/images/tabs.png

25.6 KB
Loading

a11y/role-tab/index.md

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -117,6 +117,8 @@ tags:
117117

118118
## Как понять
119119

120-
Обычно визуально вкладки располагаются либо над их содержимым, либо сбоку от него.
120+
Обычно визуально вкладки располагаются либо над их содержимым, либо сбоку от него. При клике или фокусе на вкладке появляется связанное с ней содержимое.
121121

122-
При клике или фокусе на вкладке появляется связанное с ней содержимое.
122+
Устройство вкладок в виде схемы:
123+
124+
![Список вкладок с ролью tablist располагается над открытым содержимым вкладки с ролью tabpanel. Группа вкладок состоит из отдельных элементов с ролями tab.](images/tabs.png)

a11y/role-tablist/images/tabs.png

25.6 KB
Loading

a11y/role-tablist/index.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -75,3 +75,7 @@ tags:
7575
Вкладки — это популярный паттерн в вебе и десктопных программах. Когда нажимаешь на название вкладки, открывается новая область с её содержимым или целая страница, как в браузерах.
7676

7777
Визуально вкладки обычно располагают друг за другом по горизонтали, а когда экран небольшой и места мало, то друг под другом по вертикали.
78+
79+
Устройство вкладок в виде схемы:
80+
81+
![Список вкладок с ролью tablist располагается над открытым содержимым вкладки с ролью tabpanel. Группа вкладок состоит из отдельных элементов с ролями tab.](images/tabs.png)

a11y/role-tabpanel/images/tabs.png

25.6 KB
Loading

a11y/role-tabpanel/index.md

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -93,3 +93,11 @@ tags:
9393
Если со вкладкой связано выпадающее меню, то рекомендуют поддерживать для его открытия сочетание клавиш <kbd>Shift + F10</kbd>.
9494

9595
Дополнительно, но не обязательно, можно добавить поддержку <kbd>Home</kbd> для возврата к первой вкладке, <kbd>End</kbd> для перехода к последней вкладке, <kbd>Delete</kbd> для закрытия текущей вкладки и перехода к следующей или предыдущей в зависимости от количества вкладок.
96+
97+
## Как понять
98+
99+
Вкладки — это популярный паттерн в вебе и десктопных программах. Когда нажимаешь на название вкладки, открывается новая область с её содержимым или целая страница, как в браузерах.
100+
101+
Устройство вкладок в виде схемы:
102+
103+
![Список вкладок с ролью tablist располагается над открытым содержимым вкладки с ролью tabpanel. Группа вкладок состоит из отдельных элементов с ролями tab.](images/tabs.png)

0 commit comments

Comments
 (0)