mirror of
https://git.sr.ht/~seirdy/seirdy.one
synced 2024-11-30 15:22:09 +00:00
186 lines
13 KiB
Text
186 lines
13 KiB
Text
|
This began as a reply to another article by Lucas F. Costa; it lists practices to improve user-experience (UX) of command-line interfaces (CLIs). It comes from a good place, and has some good advice: I particularly like its advice on input-validation and understandable errors. Unfortunately, a number of its suggestions are problematic, particularly from an accessibility perspective.
|
|||
|
|
|||
|
=> https://lucasfcosta.com/2022/06/01/ux-patterns-cli-tools.html Lucas' article
|
|||
|
|
|||
|
Note: this article specifically concerns CLIs, not full-blown textual user interfaces (TUIs). It also focuses on utilities for UNIX-like shells; other command-line environments may have different conventions.
|
|||
|
|
|||
|
## Problematic patterns
|
|||
|
|
|||
|
The “Getting Started Experience” section of Lucas’ article has a GIF video of a CLI utility printing "--help" output, featuring a decorative border.
|
|||
|
|
|||
|
**Code snippet 1** (console): Lucas’ article leads with an example "--help" output that’s surrounded by a decorative textual border. This is a transcription of the output, wrapped to a narrower width.
|
|||
|
|
|||
|
```
|
|||
|
$ tool --help
|
|||
|
|
|||
|
╔ Getting started ════════════════════════════════════════╗
|
|||
|
║ ║
|
|||
|
║ To scaffold a new project, run: ║
|
|||
|
║ ║
|
|||
|
║ $ mytool init <directory> ║
|
|||
|
║ ║
|
|||
|
║ If you already have a project set up and would like to ║
|
|||
|
║ add, remove, or update its structure, run: ║
|
|||
|
║ ║
|
|||
|
║ $ mytool manage ║
|
|||
|
║ ║
|
|||
|
╚═════════════════════════════════════════════════════════╝
|
|||
|
|
|||
|
Usage: tool <command> [options]
|
|||
|
Commands:
|
|||
|
tool init [directory] creates a new project
|
|||
|
tool manage allows you to manage an existing project
|
|||
|
|
|||
|
Options:
|
|||
|
--help Show help [boolean]
|
|||
|
--version Show version number [boolean]
|
|||
|
```
|
|||
|
|
|||
|
1. Borders in TUIs should always be drawn with characters specifically intended for textual interfaces (e.g., boxdraw characters). While I do think the GIF followed this advice, I think it’s worth explicitly saying it. Accessible terminal emulators can figure out what these mean and factor them into what they report through an accessibility API. But breaking these borders up with descriptive text makes detection of readable text error-prone.
|
|||
|
|
|||
|
2. Decorative content in CLI output should be limited, since the output of CLI utilities can be piped through other programs. At the very least, these tools should be able to detect whether their standard output is being re-directed or piped and sanitize output accordingly.
|
|||
|
|
|||
|
The “Colours, Emojis, and Layouting” (sic) section has similar issues:
|
|||
|
|
|||
|
1. Nearly all animated spinners are extremely problematic for screenreaders. A simple progress meter and/or numeric percentage combined with flags to enable/disable them is preferable.
|
|||
|
|
|||
|
2. Excessive animation and color can be harmful to users with attention and/or vestibular disorders, and some on the autism spectrum. Many tools offer a "--color[=WHEN]" flag where "WHEN" is "always", "never", or "auto". Expecting users to learn all the color configurations for all their tools is unrealistic; tools should respect the "NO_COLOR" environment variable.
|
|||
|
|
|||
|
=> https://no-color.org/ no-color.org
|
|||
|
|
|||
|
## Recommendations
|
|||
|
|
|||
|
This is a non-exhaustive list of simple, baseline recommendations for designing CLI utilities.
|
|||
|
|
|||
|
1. Send your tool’s output through a program like espeak-ng and listen to it. Can you make sense of the output?
|
|||
|
|
|||
|
2. How “unique” is your tool’s output? Output should look as similar to other common utilities as possible, to reduce the learning curve. Keep it boring.
|
|||
|
|
|||
|
3. Refer to the latest WCAG publication (currently WCAG 2.2) and take a look at the applicable criteria. Many have accompanying techniques for plain-text interfaces:
|
|||
|
|
|||
|
=> https://w3c.github.io/wcag/techniques/#text WCAG techniques page
|
|||
|
|
|||
|
Avoiding reliance on color and using whitespace and/or indentation for pseudo-headings are two sample recommendations from the WCAG.
|
|||
|
|
|||
|
4. Write man pages! Man pages have a standardized,[1] predictable, searchable format. Many screen-reader users actually have special scripts to make it easy to read man pages. A man page is also trivial to convert to HTML for people who prefer web-based documentation.[2] If your utility has a config file with special syntax or vocabulary, write a dedicated man page for it in section 5 and mention it in a “SEE ALSO” section.[3]
|
|||
|
|
|||
|
5. Try adding shell completions for your program, so users can tab-complete options. This is particularly helpful in shells like Zsh that support help-text in tab completions, especially when combined with plugins like fzf-tab that enable fuzzy-searching help-text (see "code snippet 2")
|
|||
|
|
|||
|
=> https://github.com/Aloxaf/fzf-tab fzf-tab on GitHub
|
|||
|
|
|||
|
6. Related to no. 5: use a well-understood format for "-h" and "--help" output. This makes auto-generating shell completions much easier. Alternatively, delegate the generation of both to a library that follows this advice.
|
|||
|
|
|||
|
7. Follow convention: use POSIX-like options. Consider supplementing them with GNU-style long options if your tool has a significant number of them.[4]
|
|||
|
|
|||
|
8. Either delegate output wrapping to the terminal, or detect the number of columns and format output to fit. Prefer the former when given a choice, especially when the output is not a TTY.
|
|||
|
|
|||
|
9. Make sure your web-based documentation and forge frontends are accessible, or are mirrored somewhere with good accessibility. I love what the Gitea folks are doing, but sadly their web frontend has a number of critical issues.[5] For now, if your forge has accessibility issues, mirroring to GitHub and/or Sourcehut seems like a good option.
|
|||
|
|
|||
|
10. Avoid breaking changes to you program’s CLI. Remember that its argument parsing is an API, unless documentation explicitly states otherwise.[6] Semantic versioning is your friend.
|
|||
|
|
|||
|
11. Be predictable. Users expect "git log" to print a commit log. Users do not expect "git log" to make network connections, write something to their filesystem, etc. Try to only perform the minimum functionality suggested by the command. Naturally, this disqualifies opt-out telemetry.
|
|||
|
|
|||
|
Code snippet 2 (console): This is what tab-completion for MOAC looks like with fzf-tab.
|
|||
|
|
|||
|
```
|
|||
|
$ moac -
|
|||
|
> -p
|
|||
|
9/11 (0)
|
|||
|
-P -- power available to the computer (W)
|
|||
|
> -p -- password to analyze
|
|||
|
-s -- password entropy
|
|||
|
-h -- display this help message
|
|||
|
-r -- interactively enter a password in the terminal; overrides -p
|
|||
|
-T -- temperature of the system (K)
|
|||
|
-m -- mass at attacker's disposal (kg)
|
|||
|
-q -- account for quantum computers using Grover's algorithm
|
|||
|
```
|
|||
|
|
|||
|
=> https://sr.ht/~seirdy/moac MOAC
|
|||
|
|
|||
|
### More opinionated considerations
|
|||
|
|
|||
|
These considerations are far more subjective, debatable, and deserving of skepticism than the previous recommendations. There’s a reason I call this section “considerations”, not “recommendations”. Exceptions abound; I’m not here to think on your behalf.
|
|||
|
|
|||
|
1. Remember that users aren’t always at their best when they read "--help" output; they could be trying to solve a frustrating problem, feeling a great deal of anxiety. Keep the output clean, predictable, boring, and *fast.* A 2-second delay and spinning fans will probably be extremely unpleasant for already-stressed users, especially if they need to use it often.[7]
|
|||
|
|
|||
|
2. Include example usage in your man pages and accompanying documentation. Consider submitting the example usage to the tldr-pages project if your tool gets popular:
|
|||
|
=> https://tldr.sh/ tldr-pages
|
|||
|
|
|||
|
3. Include an extended list of example command invocations and expected output. Make that document double as a test suite. My "moac" and "moac-pwgen" testdata scripts are good examples. This can serve as a check for API stability, and even as a source of documentation.
|
|||
|
=> https://git.sr.ht/~seirdy/moac/tree/master/item/cmd/moac/testdata/scripts moac testdata
|
|||
|
=> https://git.sr.ht/~seirdy/moac/tree/master/item/cmd/moac-pwgen/testdata/scripts moac-pwgen testdata
|
|||
|
|
|||
|
4. Make your man pages as similar to other man pages on the target OS as possible. Many programs parse man pages, and expect them to follow a predictable structure. Try testing your man pages in multiple programs, just as people test Web pages in multiple browser engines. w3mman (included in w3m) is a good example to make sure auto-hyperlinking works. Pandoc is another tool worth trying.
|
|||
|
=> https://manpages.debian.org/unstable/w3m/w3mman.1.en.html w3mman man page
|
|||
|
=> https://pandoc.org/ Pandoc
|
|||
|
|
|||
|
5. Conform to tools that share a similar niche. If you’re using Rust to make a fast alternative to popular coreutils: model its behavior, help-text, and man pages after ripgrep and fd. If you’re making a linter for Go: copy "go vet".
|
|||
|
|
|||
|
6. If you want to keep your tool simple, make the output readable to both humans and machines; it should work well when streamed to another program’s standard input and when parsed by a person. This is especially useful when people redirect output streams to log files.
|
|||
|
|
|||
|
7. Consider splitting related functionality between many executables (the UNIX way) and/or sub-commands (like Git). I split MOAC’s functionality across both moac and moac-pwgen, and gave moac three subcommands. The “Consistent commands trees” section of Lucas’ article has good advice.
|
|||
|
|
|||
|
8. Don’t conflate CLIs and TUIs. A CLI should be non-interactive; a TUI should be interactive. Exceptions exist for really simple interfaces (e.g. Magic-Wormhole and others like it) that accept user input; however, as the interface grows more complex, consider splitting the program into two sibling programs, one of which can have a “pure” non-interactive CLI.
|
|||
|
|
|||
|
9. Go above and beyond by writing separate integrations for environments like Emacspeak.[8]
|
|||
|
=> http://emacspeak.sourceforge.net/ Emacspeak homepage
|
|||
|
|
|||
|
## Name conflicts
|
|||
|
|
|||
|
This section might be the most important part of this post. If a CLI executable has a binary name conflict, packagers may have to re-name it. Otherwise, users will have to juggle $PATH overrides.[9]
|
|||
|
|
|||
|
Before publishing your software, test for binary name conflicts. Many package managers have built-in functionality to search for package files. I recommend doing so with large repositories to test for conflicts.
|
|||
|
|
|||
|
**Code snippet 3** (console): On Fedora and derivatives, use DNF to query package contents. You can also check cht.sh for other common commands.
|
|||
|
|
|||
|
```
|
|||
|
$ dnf provides /usr/bin/p
|
|||
|
Last metadata expiration check: 0:48:19 ago [...]
|
|||
|
perl-App-p-0.0400-19.fc36.noarch : Steroids for your perl one-liners
|
|||
|
Repo : fedora
|
|||
|
Matched from:
|
|||
|
Filename : /usr/bin/p
|
|||
|
|
|||
|
$ curl https://cht.sh/fly
|
|||
|
# fly
|
|||
|
# Command-line tool for concourse-ci.
|
|||
|
# More information: <https://concourse-ci.org/fly.html>.
|
|||
|
[...]
|
|||
|
```
|
|||
|
|
|||
|
Thanks to Emily for reminding me of this on Fedi.
|
|||
|
|
|||
|
## References and further reading
|
|||
|
|
|||
|
1. Harini Sampath, Alice Merrick, and Andrew Macvean. 2021. Accessibility of Command Line Interfaces. In CHI Conference on Human Factors in Computing Systems (CHI ‘21), May 8–13, 2021, Yokohama, Japan. ACM, New York, NY, USA 10 Pages. <https://doi.org/10.1145/3411764.3445544>
|
|||
|
=> https://dl.acm.org/doi/fullHtml/10.1145/3411764.3445544 Accessibility of Command Line Interfaces
|
|||
|
|
|||
|
2. Techniques for WCAG 2.2. Alastair Campbell, Michael Cooper, Andrew Kirkpatrick. W3C. 2022-05-30.
|
|||
|
=> https://www.w3.org/WAI/WCAG22/Techniques/#text Techniques for WCAG 2.2
|
|||
|
|
|||
|
3. Command Line Interface Guidelines. Aanand Prasad, Ben Firshman, Carl Tashian, Eva Parish. Commit 89d755c, 2022-04-19.
|
|||
|
=> https://clig.dev/ Command Line Interface Guidelines
|
|||
|
|
|||
|
## Footnotes
|
|||
|
|
|||
|
1. Well, they’re *somewhat* standardized compared to plain stdout.
|
|||
|
|
|||
|
2. My other article on accessible textual websites is probably relevant when it comes to Web-based documentation:
|
|||
|
=> gemini://seirdy.one/posts/2020/11/23/website-best-practices/ Best practices for inclusive textual websites
|
|||
|
|
|||
|
3. For more on man page sections, see the "man" man page.
|
|||
|
|
|||
|
4. I need to take my own advice for programs like MOAC. Ugh.
|
|||
|
|
|||
|
5. See this Fediverse thread about forge accessibility:
|
|||
|
=> https://mastodon.technology/@codeberg/108403449317373462
|
|||
|
|
|||
|
6. For a good example, see Git’s distinction between regular output and porcelain-friendly output. The instability of the former and stability of the latter are explicitly documented in the Git man pages and in the official Git book.
|
|||
|
|
|||
|
7. The slow responses to basic flags like "--help" is one of many reasons I dislike Java command-line utilities (signal-cli, Nu HTML Checker). I believe I’m not alone when I say this.
|
|||
|
|
|||
|
8. I used to not-very-seriously claim that Neovim, my preferred $EDITOR, is better than Emacs. Then I tried Emacspeak. I still make the same claim, but more softly and with an exception for Emacspeak.
|
|||
|
|
|||
|
9. A notable exception is executables that are supposed to conflict with others. Distributions like Fedora, Debian, and derivatives have an “alternatives” system to manage these overrides using symlinks. Examples include toolchains (`cc` and `ld` could point to their GCC or Clang implementations) and mail transfer agents (`sendmail` and `mta` have been re-implemented many times over).
|