What do Educators Need to Know about VPATs?

Post #2 in a series of twelve posts intended to help you improve the accessibility of your online courses.

This is a greatly shortened version of the full post. Check out the TL;DR version to see it all.

In this installment, we’ll take a look at a somewhat technical, and often over-looked aspect of using technology and software in education. Often-overlooked unless you are an IT professional or an employee working in a purchasing office.

Check the Accessibility Concerns of your Educational Software

What is a VPAT?

The Voluntary Product Accessibility Template (VPAT) is a tool that provides information about how well a vendor’s product or service conforms to the Section 508 Accessibility Standards. Since it is voluntary, not all companies will provide a VPAT for all of their products, but most companies that take an active interest in being inclusive with their product development will provide this information.

How to Find a VPAT

In the Web Accessibility MOOC for Online Educators (WAMOE), we asked the students (who were educators) to search for a VPAT for software or hardware that they used in their online courses. It could be something that they used themselves for content creation or similar purposes, or it could be something that they encouraged or required their students to use.

In most cases, WAMOE participants would do a web search using keywords of VPAT and the name of the tech product. This simple web search would often bear fruit very easily, with an obvious search result that would lead to the desired document. However, there were many times when the search brought back confusing results or no helpful information at all.

What if They Don’t Have a VPAT?

Unless you can be assured that the recommended technology will be accessible to all students, it is a good idea to provide an alternative assignment that can be used by those who cannot make use of the primary technology that has been assigned.

What Can You Learn from a VPAT?

The VPAT is a series of tables, each comprised of three columns. The Summary Table provides the vendor’s information related to conformance with Section 508 Standards of the United States Rehabilitation Act. Column one of the Summary Table contains eight accessibility criteria that are found in subparts B and C of the 508 Standards. Column two describes any supporting features in the product or service that helps conform to the individual criterion. Column three is for any remarks and explanations that the vendor would like to share.

VPAT Example – a web conferencing solution

The detail table for Section 1194.22 Web-based Internet information and applications includes the following (excerpting criteria a, c, and g as examples):

  • Criteria: (a) A text equivalent for every non­text element shall be provided (e.g., via “alt”, “longdesc”, or in element content).
    • Supporting Features: Supports with Exceptions
    • Remarks and explanations: The product interface itself does not have any deficiencies requiring this, and authors are urged to do so should the need arise.
  • Criteria: (c) Web pages shall be designed so that all information conveyed with color is also available without color, for example from context or markup.
    • Supporting Features: Supports
    • Remarks and explanations: All color contrasts comply with industry standard minimums.
  • Criteria: (g) Row and column headers shall be identified for data tables.
    • Supporting Features: Not Applicable
    • Remarks and explanations: The product does not contain any data tables.

Row (a) contains something that you’ll see quite frequently; the vendor saying that their product doesn’t have accessibility issues with a criterion, but content loaded by the end user just might. It’s always important to differentiate between product features and items added by the end user.

In an educational context, this boils down to the following: a) is the technology accessible to the instructor or student who needs to create educational content, and b) is the output of the technology accessible to users/viewers of said output?

You’ve Found a VPAT, Now What?

At many colleges and universities, vendor VPATs are used as a first step to verify the accessibility of the technology (both software and hardware) that will be purchased or recommended for use by students and employees. This is only a first step, because it is a wise choice to do some additional end-user testing to verify the information contained in the VPAT. For example, consider a software product that indicates in the VPAT that text included in an object created by that software is readable by assistive technology such as a screen reader. It would be a good idea to test that yourself using the screen reading technology that is normally deployed at your organization.

More info in TL;DR

Yikes, it’s Inaccessible. Now what?

Okay, so now you’ve reviewed the VPAT and completed functional testing and found the product to have accessibility barriers that cannot be accommodated. Now what? Well either the product shouldn’t be used or you have to provide students with disabilities an accessible alternative when they encounter a barrier. These accessible alternatives should be figured out well in advance of a student with a disability enrolling.

