Accessible Carousels
Previously, screen readers were not capable of moving through a carousel.
Now carousels are accessible and readable by screen readers. This will only work for carousels that move manually and not carousels that rotate on their own.
General Studio Updates
We fixed a few bugs that were brought to our attention and made some general updates to the studio.
Notes:
• We fixed a bug that affected image hover object states not working correctly when a shadow was applied • We fixed a bug that affected object states in nested groups sometimes not triggering correctly. • Hover object states no longer stick when navigating to a page.
Object States
Object States is a new Studio feature that allows for the direct application of hover, click, and custom states to design elements, like buttons, images, shapes, and more.
Object States gives designers open ended creative control over hover, click, and custom triggered states and will greatly increase efficiency and make it overall easier for designers building in Ceros. Object States offer more possibilities to create more immersive and connected interactive experiences.
Import
Ceros creators now have the ability to import third party design files from Photoshop, Illustrator, or Sketch directly into their Studio to continue creating and editing. Once imported into Ceros, supported design files retain their core attributes (e.g. layers), and designers can use the full capabilities of the Studio to continue building immersive digital experiences.
Import was built in an effort to make the designer workflow as seamless and frictionless as possible. For designers using other tools as part of their Ceros workflow, recreating designs in the Studio is time consuming, repetitive work. Import eliminates additional steps, and enables a faster, more efficient and streamlined workflow.
Notes:
- Initial rollout includes support for .psd (Photoshop), .ai (illustrator), and .sketch (Sketch) files. We will continue to investigate support for additional file formats in the future.
- Compatibility warnings (file features supported in other tools not currently supported in Ceros) may affect the imported file. You may find that addressing these incompatibilities in the source file will improve the import. For example, merging down clipping masks before import will ensure that images appear as expected in the Studio.
Image Masking
Image masking in Ceros allows designers to mask images with shapes -- the masked image appears only where it overlaps with the shape. In the initial release of the feature, masking is supported for images masked by a single shape (both standard shapes and custom shapes work).
Masking gives designers better creative options when designing with images. Additionally, we expect masks to be frequently used in imported design files. So, with masking as a Studio feature, we will also improve import compatibility and the import workflow.
How it works
- Users can create a mask by selecting an image or shape layer and choosing "Mask" from the right click menu.
- In the layers panel, masks appear as a "Mask Group."
- This group contains the shape (top layer) and image (bottom layer).
Accessibility Toolkit
We have worked closely with top accessibility consultants (A360) to develop tools that support the creation of accessible experiences. The Accessibility Toolkit aims to provide tools to help designers create experiences that are compliant with WCAG (Web Content Accessibility Guidelines) AA 2.0 standards, which is a universal set of guidelines for web accessibility.
Included in Accessibility Toolkit is:
- HTML Landmarks
- Hide From Screen Readers
- Skip to Main Content Link
- Component/Link/Button Labeling
- Reduced Motion (Browser/OS Preference)
- Accessible Video Player (Keyboard Nav)
- Accessible Video Player (transcripts)
- Accessible Video Player (captions/audio tracks)
- Screen reader-only Text
- Accessible Carousels
- Pause Animations (interaction link)
- Show/Hide Content
We believe that immersive digital content is for everyone, regardless of any vision, hearing, motor or cognitive barriers one may face. The Accessibility Toolkit was developed with the intention of enabling Ceros creators to improve the accessibility of their interactive experiences.
Notes:
- To access the Accessibility Toolkit, please contact your Customer Success Manager.
- Enabling accessibility features on your account is not an "ON" switch; utilizing accessibility features for a new or existing experience in Ceros does not automatically make that experience "accessible.”
- Importantly, accessibility standards may vary by company and it is up to the content creator to understand how to apply the Ceros tools to those standards