anki/ts/import-csv
Ben Olson 9a301665a4
Improve keyboard handling and accessibility for Select.svelte and refactor (#2811)
* resolve TagAddButton a11y
better comments to document tagindex reasoning

* resolved a11y for TagsSelectedButton
allow focus to TagsSelectedButton with Shift+Tab and Enter or Space to show popover

* safely ignore a11y warning as container for interactables is not itself interactable

* Update CONTRIBUTORS

* quick fix syntax

* quick fix syntax

* quick fix syntax

* quick fix syntax

* resolved a11y in accordance with ARIA APG Disclure pattern

* resolved a11y
ideally should replace with  with
a11y-click-events-have-key-events is explicitly ignored as the alternative (adding ) seems more clunky

* resolved SpinBox a11y
cannot focus on these buttons, so no key event handling needed (keyboard editting already possible by just typing in the field)
widget already properly follows ARIA APG Spinbutton pattern

* cleanup

* onEnterOrSpace() function implemented as discussed in #2787 and #2564

* I think this is the main keyboard handling of Select
Still need to fix focus and handle roles and attributes

* fixed the keyboard interaction

focus is janky because you need to wait until after the listed options load and for some reason that needs a tiny delay on onMount
I think this technically violates a11y, but it really doesn't since the delay is literally zero. But the code still needs it to happen.

* Select and SelectOption reference the same focus function

* SelectOption moved inside Select
+ started roles and a11y

* quick syntax and such changes

* finish handling roles and attributes

* fixed keyboard handling and only visual focus

* cleanup and slight refactoring

* fixed syntax

* what even is this?

* bug fixes + revert key selection

* fixed scrolling

* better control scrolling and focus

* Adjusted selection
Up/Down Arrows: start selection on active option
Enter/Space/Click: no initial selection, down arrow to first option, up arrow to last option

* Only set selected the first time Select is opened, all subsequent times use the previous selected
2023-11-21 14:23:18 +10:00
..
choices.ts Tooltips for CSV import and import page refactoring (#2655) 2023-09-14 09:06:15 +10:00
FieldMapper.svelte Tooltips for CSV import and import page refactoring (#2655) 2023-09-14 09:06:15 +10:00
FileOptions.svelte Tooltips for CSV import and import page refactoring (#2655) 2023-09-14 09:06:15 +10:00
import-csv-base.scss Tooltips for CSV import and import page refactoring (#2655) 2023-09-14 09:06:15 +10:00
ImportCsvPage.svelte Tooltips for CSV import and import page refactoring (#2655) 2023-09-14 09:06:15 +10:00
ImportOptions.svelte Tooltips for CSV import and import page refactoring (#2655) 2023-09-14 09:06:15 +10:00
index.ts Tooltips for CSV import and import page refactoring (#2655) 2023-09-14 09:06:15 +10:00
lib.ts Tooltips for CSV import and import page refactoring (#2655) 2023-09-14 09:06:15 +10:00
MapperRow.svelte Improve keyboard handling and accessibility for Select.svelte and refactor (#2811) 2023-11-21 14:23:18 +10:00
Preview.svelte Tooltips for CSV import and import page refactoring (#2655) 2023-09-14 09:06:15 +10:00
tsconfig.json