Still need more about the VPAT? Check out the longer version of this post.

Directory to posts in this series:

  1. Improving Accessibility of Online Courses – the why
  2. What do Educators Need to Know about VPATs?
  3. Alt Text for Simple Images in Online Courses
  4. Complex Images – Going Beyond Simple Alt Text
  5. Finding Videos with Good Captions
  6. Captioning Videos for Your Online Courses
  7. Improving the Accessibility of your HTML Content Pages – Part 1
  8. Improving the #A11y of Your HTML Content Pages – Part 2
  9. Making Word Documents Accessible for Online Learning
  10. Making PowerPoint Files Accessible for Online Learning
  11. Using Web-based Tools in Online Learning – #A11y
  12. Six More Tips for Making Online Courses Accessible

Improving Accessibility of Online Courses – the why

This is the first post in a series of twelve posts intended to help you improve the accessibility of your online courses.

During this series, the word accessibility is used in the context of making your online courses better for students with various disabilities. To help set the stage for this series of posts, let’s start with a couple of videos.

Keyboard image with Accessibility key replacing the Enter key

Portland Community College: To Care and Comply

Portland Community College (PCC) created this 11-minute video in 2015. PCC employees talk about their web accessibility guidelines and how supporting students with disabilities is a shared responsibility across the college. Tips and techniques that faculty and staff can use to improve their online course materials to make course components more accessible are also included. It is embedded below, or you can open it separately in YouTube.

These things jump out at me from the PCC video:

  • The intro examples of navigating online courses with assistive technology
  • The various students’ stories about their needs for accessible learning materials
  • Mission of PCC, and there is no success without access (10:30)

You can learn more about the various accessibility resources provided by PCC at their website.

University of Washington DO-IT: IT Accessibility: What Campus Leaders Have to Say

I also highly recommend a second video, this one from DO-IT (Disabilities, Opportunities, Internetworking, and Technology) at the University of Washington. DO-IT provides many excellent resources for educators and students. They also have an excellent Center for Universal Design in Education. This video highlights the importance and strategies for making Information Technology accessible on a campus-wide basis. Open DO-IT video separately.

Highlights for me in this video include:

  • Notice that the video is audio-described (AD).
  • At 1:37, Tracy Mitrano clarifies that making an accommodation was a good starting point, but only the start of the conversation about dealing with accessibility.
  • At 2:32, Pablo Molinda states that just like privacy and security, accessibility needs to be designed from the initial conception, not an afterthought.
  • At 3:58, Gerry Hanley shows that his state system requires all vendors provide equally effective access to the services provided by the vendor.

In the second post we’ll look into the importance of a VPAT and what you can learn from them. In the remaining posts we’ll focus more on the question of how to improve the accessibility of online courses. I thought it was important to start with this post dealing more with the question of why improved web accessibility is important in online learning.

The PCC video is shared with express written consent from PCC, and the University of Washington video is shared under the license of Creative Commons Attribution. The accessibility keyboard graphic is shared under Creative Commons Attribution by creator Poakpong.

Directory to posts in this series:

  1. Improving Accessibility of Online Courses – the why
  2. What do Educators Need to Know about VPATs?
  3. Alt Text for Simple Images in Online Courses
  4. Complex Images – Going Beyond Simple Alt Text
  5. Finding Videos with Good Captions
  6. Captioning Videos for Your Online Courses
  7. Improving the Accessibility of your HTML Content Pages – Part 1
  8. Improving the #A11y of Your HTML Content Pages – Part 2
  9. Making Word Documents Accessible for Online Learning
  10. Making PowerPoint Files Accessible for Online Learning
  11. Using Web-based Tools in Online Learning – #A11y
  12. Six More Tips for Making Online Courses Accessible

Using Voicethread in Education with an Eye on Accessiblity

