New keyboard shortcuts for Editor's formatting toolbar

Author

Fazle Rahman

·

improvement
changelog banner

At Hashnode we are committed to improving accessibility. Last month we made significant updates including:

  • Improved color contrast and dark mode accessibility

  • Improved keyboard accessibility

Details about these updates are available in our previous changelog.

This week, we released an update that improves keyboard accessibility and simplifies navigation across the formatting toolbar inside the editor. This update allow users with limited mobility or those who rely on keyboard navigation to perform formatting tasks swiftly and with less physical strain.

Here's how you can use the shortcut:

  1. Highlight a text segment and press and hold the key on macOS or the Ctrl key on Windows.

  2. Then choose your desired formatting option:

    • B - Makes the selected text bold

    • I - Changes the selected text to Italics

    • shift+S - Applies a strikethrough to the selected text

    • opt+1 (macOS) or alt+1 (windows)- Formats the selected text as Heading 1

    • opt+2 (macOS) or alt+2 (windows) - Formats the selected text as Heading 2

    • opt+3 (macOS) or alt+3 (windows) - Formats the selected text as Heading 3

    • shift+H - Highlights the selected text

    • E - Turns the selected text into inline code

    • K - Creates a hyperlink for the selected text

    • M - Adds an inline comment to the selected text

    • J - Triggers Hashnode AI

And that's how you can utilize the newly added keyboard shortcuts to format your article. To begin using these shortcuts, start a new draft today.


We hope this update will make Hashnode more accessible for everyone. If you have any feedback or suggestion for us, send us a message on Discord.