Skip to content

Commit 4b2e091

Browse files
committed
Add information about keyboard accessibility in MoreGallery 1.6, and update the batch edit doc to match recent changes.
1 parent c5a8f50 commit 4b2e091

File tree

4 files changed

+36
-27
lines changed

4 files changed

+36
-27
lines changed

en/03_MoreGallery/v1.x/02_Configuration.md

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -62,10 +62,6 @@ The number of images to prefetch as base64 images. This is set to 20 by default.
6262

6363
When enabled, the allowed file extensions will be checked against the media source. When disabled (the default for legacy reasons) will only be checked against the system configuration. The media source may still deny an upload even when this setting is off.
6464

65-
### bulk_batches
66-
67-
See [Bulk Processing](Bulk_Processing).
68-
6965
### add_icon_to_toolbar
7066

7167
When enabled, an image icon will be added to the resource toolbar in the manager sidebar to quickly create a gallery in the root of the site.
Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
MoreGallery 1.6 introduced batch actions for activating (showing), deactivating (hiding) and removing images in a gallery.
2+
3+
Start by ticking the checkbox shown in the top right of images. This can also be done [from the keyboard](Accessibility) by focusing on the image and hitting `space`. When at least one image is selected, the bulk toolbar will show up at the bottom of your screen which can be focused with `alt`+`b`.
4+
5+
The bulk toolbar looks like this:
6+
7+
![Bulk Toolbar](images/bulk-toolbar.jpg)
8+
9+
From left to right, these are the provided functions in the toolbar.
10+
11+
- Select all images
12+
- Deselect all images (which also hides the bulk toolbar)
13+
- Mark all selected images as active/visible
14+
- Mark all selected images as inactive/hidden
15+
- Remove all selected images
16+
17+
Keyboard users can tab through these options and execute them with `space`.
18+
19+
Batch actions are processed server-side, followed by an automatic refresh of the gallery.

en/03_MoreGallery/v1.x/05_Bulk_Processing.md

Lines changed: 0 additions & 23 deletions
This file was deleted.
Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
In 1.6 we've made MoreGallery more accessible for keyboard usage. It should work intuitively by `tab`bing around, along with the following shortcuts and keyboard behaviours.
2+
3+
To jump the focus to specific features,use:
4+
5+
- `alt`+`t` to jump focus to the **t**oolbar
6+
- `alt`+`g` to jump focus to the first image in the **g**allery
7+
- `alt`+`b` to jump focus to the **b**ulk toolbar, only if it's visible
8+
9+
When focus is on an image (either from tabbing or from `alt`+`g`):
10+
11+
- Use `left` and `right` keys to navigate through images like you would with `tab` and `shift`+`tab`.
12+
- Use the `space` key when on an image to select it for [batch editing](Batch_Editing).
13+
- Use the `down` key when on an image to go into the image actions toolbar. While there, `left` and `right` will let you jump between the actions and `space` will trigger them. Use the `up` key to place the focus on the image again.
14+
15+
When modal windows are opened, it automatically focuses on the first focusable element in that modal. As the fields autosave, just `tab` out of a field to let it blur and save. Use `enter` to select a tag from the dropdown, or to create a new one based on what you typed.
16+
17+
Closing modals is done with `esc` or by focusing on the `X` button and triggering with `space`. After closing the modal, focus goes back to what was last focused.

0 commit comments

Comments
 (0)