In a previous post, Mea Culpa – Accessibility Concerns of Using External Tools in the LMS, I mentioned the This web-based tool has passed the accessibility testaccessibility concerns that come from using many of the popular external tools (Web 2.0 tools, if you will) inside the LMS. I previously posted about the accessibility issues with Slideshare and also the poor accessibility record of Prezi. This post is a bit more positive, because I’m highlighting a tool that has made major steps forward on the road to a11y.

Voicethread is increasingly being used in education at all levels. Some of their features (from  their website) include:

Creating: Upload, share and discuss documents, presentations, images, audio files and videos. Over 50 different types of media can be used in a VoiceThread.

Commenting: Comment on VoiceThread slides using one of five powerful commenting options: microphone, webcam, text, phone, and audio-file upload.

Sharing: Keep a VoiceThread private, share it with specific people, or open it up to the entire world. Learn more about sharing VoiceThreads.

Below is a link to an example Voicethread created by an educator and her students. It was easy to embed the Voicethread into Brightspace, but WordPress (this site) doesn’t play nicely with embed code. Click on the image below to view the Voicethread.

Voicethread example for education

Voicethread provides for both audio and text comments. It is one of the most accessible Web 2.0 platforms that you will find. 

More resources:

Voicethread also offers a series of higher ed webinars “to improve your pedagogical use of VoiceThread or plan a group viewing of an archive with your colleagues to stimulate an engaging professional development event on campus about teaching with VoiceThread.” The webinars are presented by Michelle Pacansky-Brock, a Voicethread evangelist and an eLearning professional educator.

Accessibility Concerns of Using Prezi in Education

In a previous post, Mea Culpa – Accessibility Concerns of Using External Tools in the LMS, I mentioned the accessibility concerns that come from using many of the popular external tools (Web 2.0 tools, if you will) inside the LMS. I previously posted about the accessibility issues with Slideshare. One tool that has become a darling of the edu crowd is Prezi. For this post, I’m not concentrating on the uses of Prezi within the LMS, but more generally at the a11y concerns with using Prezi in any way in education.

Accessibility of web-based tools in education. This one failed the test.Prezi is almost completely inaccessible to students with disabilities, particularly low-vision and no-vision students (and faculty, of course). Prezi admits as much, and currently don’t seem to have any concrete plans of addressing this shortcoming. In their own words:

Regarding a request for a Voluntary Product Accessibility Template (VPAT) from Prezi; “I’m afraid we don’t currently have a VPAT for Prezi. Prezi is not ADA compliant.Prezi Community Forum, October 8, 2014

” I also did not want to be misleading and say “We’re working on a solution right now” when we clearly are not.” Prezi Community Forum, March 30, 2011

“However, we are working hard to make the Prezi website fully 508 compliant. For example we are experimenting with a nice transcript outline for presentations to let our users get a clue what is inside the presentation.” Prezi Communty Forum, March 5, 2010. Notice that this comment is almost five years old, and they have now enabled the possibility of a transcript, but have made very little progress to date to address the many other accessibility concerns with Prezi. Their actions (lack thereof) are speaking louder than words.

I haven’t used Prezi for a couple of years, until I created a new presentation (and a new account altogether) for use in this post. Similar to the Slideshare presentation from the previous post, I created a sample Prezi presentation about Jekyll Island, Georgia.

Screenshot of one of my old Prezis - you can no longer embed a Prezi  in WordPress.com, such as this site. Click the image to visit the Prezi site.

Screenshot of one of my old Prezis – you can no longer embed a Prezi in WordPress.com, such as this site. This Prezi was created before they added the transcript feature. Click the image to visit the Prezi site.

Here is a partial list of the a11y problems that will be encountered when trying to view a Prezi via assistive technologies:

  • “Text” (in appearance only, apparently) written in a Prezi is not readable by a screen reader program.
  • It’s not possible to add alternate text to any images that you include in your Prezi.
  • You cannot tab through a presentation, which is standard operating procedure for keyboard access. Tabbing through the links on the Prezi will result in completely skipping over the presentation frame.

