Accessibility Belongs In The Prototype

End-of-lesson check

15 questions · take it digitally for instant feedback at tendril.neural-forge.io/learn/quiz/end-claude-design-accessibility-creators

1. What does the principle 'name the job before naming the tool' mean when working with AI agents?

   1. List all available tools in your workspace before starting the project
   2. Specify what you want the AI to accomplish before telling it which software to use
   3. Choose a tool brand first, then find jobs it can perform
   4. Ask the AI to recommend tools based on your budget

2. Why should accessibility features be included during the prototype phase rather than added later?

   1. Because stakeholders only care about accessibility during prototyping
   2. Because prototyping tools have better accessibility features than production tools
   3. Because AI agents cannot add accessibility after the prototype is complete
   4. Because retrofitting accessibility is time-consuming and often incomplete

3. Which accessibility consideration involves ensuring users can navigate without a mouse?

   1. Responsive width
   2. Variable fonts
   3. Keyboard flow
   4. Reduced motion

4. What is the main reason to write the 'smallest useful scope' when working with an AI agent?

   1. AI agents cannot handle complex projects regardless of scope
   2. Smaller scopes are easier for the AI to complete correctly and easier to verify
   3. Larger scopes produce more impressive portfolio pieces
   4. Smaller scopes use less computing power and cost less money

5. What does it mean to 'run the result as a user, not as a fan of the tool'?

   1. Share your work only with people who praise your tool choices
   2. Use the AI tool yourself rather than letting others test it
   3. Test the prototype by actually using it for its intended purpose, not just admiring what the AI produced
   4. Prefer tools made by companies you admire over objectively better alternatives

6. Before sharing an AI-generated prototype, what three things should you inspect?

   1. The color scheme, font choice, and layout
   2. The diff, data access, and failure path
   3. The marketing copy, pricing page, and contact form
   4. The AI model name, version number, and API limits

7. When prototyping with AI, what question should you ask about data?

   1. What data should the app or agent never expose?
   2. What data format does the AI prefer?
   3. How much data can the AI store for free?
   4. Which data will make the prototype look most impressive?

8. What does 'observable' mean in the context of making AI prototypes safe for others to use?

   1. The prototype must be published on a public website
   2. The prototype should display all AI processing steps visibly
   3. The AI must be trained on observable data only
   4. The prototype's behavior can be monitored and its outputs can be seen and understood

9. What does 'reversible' mean when evaluating AI-generated outputs?

   1. The AI can learn from its mistakes and improve
   2. The prototype can be opened in multiple software applications
   3. You can undo or roll back the changes if something goes wrong
   4. The design works in both forward and reverse chronological order

10. Why is testing the 'failure path' important when prototyping with AI?

    1. To ensure the prototype fails quickly to save resources
    2. To compare failure rates between different AI models
    3. To understand what happens when the prototype breaks or encounters errors
    4. To verify that the AI successfully fails as expected

11. Why is reduced motion an important accessibility consideration to address early?

    1. Animations are only supported in premium prototyping tools
    2. Reduced motion improves page load speeds significantly
    3. Motion effects cannot be added later without breaking the design
    4. Some users experience discomfort or seizures from animated content

12. What does 'responsive width' mean in the context of accessibility?

    1. Text automatically grows larger when the user needs it
    2. Width animations play automatically during page load
    3. The interface adapts gracefully to different screen sizes and container widths
    4. Elements become wider as the user scrolls down the page

13. What is 'keyboard flow' in accessibility?

    1. The speed at which text can be typed into form fields
    2. The way keyboard shortcuts are documented in help menus
    3. The logical path a user follows when navigating entirely with keyboard keys
    4. The process of designing physical keyboards for computers

14. Why is contrast important to address in early prototypes?

    1. Contrast ratios are required by law to be exactly 4.5:1
    2. AI tools cannot adjust contrast after the prototype is complete
    3. High contrast uses less battery on mobile devices
    4. Low contrast makes text hard to read for users with visual impairments

15. What should a rollback path provide in an AI-assisted project?

    1. A way to revert to a previous working state if the AI output causes problems
    2. A method to undo payments made to AI services
    3. A list of backup AI models to use if the first one fails
    4. A guide for users to delete their accounts and data