Checklist Maker - Tick, Reorder, Save in Your Browser, Share as Text

Enter adds an item. Tick it with the checkbox or the Space key, edit it with Edit, move it with Up and Down, and remove it with Delete. On an item's checkbox, the Delete key removes it and Alt+Up or Alt+Down moves it. After a delete, keyboard focus goes to the item that moved into the gap, else the one before it, else the add box, and an Undo button puts the item back where it was. Clear completed and Uncheck all offer Undo as well. Reordering uses buttons rather than dragging. WCAG 2.2 success criterion 2.5.7 (Dragging Movements, level AA) asks that anything done by dragging can also be done by a single pointer without dragging, and buttons work for a keyboard, a screen reader and a touch screen alike.

The bar shows items ticked out of all items. The percentage is rounded down, so 1 of 3 shows 33%, 2 of 3 shows 66%, and it only reads 100% when every item is ticked. An empty list shows 0 of 0. Clear completed removes every ticked item and Uncheck all removes every tick. You can keep up to 50 lists of up to 500 items each, chosen from the list menu.

Three starter templates are plain lists written for this page: a packing list of 16 items, weekly shopping of 16 items, and exam revision of 12 steps. A template makes a new list that you can edit, and never changes your other lists. Export gives you the list in two forms. Plain text puts the list name first, then [ ] for an open item and [x] for a done one. Markdown gives a heading and a GitHub style task list, with - [ ] and - [x], which is the task list syntax of the GitHub Flavored Markdown spec.

Import reads one item per line. At the start of a line it understands - [ ], - [x], * [ ], [ ], [x], [X] (each followed by a space, as in GitHub Flavored Markdown) and a bare -, * or +. Anything else becomes an item as it stands. Blank lines and --- rules are skipped. A first line starting with # becomes the list name, and so does a first line with no marker when every other line has one, which is the shape of the plain text export. Exporting a list and importing it again gives back the same items and ticks, which the tests check over thousands of generated lists.

Your lists are saved in this browser's localStorage under one key, about a third of a second after each change, and the saved data is read before anything is written so a blank page cannot replace your lists. If saved data cannot be read, a copy is kept for you to download. Storage space is limited (MDN gives 5 MiB per origin) and the page tells you if a change could not be saved. The panel at the bottom says exactly what is stored and has a Delete saved data button.