On the plus side, there have been a few enhancements that help lessen the accessibility issues with using Prezi in education; including:

  • You can now use keyboard shortcuts (instead of only mouse movements) to create a Prezi, although you have to be able to use a mouse to turn them on (off by default).
  • The transcript feature is a minor improvement, however there is no way to edit the transcript, or export it or embed it along with an embedded presentation. You have to enter the text into the Prezi in the order that you want it to appear in the transcript. Anything that you add as an afterthought will be at the end of the transcript, even if it is at the beginning of the presentation. Prezi spokespeople say that the transcript is to “support search engines,” not users with disabilities.
    • If you look at the transcript in my Jekyll Island Prezi, you’ll see that the text is out of order. I would have to re-create the presentation from scratch to get the transcript correct.
  • You can add an audio track to a Prezi, which would enhance accessibility for students without hearing disabilities. You can add audio narration at specific points in your Prezi. The audio files will start when you reach the chosen point in the presentation and stop playing when you move away from that place in the Prezi.

So, maybe you love Prezi and have no plans to stop using it for providing course content to your students. That’s your choice, but I believe you also need to (or should) make another choice; and that choice is to always make an alternative presentation that is equivalent in content and fully accessible to students with disabilities.

Are you interested in some classic examples of things that are incongruous? How about the over 1,000 Prezis that have been created about web accessibility. Here is one particular example, where the suggestions for making web content accessible are quite good, except that you can’t do most of them when working with Prezi itself.

Barry Dahl is solely responsible for the views and opinions contained in this post. No other association with any legal entity is implied or real.

Accessibility Concerns of Using Slideshare inside the LMS

In my previous post, Mea Culpa – Accessibility Concerns of Using External Tools in the LMS, I mentioned the accessibility concerns that come from using many of the popular external tools (Web 2.0 tools, if you will) inside the LMS. One tool that I frequently have recommended over the years is Slideshare. Here’s a video that I put together back in 2007 about using SlideShare inside the LMS (D2L). That was then, this is now.

Accessibility of web-based tools in education. This one failed the test.For a long time there were inherent problems with using PowerPoint slide decks on the web. Sure there were various ways to do it, but none of them were great. That’s not quite true, because there were some great tools, but they weren’t free; which was another aspect of the tools that I shared in my presentations. They needed to be free, and easy to use. Web accessibility was not one of my criteria, but it is now.

When Slideshare came on the scene, I became an early user and started including it in my presentations about using Web-based tools inside the LMS. Here, for example, is an embed of one of my old slide decks (use your imagination and envision this embedded into an online course, instead of this blog):

You can view the Slideshare transcript (opens in new window) at their site, but these slides were not constructed to be accessible. Thus, the transcript is not very useful to the unsighted user. There is a great deal of information in the slides that they would not have access to.

The easy to find, easy to use embed code was one of the reasons why I liked Slideshare. Webbifying the otherwise bulky, clumsy PPT slides was so much better than trying to get native slides to play nicely in the browser. But what about accessibility (a11y), you ask?

You can make PPT slides that conform to most of the a11y standards (or good practices, if you prefer). Wouldn’t it be great if your accessible PPT slides could be uploaded into Slideshare and still be accessible? Sure, that would be great. Sadly, that’s not how it works. At least, it won’t work that way without you planning ahead to make it so and then jumping through a couple of extra hoops.

