I am working on a site where we are designing with an emphasis on accessibility. One of these groups we have in mind is people with autism.
We have some forms with radio buttons. Some of the answers will need clarification or more details, depending on the answer. An example:
1) Do you have any hobbies? [Radio button: Yes] [Radio button: No] 2) Do you like dragons? [Radio button: Yes] [Radio button: No]
If you answer yes to 1), we want to ask what hobbies by inserting a textbox:
1) Do you have any hobbies? [Radio button selected: Yes] [Radio button: No] 1a) What hobbies do you have? [Textbox] 2) Do you like dragons? [Radio button: Yes] [Radio button: No]
Obviously, we only want to show 1a) if the answer to 1) is "Yes". What is the best way to change it from being hidden to showing on the page, without it being too stimulating? Just to make it clear, not only would there be new information on the page, but the content on the rest of the page would be pushed down.
THE QUESTION: Do we just change the CSS for Ia) from display:none; to display:block;, pushing the rest of the page down instantly, or would we be better "sliding" it onto the page, using animation? (This would be done slowly, to avoid being too stimulating).
Answers would be grateful appreciated, and if you had a source for them that would be even better (but I am interested in anecdotal evidence as well). Many thanks!