Drupal: Ckeditor Abbreviation

tl;dr: CKEditor Abbreviation is a great module, helping add abbr tags for improved accessible semantics.

One of the HTML tags that many are not aware of is the abbr tag. This is a useful tag to help provide explanations of abbreviations within the body of the text. If you’re reading along and see an abbreviation for WP and you know what it is, you can keep reading. If you’re reading along and see an abbreviation and don’t know what it is, you can hover over it and it will show you an explanation. It’s a win-win, providing an explanation for those that need it without needing to add more text in the main body which may come across as over-explaining for those that don’t need it.

To make it easy to insert this tag into Drupal content, you can install the ckeditor_abbreviation module. This is a simple but effective module that adds a button to the ckeditor WYSIWYG editing panel that enables users to add an <abbr> without touching any code. The interface fits in seamlessly, with a similar experience to adding a link.