Accessibility in Hype

Supporting accessibility means that Hype documents are designed in a way so that people with disabilities can use them. More specifically, when saying that a Hype document is accessible, it means that the document’s content is available, and its functionality can be operated, by literally anyone. As animators, it's in our nature to think in visual categories and assume that users can see and use a keyboard, mouse, or touch screen, and can interact with the Hype document we are creating.

Accessibility is essential for developers and organizations that want to create high-quality websites and web tools, and not exclude people from using their products and services.

Basic accessibility settings in the identity tab

Tumult Hype offers a row of settings to help you support the basics out of the box. These settings can be found in the identity inspector. These quick hints are specially needed for interactive elements in your Hype document

1. Set an alternate text for the releavant elements
2. Assign the appropiate role to elements
3. Define the tab-index to work in a sensible way
4. Add additional accessibility tags using the "Additional HTML Attributes" (new since Hype 4)

Accessible Documents in Tumult Hype

The follwing was written by Daniel from Team Tumult:

Tumult Hype is a tool that empowers you to create a variety of content for the web. Because what you can create in Hype is limitless, you are responsible for constraining what you create to your audiences, their needs, and their abilities. This means that it is up to you to make design decisions like:

• Minimum text sizes
• Contrast for buttons and elements
• The amount of motion in your document
• The number and type of colors
• Alternative content for non-sighted or less-sighted people, including dyslexic visitors
• Translated text or video subtitles

If you don't take considerations like the above into account, fewer and fewer people will be able to read, experience, or even see your content. There's a huge amount of information about accessibility on the web--my best recommendation is to dig into the resources on this page before embarking on a large project for wide audiences. It's easier than you think to make content look great and accessible!

We are interested in both seeing how you approach building accessible content and improving our support.^*

For more information about how to create accessible content with Hype with specific guidance, please see: https://forums.tumult.com/t/accessibility-tips-tricks-a-508-accessibility-checklist-for-your-tumult-hype-project/5844

Further sources

• Web Content Accessibility Guidelines (WCAG) 2.0
• 7 Things Every Designer Needs to Know about Accessibility
• Writing JavaScript with accessibility in mind
• The Accessibility Resources List

---

Footnotes:

^{* Source: https://forums.tumult.com/t/accessible-documents-in-tumult-hype/9021}