Skip to end of metadata
Go to start of metadata

You are viewing an old version of this content. View the current version.

Compare with Current View Version History

« Previous Version 3 Next »

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 linkScreen thumbnail
<<Zeplin Link>><<Screen with 200 width>>


Code

<<a box containing the code - discuss with Femi>>

  • No labels