Skip to content
Stackly
Log inStart free

How we built the timeline view

by Tomas Eklund

The timeline view draws thousands of task bars at once, and a page full of that many elements was slow on ordinary laptops. We moved the drawing to a canvas, which kept scrolling smooth for projects with several thousand tasks.

A canvas has no structure for assistive tools, so we kept a hidden list of the same tasks in the page and move focus through it with the arrow keys. A person using only a keyboard reaches every bar and can open it with Enter.

The same list is what the browser reads aloud and what automated readers see. Building the visible and the readable version from one data source meant they never disagreed, and it cost us about two weeks.

In short

Reader comments

No comments yet.

Related