Deceptive Patterns and FAST

A presentation at Orlando Code Camp in March 2023 in Sanford, FL, USA by Todd Libby

Slide 1

Slide 1

Deceptive Patterns and FAST Framework for Accessible Speci cations of Technologies Todd Libby - 25 March, 2023 fi Orlando Code Camp

Slide 2

Slide 2

Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 3

Slide 3

Todd Libby • • • • Senior Accessibility Engineer W3C Invited Expert Accessibility Advocate Phoenix, Arizona 🌵 Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 4

Slide 4

What is FAST? Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 5

Slide 5

The Framework for Accessible Speci cation of Technologies (FAST) advises creators of technical speci cations how to ensure their technology meets the needs of people with disabilities. Todd Libby - 25 March, 2023 fi fi Orlando Code Camp

Slide 6

Slide 6

FAST was originally designed for internal accessibility spec review at the W3C. Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 7

Slide 7

Goals of FAST Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 8

Slide 8

Fill gaps in authoring tools where there are varying levels of accessibility. Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 9

Slide 9

Framework for Accessible Speci cation of Technologies (FAST) aims to ll this gap. It is intended to be a single, optional, wellconsidered set of guidelines addressing speci cally the features technologies need to provide to support accessible. fi Orlando Code Camp fi fi Todd Libby - 25 March, 2023

Slide 10

Slide 10

Framework for Accessible Speci cation of Technologies (FAST) is intended to be a potential source of guidelines addressing speci cally the features technologies need to provide to support accessible. Orlando Code Camp fi fi Todd Libby - 25 March, 2023

Slide 11

Slide 11

User & Functional Needs Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 12

Slide 12

3 Stages of FAST Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 13

Slide 13

FAST Approach Three stages • Inventory functional and user needs; • Identify ways to meet needs; • Develop technology guidelines to meet those needs as best as we can. Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 14

Slide 14

User need: A high-level accessibility characteristic of content and/or a user interface that is necessary for users to complete an objective. Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 15

Slide 15

Along with POUR (Perceivable, Operable, Understandabale, Robust) we have added Personalization and Deceptive Patterns with over 1,500 intersections of user and functional needs. Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 16

Slide 16

Functional need: A statement that describes a speci c gap in one’s ability, or a speci c mismatch between ability and the designed environment or context. Todd Libby - 25 March, 2023 fi fi Orlando Code Camp

Slide 17

Slide 17

“Dark” Patterns Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 18

Slide 18

“Dark” Patterns Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 19

Slide 19

Connotation and Inclusion Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 20

Slide 20

Black/Dark - Evil, disgrace, vile, immoral White/Light - Purity, good, innocence, cleanliness Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 21

Slide 21

Deceptive Patterns or Anti-patterns Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 22

Slide 22

“A deceptive pattern is a deliberate anti-pattern designed to confuse or deceive a user. There is a difference between poor design and unintentional blockers for users.” Functional Needs Subgroup Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 23

Slide 23

“A deceptive pattern is where there is a deliberate attempt to aim or force a user down a particular path or to trap attention in a way that redirects or focuses on a goal, that the user either doesn’t want or need or maybe harmful to them.” Functional Needs Subgroup Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 24

Slide 24

Deceptive Pattern: Deliberate. With intent Anti-pattern: No intent but harmful/bad UX Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 25

Slide 25

Solving User Needs Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 26

Slide 26

Makes Web pages more accessible and usable, less harmful to people with disabilities and neurodivergent users, and creates friendlier and safer user experiences for everyone. Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 27

Slide 27

Barriers & Categories Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 28

Slide 28

Deceptive Patterns Categories of barriers • Wording • Consistency (A ordances) • Adjustability / ow blockers • (Time) Pressure • Invasive ff fl Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 29

Slide 29

Deceptive Patterns Examples of patterns/anti-patterns • Trick questions; • In nite scroll; • Copy and paste is disabled; • Timers; • Asking the user to enable features (microphone, camera, etc.). fi Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 30

Slide 30

Unsubscribe Shaming Anti-pattern Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 31

Slide 31

Preferences Deceptive Pattern Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 32

Slide 32

Signup Questions Anti-pattern Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 33

Slide 33

Email Subscriptions Deceptive Pattern Todd Libby - 3 February, 2023 HalfStack Phoenix

Slide 34

Slide 34

Any current gap in the WCAG guidelines we want to address through FAST and Deceptive Patterns. Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 35

Slide 35

The most important part about bringing Deceptive Patterns to WAI / WCAG 3 is to reduce harm to those who are affected. Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 36

Slide 36

People can use without physical harm or risk (to self or others within a physical environment). Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 37

Slide 37

Ways to Meet User Needs Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 38

Slide 38

How to meet user needs: • • Author design & technical implementation • Assistive technology support (including accessibility API mediation) User agent accessibility support of standard & authorimplemented features Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 39

Slide 39

User needs need to be analyzed for how they can be met. Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 40

Slide 40

But… Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 41

Slide 41

What about large companies like Meta, Twitter, Google, etc.? How will you get them to change? Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 42

Slide 42

Ethical Web Principles Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 43

Slide 43

• W3C TAG Ethical Web Principles • The web should be a platform that helps people and provides a positive social bene t • Ethical Principles for Web Machine Learning • This document discusses ethical issues associates with using Machine Learning and outlines considerations for web technologies that enable related use cases fi Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 44

Slide 44

Acknowledgments Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 45

Slide 45

• Jake Abma (Invited Expert) • Joshue O Connor (Invited Expert) • Michael Cooper (W3C/MIT) • Charles Hall (Invited Expert) Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 46

Slide 46

https://toddl.dev/slides https://raw.githack.com/w3c/fast/restructurefunctional-and-user-needs/index.html https://www.w3.org/TR/ethical-web-principles/ https://www.w3.org/TR/webmachinelearning-ethics/ Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 47

Slide 47

Twitter: @toddlibby Mastodon: a11y.info/@todd LinkedIn: linkedin.com/in/todd-libby Website: https://toddl.dev Todd Libby - 25 March, 2023 Orlando Code Camp

Slide 48

Slide 48

Thank you! Todd Libby - 25 March, 2023 Orlando Code Camp