Usability, Accessibility & Universal Design

From IFF Wiki
Jump to: navigation, search
Usability, Accessibility & Universal Design
Presenter(s) Jasmine Rae Friedrich
Title(s) UI/UX Designer
Organization(s) Accela
Country(ies) United States
Social media
2017 theme Communications & Design

In this session, we'll cover the basics of usability design and the pitfalls that come with overlooking it. We'll define key terms such as accessibility, universal design, compliance and affordance, and talk through exceeding standards and thinking about building for the most-disabled or least tech-savvy user among us, along with how to use tools for evaluating ones own work and pattern libraries for keeping expanding systems in check.

Format Training
Target Groups
Length 1 hour
Skill Level Novice
Language English

Session Outputs

Next Steps

Additional Notes

Relevant Resources


- Accessibility principles

- Usability versus accessibility. Definitions.

- Statistics. 15% of people are disabled, Internet is also for them.

- Some tips:

1 - Keep the website simple
2 - Scale responsive design to achieve accessibility 
3 - Use semantic tags while programming
4 - Use of stylesheets
5 - Use of section markup (header, body, footer... all semantically organised)
6 - Hovering, over effects for those people who use only keyboards
7 - Put the alerts in an invalid form below not above the element
8 - Play with pixels size for those using only mouse
9 - Color is not only the way to differentiate information
10 - Write accessible content (sentence - header, paragraphs - body...)

Conclusion: Accessibility happens when people don't need to think. Accessibility allows your platform to get more users (don't forget the 15%!)

Example of good accessible website -> Dropbox


1 - Are carrousels accessible enough? 
2 - Do all websites look like the same? Is this okay?
3 - When translating websites, how do we deal with components getting too big because of the longer content in another language?