Deceptive Patterns and FAST

A presentation at HalfStack Phoenix in February 2023 in Phoenix, AZ, USA by Todd Libby

Slide 1

Slide 1

Deceptive Patterns and FAST Framework for Accessible Speci cations of Technologies HalfStack Phoenix fi Todd Libby - 3 February, 2023

Slide 2

Slide 2

Todd Libby - 3 February, 2023 HalfStack Phoenix

Slide 3

Slide 3

Todd Libby • • • • • • Senior Accessibility Engineer W3C Invited Expert Accessibility Advocate Portland, Maine 🦞 Phoenix, Arizona 🌵 24 years professionally Todd Libby - 3 February, 2023 HalfStack Phoenix

Slide 4

Slide 4

What is FAST? Todd Libby - 3 February, 2023 HalfStack Phoenix

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. fi HalfStack Phoenix fi Todd Libby - 3 February, 2023

Slide 6

Slide 6

FAST was originally designed for internal accessibility spec review at the W3C. Todd Libby - 3 February, 2023 HalfStack Phoenix

Slide 7

Slide 7

Goals of FAST Todd Libby - 3 February, 2023 HalfStack Phoenix

Slide 8

Slide 8

Fill gaps in authoring tools where there are varying levels of accessibility. Todd Libby - 3 February, 2023 HalfStack Phoenix

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 HalfStack Phoenix fi fi Todd Libby - 3 February, 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. HalfStack Phoenix fi fi Todd Libby - 3 February, 2023

Slide 11

Slide 11

User & Functional Needs Todd Libby - 3 February, 2023 HalfStack Phoenix

Slide 12

Slide 12

3 Stages of FAST Todd Libby - 3 February, 2023 HalfStack Phoenix

Slide 13

Slide 13

FAST Approach Three stages • Inventory functional and user needs; • Identify ways to meet needs; • Develop technology guidelines. Todd Libby - 3 February, 2023 HalfStack Phoenix

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 - 3 February, 2023 HalfStack Phoenix

Slide 15

Slide 15

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. fi HalfStack Phoenix fi Todd Libby - 3 February, 2023

Slide 16

Slide 16

“Dark” Patterns Todd Libby - 3 February, 2023 HalfStack Phoenix

Slide 17

Slide 17

“Dark” Patterns Todd Libby - 3 February, 2023 HalfStack Phoenix

Slide 18

Slide 18

Connotation and Inclusion Todd Libby - 3 February, 2023 HalfStack Phoenix

Slide 19

Slide 19

Black/Dark - Evil, disgrace, vile, immoral White/Light - Purity, good, innocence, cleanliness Todd Libby - 3 February, 2023 HalfStack Phoenix

Slide 20

Slide 20

Deceptive Patterns or Anti-patterns Todd Libby - 3 February, 2023 HalfStack Phoenix

Slide 21

Slide 21

“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 - 3 February, 2023 HalfStack Phoenix

Slide 22

Slide 22

“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 - 3 February, 2023 HalfStack Phoenix

Slide 23

Slide 23

Deceptive Pattern: Deliberate. With intent Anti-pattern: No intent but harmful/bad UX Todd Libby - 3 February, 2023 HalfStack Phoenix

Slide 24

Slide 24

Solving User Needs Todd Libby - 3 February, 2023 HalfStack Phoenix

Slide 25

Slide 25

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 - 3 February, 2023 HalfStack Phoenix

Slide 26

Slide 26

Barriers & Categories Todd Libby - 3 February, 2023 HalfStack Phoenix

Slide 27

Slide 27

Deceptive Patterns Categories of barriers • Wording • Consistency (A ordances) • Adjustability / ow blockers • (Time) Pressure • Invasive ff fl Todd Libby - 19 January, 2023 CodeMash 2023

Slide 28

Slide 28

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 - 3 February, 2023 HalfStack Phoenix

Slide 29

Slide 29

Unsubscribing Anti-pattern • Confusion? • Intent / No Intent? • Deceitful? • Accessibility? Todd Libby - 3 February, 2023 HalfStack Phoenix

Slide 30

Slide 30

Preferences Deceptive Pattern • Confusion? • Intent / No Intent? • Deceitful? Todd Libby - 3 February, 2023 HalfStack Phoenix

Slide 31

Slide 31

Preferences Anti-pattern • Confusion? • Intent / No Intent? • Deceitful? • Accessibility? Todd Libby - 3 February, 2023 HalfStack Phoenix

Slide 32

Slide 32

Preferences Anti-pattern • Confusion? • Intent / No Intent? • Deceitful? • Accessibility? Todd Libby - 3 February, 2023 HalfStack Phoenix

Slide 33

Slide 33

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 - 3 February, 2023 HalfStack Phoenix

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 - 3 February, 2023 HalfStack Phoenix

Slide 36

Slide 36

People can use without physical harm or risk (to self or others within a physical environment). Todd Libby - 3 February, 2023 HalfStack Phoenix

Slide 37

Slide 37

Ways to Meet User Needs Todd Libby - 3 February, 2023 HalfStack Phoenix

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 - 3 February, 2023 HalfStack Phoenix

Slide 39

Slide 39

User needs need to be analyzed for how they can be met. Todd Libby - 3 February, 2023 HalfStack Phoenix

Slide 40

Slide 40

But… Todd Libby - 3 February, 2023 HalfStack Phoenix

Slide 41

Slide 41

What about large companies like Meta, Twitter, Google, etc.? How will you get them to change? Todd Libby - 3 February, 2023 HalfStack Phoenix

Slide 42

Slide 42

Ethical Web Principles Todd Libby - 3 February, 2023 HalfStack Phoenix

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 - 3 February, 2023 HalfStack Phoenix

Slide 44

Slide 44

Acknowledgments Todd Libby - 3 February, 2023 HalfStack Phoenix

Slide 45

Slide 45

• Jake Abma (Invited Expert) • Joshue O Connor (Invited Expert) • Michael Cooper (W3C/MIT) • Charles Hall (Invited Expert) Todd Libby - 3 February, 2023 HalfStack Phoenix

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 - 3 February, 2023 HalfStack Phoenix

Slide 47

Slide 47

Twitter: @toddlibby Mastodon: a11y.info/@todd LinkedIn: linkedin.com/in/todd-libby Website: https://toddl.dev Todd Libby - 3 February, 2023 HalfStack Phoenix

Slide 48

Slide 48

Thank you! Todd Libby - 3 February, 2023 HalfStack Phoenix