Accessible Content Containers

stacks of books piled from floor to ceiling
Photo by Glen Noble on Unsplash

Technology Focus: Content vs Container

When you share online content, your content will be presented through a browser to the end user. The browser can be seen as a container for your content.

There is a different set of keyboard controls and accessibility concerns for the browser, independent from your content, and sometimes the browser and content don’t work well together. Sometimes the browser can cause issues that make your content inaccessible.

You can find another layer of technology between your content and the browser, in the form of your Course Management System (CMS). The menus and structure for the CMS sit within the browser, and together the browser and CMS serve as the container for your content.

When dealing with digital information, you will frequently find your content being contained by another over-arching layer of technology. The issue for accessibility is whether or not these containers intercept or interfere the accessibility of your content.

You can format your content for accessibility, but you can’t reprogram everyone’s browser to make it work better or more accessibly. The best you can do is maximize the accessibility formatting of your content, and maximize the accessibility capability of your container.

Be aware of any issues that arise when your content is viewed through a particular browser – and if that happens, then recommend your students use a different browser.

Sometimes there will be a specific recommended browser and assistive technology combination for a content source to be accessible. This grows increasingly common with specialized forms of digital content such as STEM materials.

It can be challenging to keep up with the pace of modern technology, and sometimes even more difficult waiting for technology to improve. In the meantime, we must try to overcome limitations with our digital containers through clever content design.

CHALLENGE: Check your email using only the keyboard.

Orange @ symbol
Photo by Onlineprinters on Unsplash

A common example that illustrates the content vs container dynamic is email. The email message is the content, and the program you use to read your email is the container. The same content can be presented through a lot of different containers – and it usually works just fine.

If you use webmail, then you have an email program in a browser – or a container in a container.

Each container has its own keyboard commands and accessibility capability.

Try It!

You will have to look for your focus indicator to know what the keyboard is interacting with. The focus indicator should be a solid white outline in Windows. The focus indicator varies in Mac OS, but it is usually an obvious highlight or solid blue.

I have used the Chrome browser for this activity, but feel free to substitute your browser of choice.

Remember that adding SHIFT to TAB will make the sequential navigation go back the other direction.

Checking Gmail

You will need to first enable Keyboard shortcuts from the Gmail Settings menu if you want to use keyboard commands in Gmail.

Here are the complete instructions and keyboard commands for Gmail.

From Windows 10: Start the Chrome Browser

To start the Chrome browser from Windows 10 via keyboard commands:

  1. CTRL + ESCAPE to open the START menu within Windows.
  2. Press TAB twice to get the system focus to the Applications list.
  3. Press G for Google, and then use the DOWN ARROW key to move through the applications that begin with a G until you get to Google Chrome.
  4. When you get to Google Chrome, press ENTER.

From Mac OS: Start the Chrome Browser

To start the Chrome browser from Mac OS via keyboard commands:

  1. OPTION + COMMAND + SPACE to open the Finder window in “Searching This Mac” mode.
  2. Press COMMAND + SHIFT + A to open the Applications directory.
  3. Press G to go to the programs that start with a “G” and use the down arrow to find and select the Google Chrome application.
  4. Press ENTER.

Within Chrome

We begin our user experience within Chrome with the cursor in the address bar. This means we can begin typing right away – type “gmail.com” and hit ENTER.

Within Gmail

Once Gmail has loaded in your browser, you can use the following commands to navigate around the Gmail interface:

  • G + I takes you to the inbox.
  • Use the UP and DOWN ARROW keys to navigate through the inbox.
  • Press ENTER to open a message.

Within a Message

  • Press R to Reply to the message.
  • Press A to Reply All to the message.
  • Press F to forward the message.
  • Press G + I to return to the inbox.