Drilldown: referencecollection

General (11)

0.000 (11) · 140.000 (1) · 177.000 (1) · 2.000 (1) · 22.000 (1) · 229.000 (1) · 234.000 (1) · 256.000 (1) · 276.000 (1) · 298.000 (1) · 300.000 (1) · 310.000 (2) · 314.238 (1) · 320.000 (1) · 340.000 (1) · 350.000 (1) · 4.000 (1) · 41.000 (1) · 7.000 (1) · 75.000 (1)

Understanding Web Content Accessibility Guidelines (WCAG) 2.1 (6) · Deque University - Accessibility Basic Concepts (4) · Web Content Accessibility Guidelines (2) · Steven Lambert - Smashing Magazine (2)

Other values: ; 3WC - Web Accessibility Initiative 3WC - Web Accessibility Initiative - Accessibility Fundamentals A Quick Guide to Designing UX Sounds Accommodating Memory Deficits Allowing users to complete an activity without any time limit Andreas Hecht - Noupe Annoying or Inspiring? Sound in Modern Webdesign (Best Practice) Audio and the User Experience Audio Content and Learning: Overview of adaptation possibilities and case study Audio Games Audio-only (Live) Auditory Disabilities Authentication and Safety Being smart with sound Change the Color of Visited Links Cognitive Disabilities - Design Considerations Color Blindness Eileen Webb - OpenNews: Source Ensure Processes Do Not Rely on Memory Ensure that interactive elements are easy to identify FLOE - The Inclusive Learning Handbook Games for people with visual impairment Guideline 1.2: Time-based Media Henry Daw - Awwwards https://dequeuniversity.com/class/archive/basic-concepts1/types-of-disabilities/auditory-disabilities https://dequeuniversity.com/class/archive/basic-concepts1/types-of-disabilities/color-blindness https://dequeuniversity.com/class/archive/basic-concepts1/types-of-disabilities/motor-disabilities https://dequeuniversity.com/class/archive/basic-concepts1/types-of-disabilities/seizure-disorders https://designingsound.org/2016/08/19/visual-disabilities-and-sound-in-media-how-sonic-technologies-can-improve-everyones-life/ https://handbook.floeproject.org/audiocontentandlearning https://handbook.floeproject.org/videocontentandlearning#SubtitlesClosedCaptionsAndTranscripts https://rawgit.com/w3c/coga/master/issue-papers/personalization-preferences.html https://source.opennews.org/articles/motion-sick/ https://w3c.github.io/coga/gap-analysis/#table1 https://w3c.github.io/personalization-semantics/ https://wearecolorblind.com/resources/collection/resources-for-designing-for-the-colorblind/ https://webaim.org/articles/cognitive/design#memory https://www.audiogames.net/ https://www.awwwards.com/being-smart-with-sound.html https://www.liquidlight.co.uk/blog/sound-on-the-web-the-invisible-other-half/ https://www.nngroup.com/articles/change-the-color-of-visited-links/ https://www.nngroup.com/articles/short-term-memory-and-web-usability/ https://www.noupe.com/design/annoying-or-inspiring-sound-in-modern-webdesign-best-practice-94856.html https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-animation-effects https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-controls https://www.toptal.com/designers/ux/ux-sounds-guide https://www.uxmatters.com/mt/archives/2007/06/audio-and-the-user-experience.php https://www.w3.org/TR/2020/WD-personalization-semantics-requirements-1.0-20201028/ https://www.w3.org/TR/coga-usable/#objective-6-ensure-processes-do-not-rely-on-memory https://www.w3.org/TR/WCAG21/#time-based-media https://www.w3.org/WAI/fundamentals/accessibility-principles/#navigable https://www.w3.org/WAI/people-use-web/tools-techniques/#perception https://www.w3.org/WAI/personalization/ https://www.w3.org/WAI/tips/designing/#ensure-that-interactive-elements-are-easy-to-identify https://www.w3.org/WAI/tutorials/menus/ https://www.w3.org/WAI/WCAG21/Techniques/general/G5.html https://www.w3.org/WAI/WCAG21/Understanding/audio-only-live.html https://www.w3.org/WAI/WCAG21/Understanding/identify-purpose.html https://www.w3.org/WAI/WCAG21/Understanding/multiple-ways https://www.w3.org/WAI/WCAG21/Understanding/no-timing.html https://www.w3.org/WAI/WCAG21/Understanding/seizures-and-physical-reactions https://www.w3.org/WAI/WCAG21/Understanding/unusual-words.html https://www.w3.org/WAI/WCAG21/Understanding/use-of-color.html https://www.webdesignerdepot.com/2017/12/the-ux-of-sound-designing-audio-experiences/ Identify Purpose Introduction to Perception - hearing, feeling, and seeing Jakob Nielsen - Nielsen Norman Group Jonathan Follett - UXmatters Lens of Animation and Effects Lens of Controls Leo Foureaux - Toptal Menu Concepts Motor Disabilities Multiple Ways Nick Babich - Webdesigner Depot No Timing Personalization and User Preferences Personalization Overview Personalization Semantics Explainer 1.0 Requirements for Personalization Semantics Resources for Designing for the Colorblind Seizure Disorders Seizures and Physical Reactions Short-Term Memory and Web Usability Simon Mills - Liquid Light Sound on the Web - the invisible other half Standards/Guidelines - 3WC - Web Accessibility Initiative Subtitles, Closed Captions And Transcripts Techniques for the Web Content Accessibility Guidelines (WCAG) 2.1 The UX of Sound: Designing Audio Experiences Tips for Getting Started - 3WC Web Accessibility Initiative Unusual Words Use of Color Users can easily navigate, find content, and determine where they are Visual disabilities and sound in media: How sonic technologies can improve everyone’s life W3C - Cognitive Accessibility Issue Papers W3C - Cognitive Accessibility Roadmap and Gap Analysis W3C - Making content usable for people with cognitive and learning disabilities W3C - Technical reports W3C - Web Accessibility Tutorials We Are Colorblind Wilfried Nass - Designing Sound Your Interactive Makes Me Sick

