Lead: Liav Nadler ONGOING
Description
An spreadsheet table is a type of data table where users can add and edit data on a spreadsheet-like grid
Usage & Behaviour
- Disabled cells?
- Default focus? Difference between selected and in focus
- Using Enter / Tab key to navigate
- Selecting multiple cells?
- Clicking on a cell set the focus on that cell, allowing the user to add or edit text in the cell
- Hitting the Enter / Tab key when a cell is in focus will save the text in the cell and set the focus to the cell below it / next cell
- Adding / deleting rows and columns
Accessibility compliance
<<In general each component should be A11y complied, please follow the 3 guidelines linked below. At the very least we should document that each component is in compliance with each of the 3>>
Focus management
<<How will the component work with keyboard only - without a mouse. Can be reference if written above
We already set a general guidelines described in /wiki/spaces/UX/pages/308969693 >>
Screen reader support
<<Make sure the components support screen reader for content or behaviour where needed - see /wiki/spaces/UX/pages/308248620 >>
Contrast & size compliance
<<Visual designers must comply with the minimal of /wiki/spaces/UX/pages/301498483 for each component>>
Keyboard Operation
<<Explore and describe conventions>>
Design
Zeplin link | Screen thumbnail |
---|---|
<<Zeplin Link>> | <<Screen with 200 width>> |
Code
<<a box containing the code - discuss with Femi>>