Accessibility of Text Editors

Over the years there have been improvements in the accessibilty of text editors but there is still a need to evaluate which aspects of the menus can be easily reached and where there remain barriers for screen reader and keyboard only users. The University of Illinois Library Accessibility First group provided the outcomes of their meeting in April 2016 on the Accessible Text Editor Options and the decision was to update their own accessible text editor A11y First Text Editor which highlights the issues that still remain with these online word processors.

Checks for  keyboard access and tab order have been discussed  in relation to forms. However, even if certain keyboard shortcuts can be implemented once the user has landed within the editor, such as Ctrl+B for bold text, there remain limitations to total access in many editors.

The sample editor below can be configured in many ways as shown in the documentation provided by ckeditor

ckeditor

One point to remember when working with these types of editors – if you copy and paste text directly from Microsoft Word you may find there are times when your text has all sorts of small marks or oddities creeping in.  This is because the markup language that is used by Microsoft Word is not necessarily recognised by the browser.  Typical examples are the inverted commas (curly speech marks) or extra spaces becoming question marks in a diamond!

Method

As has been suggested the main tests are manual as for keyboard access and tab order.

However a quick check with Webaim Wave online tool using the Errors, Features and Alerts may show where there are further issues but it may also fail to even find the text editor! In the picture below you can see how accessible elements of the Trix rich text editor can be viewed in WebbIE and used with a screen reader.    The menu button links can be seen and the text within the editor.

Advice

References

This technique may be used to test the following sections of best practice.

Document Section Heading
WCAG 2.1 1.1 Text Alternatives More Info
WCAG 2.1 1.1.1 Non-text Content More Info
WCAG 2.1 2.1 Keyboard Accessible More Info
WCAG 2.1 2.1.1 Keyboard More Info
WCAG 2.1 4.1.1 Parsing More Info
WCAG 2.1 4.1.2 Name, Role, Value More Info