Login
This month, article authoring has been improved with a few simple, yet important features.
Image Descriptions
To increase article accessibility, authors can now provide image (alt-tag) descriptions. Image descriptions can be edited by selecting an image once it has been added to an article.
Image descriptions assist users who utilise screen readers to digest articles, especially when images play a role in getting key points across.
To encourage authors to add detailed descriptions, any images which are missing them will trigger a suggestion in the Author Aid tool.
Code syntax highlighting
Code-blocks in the authoring experience now support syntax styling for popular coding languages. By selecting a programming language for the code snippet they are adding, authors will noticed an enhanced output when the article is published.
Supported programming languages
Authors can select from:
- JavaScript
- HTML
- CSS
- Python
- PHP
How does it work
Authors can now select a programming language from the toolbar menu near the code block option, like so:
Once selected, the content selected will render in a new, context-aware code block, like so:
Finally—when articles are published—the code snippet will render with syntax specific highlights to improve code legibility. The panel will also include the option to copy the code snippet to the user's clipboard, as you can see here:
<body>
<div>Hellow world!</div>
</body>
Divider Lines
By utilising the new “divider line” option in the formatting toolbar, a horizontal rule can now be added between article content blocks.
The divider lines are a helpful device to divide content sections within articles, as you have seen throughout this post.
0 Responses