There are a few a11y issues with using Slideshare:

  • PPT slides are converted into images. There is no way to attach alt text to the slide images in Slideshare. Therefore, you must include all pertinent information in text format for each slide (methods described below).
  • Although a transcript is created by Slideshare, the transcript is not ported over with an embed of the slides in another site, such as in the Content section of the LMS. Students would need to navigate to the original page at the Slideshare site in order to access the transcript, and then they have a lot of other stuff to navigate through before reaching the transcript (thinking from the perspective of a student using a screen reader such as JAWS).
  • The transcript only includes those things that are in text format in the original PPT slides. In other words, if you use images in your PPT slides, there is no information at all about those images in the transcript in Slideshare, unless you describe them in your text.
  • You can embed a YouTube video (should it be captioned? Yes, but many are not) into a Slideshare presentation, however, I cannot see how a student using a screen reader would be able to operate the video controls which are now inside the Slideshare frame.
  • For a few years, Slideshare had an option to add an audio track to narrate your slides. Although I never checked it for a11y, it potentially could have been a boon to students who could listen to the narration. However, Slideshare removed this “Slidecast” feature during early 2014.

I’m cognizant of the move in recent years to more of a “Zen” approach to PPT slides – with heavy emphasis on images and minimal text. This approach is great for live presentations, but not so great if the slides are going to be shared for asynchronous viewing. Zen-type slides will only cause greater issues for sight-impaired students due to the lack of explanatory text. For my work-around examples, I’ll go with heavy imagery in the sample slides.

So, if you’re going to use Slideshare for delivering course content to your online students, how can you do so with an eye on accessibility? Here are a couple of work-arounds.

  • All important information about each slide needs to be made available to students in text form, probably in the Slideshare transcript.
  • Method one is to hide the text behind the images on the slide, with the resulting text appearing in the Slideshare transcript.
  • Method two is to use the Notes field in the PPT program to put all the info needed for full learning. Then convert the PPT into a PDF, with the Notes Pages selected as the saved format. This then puts the Notes into the Slideshare transcript.

For illustrative purposes, I’ve made a simple four-slide presentation using PowerPoint. I have then uploaded two versions of those slides to Slideshare, with the embeds shown below.

Method One. The Slide Title holder is placed on top of the image and formatted for readability for sighted students. The explanatory text is hidden behind the image which will then populate the Slideshare transcript. After embedding the slides into the LMS, I would also copy and paste the transcript from Slideshare into the LMS content page.

Transcript pasted below from Slideshare page:

  • Slide 1. Jekyll Island is off the coast of Georgia; one of the Golden Isles of Georgia
    If you’ve never been to Jekyll Island, you need to put it on your list. Beautiful beaches, wildlife, unique flora, and a great deal of history can be found throughout the island. The Jekyll Island Club was founded in 1886 and was a vacation spot for the Rockefellers and Vanderbilts. It is now a luxury resort hotel, and has been beautifully restored. (This is text hidden under the image on slide one.)
  • Slide 2. Majestic “Live” Oak trees are found throughout the 9 mile long island
    The old oak trees on the Island are a sight to see, with Spanish Moss hanging down, often creating a thick canopy. Many of the tree trunks are covered with the beautiful Resurrection Fern. These trees are considered to be “live” oak because they are evergreen; remaining green throughout the winter rather than going dormant and leafless. The Southern Live Oak is the state tree of Georgia. (This is text hidden under the image on slide two.)
  • Slide 3. Driftwood Beach, North End of Jekyll Island
    A special attraction on Jekyll Island is Driftwood Beach, sometimes referred to as the Elephant Graveyard because of the unique formations of the large driftwood pieces scattered along the beach. The trees died over the past 200 years, primarily from beach erosion. There aren’t any real elephant remains there, but the driftwood formations are worth the trip. (This is text hidden under the image on slide three.)
  • Slide 4. Hungry? Try the Low Country Boil
    The shrimp on Jekyll are super fresh and locally caught. Add in potatoes, sausage, corn-on-the-cob, peppers, onions and seasonings; and you’ve got the famous Low Country Boil. Consider eating on the dock at the Rah Bar at the Historic Wharf near the Jekyll Island Club. (This is text hidden under the image on slide four.)

Also, Slideshare seems to be putting the title text AFTER the slide text, which seems weird. I edited the transcript to put the title text in the appropriate spot in the pasted transcript.