Adjust Content Reproduction (1) · Color Scheme (1) · Controllable Time Events (1) · Define Abbreviations (1) · Explain Difficult Words (1) · Flashing Threshold (1) · Keyboard_Access (1) · Layout (1) · Predicatable (1) · Subtitles (1) · Target (1)

0.000 (11) · 13.000 (1) · 140.000 (1) · 16.000 (1) · 177.000 (1) · 2.000 (1) · 229.000 (1) · 236.387 (1) · 256.000 (1) · 276.000 (1) · 28.000 (1) · 304.000 (1) · 306.000 (1) · 314.238 (1) · 320.000 (1) · 328.000 (2) · 351.000 (1) · 356.000 (1) · 54.000 (1) · 6.000 (1) · 7.000 (1) · 75.000 (1)

Understanding Web Content Accessibility Guidelines (WCAG) 2.1 (5) · Steven Lambert - Smashing Magazine (3) · Techniques for the Web Content Accessibility Guidelines (WCAG) 2.1 (2)

Other values: ; 3WC - Web Accessibility Initiative A project to help personalisation for any use - including people with learning and memory issues Abbreviations Accessibility Developer Guide Accessible tap targets Allowing the content to be paused and restarted from where it was paused Article: I Used The Web For A Day With Just A Keyboard Captioning: Basics and Options Updated for 2020 (3Play, Media Rev.com and YouTube) Captions for Live Events Captions/Subtitles Carousel Concepts Character Key Shortcuts Chris Ashton - Smashing Magazine Coga.personalisation Color Oracle Color palettes suitable for color blindness Colorblindly Dave Gash, Meggin Kearney, Rachel Andrew, Rob Dodson - Google Developers Ensure that all interactive elements are keyboard accessible Ensuring that no component of the content flashes more than three times in any 1-second period First Discovery Florens Verschelde Fluid: Infusion Focus Visible Free color blindness simulator How Automated Captioning Saved TEDxSeattle for This Fan How to browse websites using a keyboard only How to create SRT (SubRip Text) files (common caption/subtitle format) How to Use Color Blind Friendly Palettes to Make Your Charts Accessible https://build-firstdiscovery.fluidproject.org/demos/ https://chrome.google.com/webstore/detail/colorblindly/floniaahmccleoclneebhhmnjgdfijgg https://colororacle.org https://developers.google.com/web/fundamentals/accessibility/focus https://fluidproject.org/infusion.html https://fvsch.com/styling-buttons https://github.com/ayelet-seeman/coga.personalisation https://jointhehumanproject.org.za/the-submachine https://lehmannmax.de/wiki/index.php?title=Special:WikiForum/References https://mismatch.design/stories/2018/12/14/how-automated-captioning-saved-tedxseattle-for-this-fan/ https://usability.yale.edu/web-accessibility/articles/captions-live-events https://venngage.com/blog/color-blind-friendly-palette/ https://web.dev/accessible-tap-targets/ https://web.dev/keyboard-access/ https://web.dev/style-focus/ https://web.dev/use-semantic-html/ https://www.accessibility-developer-guide.com/knowledge/keyboard-only/browsing-websites/ https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-keyboard https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-layout https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-time https://www.smashingmagazine.com/2018/07/web-with-just-a-keyboard/ https://www.speechpad.com/captions/srt https://www.w3.org/TR/UNDERSTANDING-WCAG20/keyboard-operation.html https://www.w3.org/WAI/media/av/captions https://www.w3.org/WAI/perspective-videos/controls/ https://www.w3.org/WAI/tips/designing/#provide-easily-identifiable-feedback https://www.w3.org/WAI/tips/developing/#ensure-that-all-interactive-elements-are-keyboard-accessible https://www.w3.org/WAI/tutorials/carousels/ https://www.w3.org/WAI/WCAG21/Techniques/general/G101 https://www.w3.org/WAI/WCAG21/Techniques/general/G112 https://www.w3.org/WAI/WCAG21/Techniques/general/G133.html https://www.w3.org/WAI/WCAG21/Techniques/general/G15.html https://www.w3.org/WAI/WCAG21/Techniques/general/G176.html https://www.w3.org/WAI/WCAG21/Techniques/general/G19.html https://www.w3.org/WAI/WCAG21/Techniques/general/G198.html https://www.w3.org/WAI/WCAG21/Techniques/general/G4.html https://www.w3.org/WAI/WCAG21/Techniques/general/G55 https://www.w3.org/WAI/WCAG21/Understanding/abbreviations.html https://www.w3.org/WAI/WCAG21/Understanding/character-key-shortcuts.html https://www.w3.org/WAI/WCAG21/Understanding/focus-visible.html https://www.w3.org/WAI/WCAG21/Understanding/keyboard.html https://www.w3.org/WAI/WCAG21/Understanding/link-purpose-in-context.html https://www.w3.org/WAI/WCAG21/Understanding/target-size.html https://www.w3.org/WAI/WCAG21/Understanding/three-flashes-or-below-threshold.html https://www.w3.org/WAI/WCAG21/Understanding/three-flashes.html https://www.w3.org/WAI/WCAG21/Understanding/timing-adjustable.html https://www.youtube.com/watch?v=A4W_cIafIos If you want to contribute, click here to go to the forum Infusion is a code framework for building personalizable and adaptive applications Introduction to Focus It seems that there is no information on this topic yet Keeping the flashing area small enough Keyboard Keyboard access fundamentals Keyboard Accessible Large Links, Buttons, and Controls Lens Of Keyboard Lens Of Layout Lens Of Time Lets users discover, declare and store digital preferences Link Purpose Linking to definitions Live Captions Making Audio and Video Media Accessible Meggin Kearney, Dave Gash, Rob Dodson - Google Developers Professional subtitle services by persons with disabilities Provide easily identifiable feedback Providing a checkbox on the first page of a multipart form that allows users to ask for longer session time limit or no session time limit Providing a way for the user to turn the time limit off Providing the definition of a word or phrase used in an unusual or restricted way Rob Dodson - Google Developers Simulates colorblindness in your web browser Speechpad Style focus Styling Buttons, The Right Way Swetha Machanavajhala - Mismatch Target Size Techniques for the Web Content Accessibility Guidelines (WCAG) 2.2 The Submachine Three Flashes Three Flashes or Below Threshold Timing Adjustable Tips for Getting Started - 3WC Web Accessibility Initiative Use semantic HTML for easy keyboard wins Using a tool to ensure that content does not violate the general flash threshold or red flash threshold Using inline definitions W3C - Web Accessibility Tutorials Yale ITS - YouTube

