Skip to content

Tutorials

This is the Tutorial page for the Vision Layers website. Here, we will provide publishers and layout designers with the information they need to start applying vision layers in their upcoming or existing products. In an effort to provide maximum accessibility (or as much accessibility as possible), all tutorials are provided as YouTube videos, downloadable PDFs, and word documents. 

Be sure to check out our Resources page for additional links, videos, and more related to accessible layout in tabletop RPGs and other media. 

If you cannot find a specific tutorial regarding your individual situation or have a question, comment, or concern about the material found on this website, please send an email to <<VL email address>> and we will address this matter at our earliest convenience.

Tutorials

Tutorial 1: What Is Accessible Layout?

In this first tutorial, we describe what accessible layout means and how you can set this as a design goal for your product.

VIDEO // PDF // WORD DOC

Tutorial 2: Which Software Can Create Vision Layers?

Not all layout software is capable of using – let alone exporting – layers, so this tutorial breaks down some of the most common layout software that can do the job.

VIDEO // PDF // WORD DOC

Tutorials
Tutorials

Tutorial 3: Creating a New Vision Layers Document

If you’re starting a new layout document and want to set yourself up to include vision layers from the very beginning, this tutorial will provide some tips and guidelines and doing exactly that.

VIDEO // PDF // WORD DOC

Tutorial 4: Converting an Existing Document to Vision Layers

If you’re looking to update an existing layout document with vision layers or some of the other accessibility options listed on this site, this tutorial provides recommendations and best practices for conversions.

VIDEO // PDF // WORD DOC

Tutorials
Tutorials

Tutorial 5: Colour Layers

Providing different vision layers for colour-based options can allow readers with varying degrees of colour blindness and other vision-based disabilities to access some of your game’s incredible artwork. This tutorial provides suggestions on how to set them up for your layout document.

VIDEO // PDF // WORD DOC

Tutorial 6: Font Layers

Not all fonts are easy for everyone to read, which is why providing font layers can allow more people to read your finished product with greater ease. Perhaps the most difficult of all the vision layers listed on this website, this tutorial provides key factors and best practices for adding more fonts options to your layout document.

VIDEO // PDF // WORD DOC

Tutorials
Tutorials

Tutorial 7: Tagged Files and Text Flow

A full tagged PDF allows screen readers to pick up the flow of text in a layout document as it was intended and in the proper order. This tutorial provides suggestions on how to export a tagged PDF and ways to ensure maximum readability for as many screen readers as possible.

VIDEO // PDF // WORD DOC

Tutorial 8: Alt-text and Captions

When a piece of artwork or photography is not perfectly clear to the reader, alt-text descriptions and captions can make all the difference. This tutorial provides ways to include these options into your layout document, whether you’re starting from scratch or converting an existing document.

VIDEO // PDF // WORD DOC

Tutorials
Tutorials

Tutorial 9: Options for Icons and Symbols

Some roleplaying games use icons for dice types and symbols to represent in-game mechanics, but these are not ideal for everyone. This tutorial offers some suggestions on ways to overcome those hurdles using vision layers when converting an existing layout document.

VIDEO // PDF // WORD DOC