WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: accessible drag drop for flash

for

Number of posts in this thread: 4 (In chronological order)

From: adam solomon
Date: Wed, Nov 03 2010 8:06AM
Subject: accessible drag drop for flash
No previous message | Next message →

Does anyone know of a good development pattern for drag and drop in flash?
(Or, for that matter, html, while we are on the subject). An example we have
to implement in flash is a math question on a test where the student is
asked how much gas one could fill up the tank with given a price and amount.
There would be a flash showing the gas gauge - and the student would be
required to drag the arrow on the gas gauge to the point that it would be
filled (1/4, 1/2, 3/4, full). Any ideas?

--
adam solomon
linkedin <http://il.linkedin.com/pub/adam-solomon/24/449/a4>;
blogix <http://adam.blogix.co.il/>;

From: Jason Megginson
Date: Wed, Nov 03 2010 9:09AM
Subject: Re: accessible drag drop for flash
← Previous message | Next message →

Hi Adam,

There are a number of ways that one can provide an alternative to drag and
drop functions in Flash.

One Scenario (ActionScript 3 Example):

On the Flash stage, you can provide 4 Flash buttons/movie clips that
accept keyboard focus. These movie clips may be the 1/4, 1/2, 3/4, and
full movie clips. Ensure a proper event is present so the gauge moves to
the corresponding movie clip image when dragged or activated with the
Enter key.

If it is a movie clip the MSAA role of "button" can be set:

Quarter_full.buttonMode="true";
Quarter_full.tabEnabled="true";

The four buttons must have accessible name's ("quarter full", "half full",
"three-quarters full", "Full" for example).

Quarter_full.accessibilityProperties.name="quarter full";

You may consider placing an accessible description on the object(s):

Quarter_full.accessibilityProperties.description="select this
answer with the Enter key";

Once the user tabs to the object and activates the enter key, the
accessible name should update to include the state of the answer.

Quarter_full.accessibilityProperties.name="quarter full - current
selection";

Ensure that when the accessibility properties change, you set the
updateProperties method:

Accessibility.updateProperties();


Jason Megginson
SSB BART Group
(O):703-637-8964
(C):703-244-7755


-----Original Message-----
From: = EMAIL ADDRESS REMOVED =
[mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of adam solomon
Sent: Wednesday, November 03, 2010 10:02 AM
To: WebAIM Discussion List
Subject: [WebAIM] accessible drag drop for flash

Does anyone know of a good development pattern for drag and drop in flash?
(Or, for that matter, html, while we are on the subject). An example we
have
to implement in flash is a math question on a test where the student is
asked how much gas one could fill up the tank with given a price and
amount.
There would be a flash showing the gas gauge - and the student would be
required to drag the arrow on the gas gauge to the point that it would be
filled (1/4, 1/2, 3/4, full). Any ideas?

--
adam solomon
linkedin <http://il.linkedin.com/pub/adam-solomon/24/449/a4>;
blogix <http://adam.blogix.co.il/>;

From: adam solomon
Date: Fri, Nov 05 2010 3:36AM
Subject: Re: accessible drag drop for flash
← Previous message | Next message →

Thank you for the reply. I am going to try and implement your idea.

On Wed, Nov 3, 2010 at 5:04 PM, Jason Megginson <
= EMAIL ADDRESS REMOVED = > wrote:

> Hi Adam,
>
> There are a number of ways that one can provide an alternative to drag and
> drop functions in Flash.
>
> One Scenario (ActionScript 3 Example):
>
> On the Flash stage, you can provide 4 Flash buttons/movie clips that
> accept keyboard focus. These movie clips may be the 1/4, 1/2, 3/4, and
> full movie clips. Ensure a proper event is present so the gauge moves to
> the corresponding movie clip image when dragged or activated with the
> Enter key.
>
> If it is a movie clip the MSAA role of "button" can be set:
>
> Quarter_full.buttonMode="true";
> Quarter_full.tabEnabled="true";
>
> The four buttons must have accessible name's ("quarter full", "half full",
> "three-quarters full", "Full" for example).
>
> Quarter_full.accessibilityProperties.name="quarter full";
>
> You may consider placing an accessible description on the object(s):
>
> Quarter_full.accessibilityProperties.description="select this
> answer with the Enter key";
>
> Once the user tabs to the object and activates the enter key, the
> accessible name should update to include the state of the answer.
>
> Quarter_full.accessibilityProperties.name="quarter full - current
> selection";
>
> Ensure that when the accessibility properties change, you set the
> updateProperties method:
>
> Accessibility.updateProperties();
>
>
> Jason Megginson
> SSB BART Group
> (O):703-637-8964
> (C):703-244-7755
>
>
> -----Original Message-----
> From: = EMAIL ADDRESS REMOVED =
> [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of adam solomon
> Sent: Wednesday, November 03, 2010 10:02 AM
> To: WebAIM Discussion List
> Subject: [WebAIM] accessible drag drop for flash
>
> Does anyone know of a good development pattern for drag and drop in flash?
> (Or, for that matter, html, while we are on the subject). An example we
> have
> to implement in flash is a math question on a test where the student is
> asked how much gas one could fill up the tank with given a price and
> amount.
> There would be a flash showing the gas gauge - and the student would be
> required to drag the arrow on the gas gauge to the point that it would be
> filled (1/4, 1/2, 3/4, full). Any ideas?
>
> --
> adam solomon
> linkedin <http://il.linkedin.com/pub/adam-solomon/24/449/a4>;
> blogix <http://adam.blogix.co.il/>;
>

From: ckrugman@sbcglobal.net
Date: Sun, Nov 07 2010 1:54AM
Subject: Re: accessible drag drop for flash
← Previous message | No next message

As a screen reader I would suggest a more conventional approach using
multiple choice questions without the drag and drop component. Screen
readers and keyboard users don't do well with drag and drop components.
Chuck
----- Original Message -----
From: "adam solomon" < = EMAIL ADDRESS REMOVED = >
To: "WebAIM Discussion List" < = EMAIL ADDRESS REMOVED = >
Sent: Wednesday, November 03, 2010 7:02 AM
Subject: [WebAIM] accessible drag drop for flash


> Does anyone know of a good development pattern for drag and drop in flash?
> (Or, for that matter, html, while we are on the subject). An example we
> have
> to implement in flash is a math question on a test where the student is
> asked how much gas one could fill up the tank with given a price and
> amount.
> There would be a flash showing the gas gauge - and the student would be
> required to drag the arrow on the gas gauge to the point that it would be
> filled (1/4, 1/2, 3/4, full). Any ideas?
>
> --
> adam solomon
> linkedin <http://il.linkedin.com/pub/adam-solomon/24/449/a4>;
> blogix <http://adam.blogix.co.il/>;
>