Method Two.  The descriptive text is placed into the Notes field in PPT. The Notes View is then saved as a PDF and the PDF is uploaded to Slideshare. Sighted students now have the advantage of seeing the explanatory text, and the transcript provides the same information for sight-impaired students who are using a screen reader program, but keep in mind that unsighted students using a screen reader will not hear any information from the slides & notes in the Slideshare embed. As in method one, the transcript is copied from Slideshare and pasted into the LMS content page so that students don’t have to navigate out of the LMS to the bottom of the Slideshare page.

Transcript pasted below from Slideshare (first slide only)

  • Slide 1. Jekyll Island is off the coast of Georgia; one of the Golden Isles of Georgia
    If you’ve never been to Jekyll Island, you need to put it on your list. Beautiful beaches, wildlife, unique flora, and a great deal of history can be found throughout the island. The Jekyll Island Club was founded in 1886 and was a vacation spot for the Rockefellers and Vanderbilts. It is now a luxury resort hotel, and has been beautifully restored. (This is text put into the PPT Notes field on slide one.)

Overall, this is a lot of work to make these slides accessible when using Slideshare. Although I have been a long-time fan of Slideshare, I’d be inclined to dump it altogether for a more accessible presentation program. Sadly, as we’ll see in future posts, there aren’t many choices for that.

NOTE: for this particular tool, I only looked at the perspective of a faculty member using it to provide slide content to a class of students, not looking at the issues with students using the tool themselves for uploading slide shows, which creates different concerns.

Barry Dahl is solely responsible for the views and opinions contained in this post. No other association with any legal entity is implied or real.

Mea Culpa – Accessibility Concerns of Using External Tools in the LMS

Over the past 10 years or so, my most popular conference workshops have been those involving the use of Web 2.0 tools inside the LMS. I’ve always enjoyed those workshops immensely, and it’s fun to see the light bulbs come on as they discover ways that they can engage their students in new and different ways.

Gravity is a lot like accessibility - it's the lawI gave another one of those workshops in November 2014, and it is probably the first time I’ve done so in the last year and a half. The topic has become a bit dated and I usually had different topics to explore instead. As I was making the recent presentation, it struck me how totally different it was now compared to how it used to be. My focus was completely different, and with very good reason.

There were two things that I focused on that never used to be part of the presentation:

1) Due to browser changes, I now focus on the web sites that that don’t create a mixed content issue when embedding content inside the secure (https) learning platform (learn more here), and

2) Due to a change in priorities, I now focus on the web accessibility issues of using external content inside the learning platform. It is this second point that is the focus of this post and a few additional posts to come.

When giving this presentation 5-10 years ago, questions about accessibility would occasionally come up, but not often. Although I don’t specifically remember what my responses were at the time, I do know that they were not adequate. There have always been serious issues related to accessibility for online learning content/activities, but years ago it was easier to blow them off as not being a high priority. These days I consider it to be one of the highest priorities. Yes, I guess I had a revelation about accessibility somewhere along the way.

So here’s the deal. If you are creating course content using an external tool, or if you are having students do required work using an external tool, then it is incumbent upon you to make sure that you are using creative output and/or external tools that are fully accessible to students who have disabilities.

I’m currently wrapping up facilitation of the first offering of the Web Accessibility MOOC for Online Educators (WAMOE). Throughout this MOOC, we’ve focused on creating accessible course content using HTML pages, Word Docs, PPT slideshows, and PDF docs. That’s all well and good – but if you then introduce external tools, you need to make sure that they are accessible too; and many of them are not.

In a series of undetermined length, I’ll examine the accessibility features (or lack thereof) of many of the popular external tools used in eLearning. I’ll probably say it repeatedly, but it’s okay to use a non-accessible tool as long as you make appropriate accommodations for students who are not able to use the tools. For the tools that reduce accessibility, I’ll also give one or more suggestions for a work-around that should be put in place if you really want to use the inaccessible tool.