Adjust Content Complexity (1) · Alerting Time Events (1) · Animations (1) · Controllable (1) · Flow (1) · Information in color (1) · Pointer (1) · Prevent Difficult Words (1) · Prevent Forgetting (1) · Sign Language (1) · Structure (1)

0.000 · None · 2.000 · 314.238 · 66.000 · 43.000 · 42.000 · 40.000 · 38.000 · 358.000 · 348.000 · 341.000 · 340.000 · 334.000 · 320.000 · 310.000 · 312.000 · 28.000 · 276.000 · 256.000 · 236.387 · 229.000 · 22.000 · 205.000 · 18.000 · 177.000 · 140.000 · 13.000 · 75.000 · Other

Understanding Web Content Accessibility Guidelines (WCAG) 2.1 (6) · 3WC - Web Accessibility Initiative (3) · Steven Lambert - Smashing Magazine (2)

Other values: ; Animation from Interactions Best practice: Users can choose Simple Language (German only) as an alternative to German or English Bureau Of Internet Accessibility Bypass Blocks Color and contrast accessibility: Don't convey information with color alone Content On Hover Or Focus Content reordering Control focus with tabindex Dave Gash, Meggin Kearney, Rachel Andrew, Rob Dodson - Google Developers Ditch the Fancy Vocabulary for Accessible Language Don’t use color alone to convey information Examples of designs that work well or don't work for colorblind people Focus Order http://www.plainenglish.co.uk/the-a-z-of-alternative-words.html https://developers.google.com/web/fundamentals/accessibility/semantics-builtin/navigating-content https://riccardoscalco.it/textures/ https://wearecolorblind.com/examples/ https://web.dev/color-and-contrast-accessibility/#don't-convey-information-with-color-alone https://web.dev/content-reordering/ https://web.dev/control-focus-with-tabindex/ https://www.boia.org/blog/ditch-the-fancy-vocabulary-for-accessible-language https://www.inkl-design.de/en/ https://www.plainlanguage.gov/guidelines/words/use-simple-words-phrases/ https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-color https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-structure https://www.w3.org/WAI/media/av/sign-languages https://www.w3.org/WAI/tips/designing/#dont-use-color-alone-to-convey-information https://www.w3.org/WAI/tips/designing/#provide-controls-for-content-that-starts-automatically https://www.w3.org/WAI/tips/developing/#reflect-the-reading-order-in-the-code-order https://www.w3.org/WAI/tips/writing/#provide-informative-unique-page-titles https://www.w3.org/WAI/tutorials/page-structure/ https://www.w3.org/WAI/WCAG21/Techniques/css/C6 https://www.w3.org/WAI/WCAG21/Techniques/general/G105.html https://www.w3.org/WAI/WCAG21/Techniques/general/G57 https://www.w3.org/WAI/WCAG21/Understanding/animation-from-interactions.html https://www.w3.org/WAI/WCAG21/Understanding/audio-control.html https://www.w3.org/WAI/WCAG21/Understanding/bypass-blocks.html https://www.w3.org/WAI/WCAG21/Understanding/content-on-hover-or-focus.html https://www.w3.org/WAI/WCAG21/Understanding/focus-order.html https://www.w3.org/WAI/WCAG21/Understanding/link-purpose-in-context https://www.w3.org/WAI/WCAG21/Understanding/link-purpose-link-only https://www.w3.org/WAI/WCAG21/Understanding/location.html https://www.w3.org/WAI/WCAG21/Understanding/meaningful-sequence.html https://www.w3.org/WAI/WCAG21/Understanding/no-keyboard-trap.html https://www.w3.org/WAI/WCAG21/Understanding/pointer-gestures.html https://www.w3.org/WAI/WCAG21/Understanding/re-authenticating.html https://www.w3.org/WAI/WCAG21/Understanding/reflow.html https://www.w3.org/WAI/WCAG21/Understanding/timeouts.html Inkl. Design Lens of Color Lens Of Structure Link Purpose (In Context) Link Purpose (Link Only) Location Meaningful Sequence Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers No Keyboard Trap Ordering the content in a meaningful sequence Page Structure Concepts Plain English Campaign Plain Language Action and Information Network Pointer Gestures Positioning content based on structural markup Provide controls for content that starts automatically Provide informative, unique page titles Rachel Andrew - Google Developers Re-authenticating Reflect the reading order in the code order Reflow Rob Dodson - Google Developers Saving data so that it can be used after a user re-authenticates Semantics and Navigating Content Success Criterion 1.4.2 Audio Control SVG patterns for Data Visualization Techniques for the Web Content Accessibility Guidelines (WCAG) 2.1 Techniques for the Web Content Accessibility Guidelines (WCAG) 2.2 Textures.js The A - Z of alternative words Timeouts Tips for Getting Started - 3WC - Web Accessibility Initiative Tips for Getting Started - 3WC Web Accessibility Initiative Understand and create sign language interpretation for audio and video Understanding the Web Content Accessibility Guidelines (WCAG) 2.1 Use simple words and phrases W3C - Web Accessibility Tutorials We Are Colorblind

None (11)

None · 0.000 · 205.000 · 354.000 · 42.000 · 43.000 · 56.000 · 58.000 · Other

None (11)

None (11)

None (11)

None (11)

None (7) · Contrast_References (1) · Distraction_References (1) · Predictability_References (1) · Presumed_recollection_References (1)

Adjustability (1) · Auditory content reproduction (1) · Color (1) · Difficult words (1) · Flashing (1) · Input modalities (1) · Navigation (1) · Orientation (1) · Presumed recollection (1) · Sound design music (1) · Time events (1)

None (11)