Viewing Turtl Docs

All Turtl Docs have an accessible version that is compliant with ADA and WCAG 2.1 AA regulations. 

This accessible version is mainly used by screen readers. When a screen reader arrives on a Turtl Doc the first thing it reads is "Press enter to view the accessible version of this page". You can view this accessible version as well by adding "?accessible" to the end of the Doc URL. For example:

https://team.turtl.co/story/content-psychology-101

Becomes:

https://team.turtl.co/story/content-psychology-101?accessible

There is one exception to this rule. If the doc is a Personalized, the URL structure changes which adds a '?' into the URL. This means adding another one will not work, instead you will need to add '&'

So

https://team.turtl.co/story/content-psychology-101/?pid=600998da0ea55874c5fb1f0b

Becomes:

https://team.turtl.co/story/content-psychology-101/?pid=600998da0ea55874c5fb1f0b&accessible

To sum it up:

If there is already '?' in the URL you will need to add '&accessible' at the end of the doc

If there is no '?' in the URL you will need to add '?accessible' at the end of the doc.

Check out this guide to accessibility on Turtl

Navigation

Turtl Docs are also navigable using only the tab and enter keys. Try this yourself by opening a Doc and pressing tab, you'll be able to see the different buttons highlight as you tab through the page and pressing enter will work the same as clicking on them.

Editing Docs

When editing Docs, you can also use keyboard shortcuts to aid accessibility. Remind yourself of these shortcuts at any time by pressing Alt+0 while in the Doc editor. 

Here's a list of all the shortcuts available:

General

Editor Toolbar
Press Alt+F10 to navigate to the toolbar. Move to the next and previous toolbar group with tab and shift+tab. Move to the next and previous toolbar button with the right arrow or left arrow. Press space or enter to activate the toolbar button.

Editor Dialog
Inside a dialog, press tab to navigate to the next dialog element, press shift+tab to move to the previous dialog element, press enter to submit the dialog, press esc to cancel the dialog. When a dialog has multiple tabs, the tab list can be reached either with alt+F10 or with tab as part of the dialog tabbing order. With tab list focused, move to the next and previous tab with right and left arrow, respectively.

Editor Context Menu
Press Shift+F10 or application key to open context-menu. Then move to the next menu option with tab or down arrow. Move to previous option with shift+tab or up arrow. Press space or enter to select the menu option. Open sub-menu of current option with space or enter or right arrow. Go back to the parent menu item with esc or left arrow. Close context menu with esc.

Editor List Box
Inside a list-box, move to the next list item with tab or down arrow. Move to previous list item with shift+tab or up arrow. Press space or enter to select the list option. Press esc to close the list-box.

Commands

Undo
Control/Command+Z

Redo
Control/Command+Y

Bold
Control/Command+B

Italic
Control/Command+I

Underline
Control/Command+U

Accessibility Help
Alt+0

Paste as plain text
Shift+Command/Control+V

Did this answer your question?