Figma Basics
What are 2 Figma shortcuts anyone can use?
Any shortcuts are acceptable
✨Bonus✨
What are 2 ways to organize your Figma file?
Anything logical accepted!
What is the name for the internationally agreed upon set of standards for accessible web content?
WCAG
✨Bonus✨
True or False: The two ways in which designers can control/help accessibility is through colours and text styles
FALSE!
Where can you find Figma plugins?
Search for plugins under the resources menu in Figma, or find them in the Figma Community
✨Bonus✨
What are the benefits of including a cover on your Figma file?
To provide context into the project, to make projects easier to find in a folder, etc.
✨Bonus✨
What's something you can do to increase accessibility in web content?
Anything relevant accepted
What states should be included in a button element to consider it accessible?
- Default
- Hover
- Pressed/Active
- Focus
- Disabled
What is a Quick Action?
Quick way to perform actions via a search bar (similar to the cmd+space on a mac) like running a plugin. Use it with Cmd+/
What pages would you add to a new project's Figma file? Name at least 3
Cover, Inspiration, Components, Exploration, Sandbox, Research, Designs, Archive
What kind of content would not be compliant with WCAG?
Anything relevant: bad colour contrast, type contrast, no alt text, no headers, etc.
How can design libraries & design systems help to ensure good accessibility?
Design libraries keep things consistent, so as long as the library is compliant, so will be the content that used it! It also means accessibility can be built into new experiences, instead of on top of them.
NOTE: this is just the baseline towards making user interfaces accessible. Designers must still conduct accessibility tests on interfaces, navigation, and user flows
✨Bonus✨
Where can you find plugins on Figjam?
Click the pile of recently used icons in the toolbar & click the plugins tab
What are some benefits of using templates in your projects/presentations?
Using company templates keeps consistency, makes navigation easier for clients
What are the three levels of compliance defined by the WCAG?
A, AA, AAA
✨Bonus✨
Why is it important to include alt text on your images?
Alt text is read aloud by screen readers used by visually impaired users, displays in place of an image if it fails to load and is indexed by search engine bots to better understand the content of your page
✨Bonus✨
How can you find out which shortcuts are new to you or that you haven't used before?
In the shortcuts panel, the shortcuts you’ve used will be blue, & the ones you haven’t used will be outlines.
At what point in your project should layer naming conventions be a requirement?
Handoff
✨Bonus✨
What kind of tools are available to help you test accessibility?
Accessibility checkers online, Figma plugins,
As a designer, how might you integrate accessibility practices into your process?
See part 4 of Accessibility Design Cops Episode (or anything that makes sense)