Alternative Text in Microapps 2.0

Tiled wants to help create engaging microapps for all users. Many aspects of a microapp’s accessibility are determined by the designers of a microapp, but we are working toward making both microapps and our own interface accessible where possible. 

Our vision is to introduce a communication platform and medium that everyone can benefit from. We are working toward making microapps accessible starting with microapp tiles.

  • Microapp creators can add alternative text and titles to microapp tiles in the builder
  • Microapp viewers can use screen readers to read the configured text description in the HTML

We will be providing more accessibility features to come and are working toward being 100% accessible.

1. Drag any accessible tile in the builder to your desired page

2. Add your desired description to the corresponding accessibility field for the tile in the properties panel 

  • ALT TEXT - Image Tile
    Screenshot 2024-10-04 at 12.47.16 PM
  • TITLE - Video Tile
    Screenshot 2024-10-04 at 12.59.18 PM

Hotspots with targets leverage the name of the page/state/overlay for the accessibility aria-label. Overlays leverage the name of the overlay for the accessibility aria-label.

Existing descriptions in the accessibility field will persist if you replace a local asset with the same local asset type. The existing description in the accessibility field will clear out if you replace a local tile asset with a different local asset type.