- Adobe Flash Professional version MX and higher
- Adobe Flex
Adobe has plans to stop updating and distributing the Flash Player at the end of 2020, and encourages authors interested in creating accessible web content to use HTML.
This technique relates to Success Criterion 1.4.8: Visual Presentation (Sufficient as a way to meet G146: Using liquid layout).
The objective of this technique is to specify the width and/or height
of an embedded Flash object using relative units such as
The size of the Flash object is allowed to expand to fill the size
of its container (a parent element) by setting the movie width and
height to 100%. The container's width and height is set with relative
units. This will allow user agents that support text resizing to resize
the Flash object in line with changes in text size settings. When the
Flash object's dimensions are adjusted its contents will be scaled,
making it easier to read for low vision users.
This technique is not necessary to support users who use zoom functionality in their browsers.
Example 1: Scaling text while keeping a minimum size
In this example, a Flash object is loaded into an HTML document using SWFObject's
dynamic publishing method. The Flash object's container element
is given a class name of "flashPlaceHolder". This class
name is then targeted using CSS to set its width and height using
relative em values. When the user increases or decreases the browser's
text size, the Flash object will scale accordingly. To ensure that
the object does not become too small when text size is decreased,
min-height properties are set to the default dimensions.
The result of this technique can be viewed in the working version of Scaling text while keeping a minimum size. The source of Scaling text while keeping a minimum size is available.
- Open a web page containing an embedded flash object
- View the HTML to confirm that the width and height dimensions for the object containing the Flash object are specified using relative units such as em or percent (%).
- Check #2 is true.