UX Patterns for Accessibility & Personalization
Because great products should fit for every person. Good interfaces allows people adjust the experience for different physical or cognitive requirements .
389. Text Edit Inline Input
389. Text Edit Inline Input
388. Multiple Item Selection Drag & Drop
388. Multiple Item Selection Drag & Drop
379. Dropdown Filters
379. Dropdown Filters
362. Modal Blackout with Form & Animations
362. Modal Blackout with Form & Animations
349. HubSpot - Toggle High Contrast
349. HubSpot - Toggle High Contrast
359. Toggle List/Grid View
359. Toggle List/Grid View
347. YouTube - Floating Progress Bar
347. YouTube - Floating Progress Bar
342. Savee - Light/Dark Mode Switcher
342. Savee - Light/Dark Mode Switcher
340. Asana - Zoom/Magnifier Over Image
340. Asana - Zoom/Magnifier Over Image
341. Savee - Image Grid Customization
341. Savee - Image Grid Customization
345. Vertical Accordion for FAQs
345. Vertical Accordion for FAQs
343. Modal Drag & Drop to Fixed Position
343. Modal Drag & Drop to Fixed Position
332. Apple - Drag&Drop Browser File to Desktop
332. Apple - Drag&Drop Browser File to Desktop
330. PositivePsychology - Article User Feedback
330. PositivePsychology - Article User Feedback
325. Apple - Drag & Drop Slots
325. Apple - Drag & Drop Slots
315. Signal - PIN Reminder
315. Signal - PIN Reminder
312. Pocket - View Switcher
312. Pocket - View Switcher
306. Drag & Drop for Reordering Items
306. Drag & Drop for Reordering Items
302. Theme Switcher in Side-drawer
302. Theme Switcher in Side-drawer
288. Vimeo - Topbar Language Switching
288. Vimeo - Topbar Language Switching
282. Telegram - Chat Setup Wizard
282. Telegram - Chat Setup Wizard
280. Slack - Workspace Creation Wizard
280. Slack - Workspace Creation Wizard
277. Horizontal Card Slider with Actions
277. Horizontal Card Slider with Actions
245. Squarespace - Adaptable Viewport Size
245. Squarespace - Adaptable Viewport Size
256. Modal Blackout with Steps & Forms
256. Modal Blackout with Steps & Forms
243. GIPHY - Trim Video Slicers
243. GIPHY - Trim Video Slicers
253. Youtube - Table Row Selector
253. Youtube - Table Row Selector
228. Notification Bell Status
228. Notification Bell Status
236. Horizontal Graph with Time Ranges
236. Horizontal Graph with Time Ranges
226. Youtube Studio - Image Multi-zone Crop
226. Youtube Studio - Image Multi-zone Crop
225. Cloudflare - Multiple Graphs by Time Ranges
225. Cloudflare - Multiple Graphs by Time Ranges
222. Cloudflare - Toggle Light/Dark Theme
222. Cloudflare - Toggle Light/Dark Theme
220. Apple - Multi-window App
220. Apple - Multi-window App
218. Apple Keynote - Template Format Selection
218. Apple Keynote - Template Format Selection
214. Netflix - Information Toggle
214. Netflix - Information Toggle
183. Apple MacOS - Full Screen Widget Customization
183. Apple MacOS - Full Screen Widget Customization
91. Settings for Account Privacy
91. Settings for Account Privacy
138. Read Modes
138. Read Modes
134. Save for Reading Later
134. Save for Reading Later
54. Apple Safari - Browser Reader Mode
54. Apple Safari - Browser Reader Mode
7. sitepoint - Accessibility Adjustments
7. sitepoint - Accessibility Adjustments
157. Webflow - Magnifying Glass on Images
157. Webflow - Magnifying Glass on Images
11. Apple MacOS - Split OS Screens
11. Apple MacOS - Split OS Screens
167. Apple MacOS - 2-pane Widget Customization
167. Apple MacOS - 2-pane Widget Customization
29. About.me - Wizard Generation Profile
29. About.me - Wizard Generation Profile
182. Static Tooltip for Text Formatting
182. Static Tooltip for Text Formatting
186. Apple Safari - Browser Background Customization
186. Apple Safari - Browser Background Customization
129. PDF Show & Download
129. PDF Show & Download
176. Wordpress.com - Natural Inputs with Suggestions
176. Wordpress.com - Natural Inputs with Suggestions
202. Apple Reminders - List Widget Customization
202. Apple Reminders - List Widget Customization
86. Table Column Slicer
86. Table Column Slicer
54. Modal for Language & Region Picker
54. Modal for Language & Region Picker
24. Window Maximize Options
24. Window Maximize Options
21. Apple MacOS - Advanced Color Picking
21. Apple MacOS - Advanced Color Picking
188. Trello - Color shapes for Colour-blind
188. Trello - Color shapes for Colour-blind
160. Pocket - Content Highlighting
160. Pocket - Content Highlighting