Drilldown: referencecollection

General (22)

0.000 (22) · 10.000 (2) · 100.000 (1) · 105.000 (1) · 117.000 (1) · 140.000 (1) · 145.000 (1) · 151.000 (1) · 177.000 (1) · 184.000 (1) · 2.000 (1) · 22.000 (1) · 229.000 (1) · 23.000 (1) · 234.000 (1) · 256.000 (1) · 257.000 (1) · 276.000 (1) · 285.000 (1) · 298.000 (1) · 300.000 (2) · 306.000 (1) · 310.000 (2) · 314.238 (1) · 316.000 (2) · 320.000 (1) · 324.000 (1) · 333.000 (1) · 340.000 (1) · 350.000 (2) · 4.000 (1) · 41.000 (2) · 42.000 (1) · 7.000 (1) · 75.000 (1) · 76.500 (1)

Understanding Web Content Accessibility Guidelines (WCAG) 2.1 (12) · Deque University - Accessibility Basic Concepts (5) · Steven Lambert - Smashing Magazine (4) · Tips for Getting Started - 3WC Web Accessibility Initiative (3) · Leserlich - German Federation of the Blind and Partially Sighted (2) · Techniques for the Web Content Accessibility Guidelines (WCAG) 2.1 (2) · Tips for Getting Started - 3WC - Web Accessibility Initiative (2) · W3C - Cognitive Accessibility Issue Papers (2) · Web Content Accessibility Guidelines (2)

Other values: ; 3WC - Cognitive Accessibility Roadmap and Gap Analysis 3WC - Web Accessibility Initiative 3WC - Web Accessibility Initiative - Accessibility Fundamentals A macOS app for quick access to WCAG color contrast ratios A Quick Guide to Designing UX Sounds Accessibility and Usability at Pennsylvania State University Accessibility Developer Guide Accessible Authentication Accessible color palettes based on WCAG Guidelines of text and background contrast ratios Accessible Language - A Guide for Disability Etiquette 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) Article: Color and contrast accessibility Assesses if a website meets the WCAG 2.0 color contrast success criteria 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 Beautiful and free fonts for all languages Being smart with sound Center For Plain Language Change on Request Change the Color of Visited Links Checks and finds good contrast between two colors Cognitive Disabilities - Design Considerations College of Applied Health Sciences at the University of Illinois Color Blindness Color Contrast Accessibility Validator Color Safe Color Tool Colortester Colour contrast - why does it matter Contrast Contrast calculator: Calculating and testing easily accessible colour combinations Contrast minimum Contrast Ratio Contrast ratio calculator and checker Create, share, and apply color palettes and measure the accessibility level of any color combination Dave Gash, Meggin Kearney, Rachel Andrew, Rob Dodson - Google Developers Denise Erazmus - Promet Source Distractions Dyslexia/Reading Disabilities Eileen Webb - OpenNews: Source Ensure Processes Do Not Rely on Memory Ensure that interactive elements are easy to identify Entering Data, Error Prevention and Recovery Error Identification Error Suggestion Five Steps to Plain Language FLOE - The Inclusive Learning Handbook Font size calculator: Calculating and testing accessible font sizes Free color contrast analysis tools for web pages or color-pairs Free Multilingual Typefaces with a Commercial License Games for people with visual impairment Glyphs Google Noto Fonts GOV.UK - Accessibility in government Guide: Colours and contrast Guideline 1.2: Time-based Media Harvard University - Digital Accessibility Headings and labels Henry Daw - Awwwards How to Make a Superb Multilingual Website How to make better websites for people with dyslexia HTML Geolocation API http://colorsafe.co/ https://accessibility.blog.gov.uk/2016/06/17/colour-contrast-why-does-it-matter/ https://accessibility.huit.harvard.edu/use-plain-language https://accessibility.psu.edu/distraction/ https://addons.mozilla.org/en-US/firefox/addon/nocoffee/ https://alfasado.net/apps/colortester.html https://careerfoundry.com/en/blog/ux-design/beginners-guide-inclusive-design/#write-inclusive-copy https://centerforplainlanguage.org/ https://color.a11y.com/?boia https://constructive.co/insight/web-animation-delightful-or-distracting/ https://contrast-finder.tanaguru.com/ https://contrast-ratio.com https://dequeuniversity.com/class/archive/basic-concepts1/types-of-disabilities/auditory-disabilities https://dequeuniversity.com/class/archive/basic-concepts1/types-of-disabilities/cognitive-disabilities/dyslexia 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://developer.apple.com/design/human-interface-guidelines/glyphs/overview/ https://handbook.floeproject.org/audiocontentandlearning https://handbook.floeproject.org/videocontentandlearning#SubtitlesClosedCaptionsAndTranscripts https://hbr.org/2020/12/why-you-need-to-stop-using-these-words-and-phrases https://material.io/resources/color/ https://rawgit.com/w3c/coga/master/issue-papers/distractions.html https://rawgit.com/w3c/coga/master/issue-papers/personalization-preferences.html https://simple.wikipedia.org/wiki/Main_Page https://source.opennews.org/articles/motion-sick/ https://steelkiwi.com/blog/how-to-make-a-multilingual-website/ https://usecontrast.com/ 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://web.dev/color-and-contrast-accessibility/ https://webaim.org/articles/cognitive/design#memory https://www.accessibility-developer-guide.com/knowledge/colours-and-contrast/ https://www.audiogames.net/ https://www.awwwards.com/being-smart-with-sound.html https://www.breadcrumbdigital.com.au/multi-step-form-design-part-3-validation-error-messages-and-contextual-help/ https://www.disability.illinois.edu/academic-support/instructor-information/accessible-language-guide-disability-etiquette https://www.google.com/get/noto/ https://www.invisionapp.com/inside-design/writing-accessible-microcopy https://www.leserlich.info/werkzeuge/kontrastrechner/index-en.php https://www.leserlich.info/werkzeuge/schriftgroessenrechner/index-en.php 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.pixelsurplus.com/blog/free-multilingual-typefaces-with-a-commercial-license https://www.prometsource.com/blog/accessibility-language 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.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-font https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-material-honesty https://www.toptal.com/designers/ux/ux-sounds-guide https://www.userzoom.com/ux-library/five-ways-to-make-usable-websites-for-people-with-dyslexia/ 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-gap-analysis/#table3 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/tips/designing/#provide-sufficient-contrast-between-foreground-and-background https://www.w3.org/WAI/tips/writing/#keep-content-clear-and-concise https://www.w3.org/WAI/tips/writing/#provide-clear-instructions https://www.w3.org/WAI/tips/writing/#use-headings-to-convey-meaning-and-structure https://www.w3.org/WAI/tutorials/menus/ https://www.w3.org/WAI/WCAG21/Techniques/general/G5.html https://www.w3.org/WAI/WCAG21/Techniques/general/G75.html https://www.w3.org/WAI/WCAG21/Techniques/general/G76.html https://www.w3.org/WAI/WCAG21/Understanding/accessible-authentication https://www.w3.org/WAI/WCAG21/Understanding/audio-only-live.html https://www.w3.org/WAI/WCAG21/Understanding/change-on-request.html https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html https://www.w3.org/WAI/WCAG21/Understanding/error-identification.html https://www.w3.org/WAI/WCAG21/Understanding/error-suggestion.html https://www.w3.org/WAI/WCAG21/Understanding/headings-and-labels.html https://www.w3.org/WAI/WCAG21/Understanding/identify-input-purpose.html https://www.w3.org/WAI/WCAG21/Understanding/identify-purpose.html https://www.w3.org/WAI/WCAG21/Understanding/images-of-text.html https://www.w3.org/WAI/WCAG21/Understanding/interruptions.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/reading-level.html https://www.w3.org/WAI/WCAG21/Understanding/section-headings 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.w3.org/WAI/WCAG21/Understanding/visual-presentation.html https://www.w3schools.com/html/html5_geolocation.asp https://www.w3schools.com/jsref/prop_nav_language.asp https://www.webdesignerdepot.com/2017/12/the-ux-of-sound-designing-audio-experiences/ Human Interface Guidelines - Apple Identify Input Purpose Identify Purpose Images of Text Inclusive Design - A Beginner's Guide: Write Inclusive Copy Interruptions Introduction to Perception - hearing, feeling, and seeing Jakob Nielsen - Nielsen Norman Group Jonathan Follett - UXmatters Keep content clear and concise Kristen Willis - Breadcrumb Digital Leah Suter - Constructive Lens of Animation and Effects Lens of Controls Lens of Font Lens of Material Honesty Leo Foureaux - Toptal Menu Concepts More than 184,850 articles in Simple English Motor Disabilities Multi-step form design: Validation, error messages and contextual help Multiple Ways Navigator language Property Nick Babich - Webdesigner Depot No Coffee - Vision simulator for Firefox No Online Distraction No Timing Paul Crichton - UserZoom Perceivable - Visual Presentation Personalization and User Preferences Personalization Overview Personalization Semantics Explainer 1.0 Pixelsurplus Provide Clear Instructions Provide sufficient contrast between foreground and background Providing a mechanism to postpone any updating of content Providing a mechanism to request an update of the content instead of updating automatically Rakshitha Arni Ravishankar - Harvard Business Review Reading Level Requirements for Personalization Semantics Resources for Designing for the Colorblind Rotem Binheim, Kinneret Yifrah - InVision Inside Design Section Headings Seizure Disorders Seizures and Physical Reactions Short-Term Memory and Web Usability Simon Mills - Liquid Light Simple Wikipedia Simulates slight to extreme vision problems Sound on the Web - the invisible other half Standards/Guidelines - 3WC - Web Accessibility Initiative Subtitles, Closed Captions And Transcripts Tanaguru Contrast Finder The UX of Sound: Designing Audio Experiences Unusual Words Use headings to convey meaning and structure Use of Color Use plain language Users can easily navigate, find content, and determine where they are Vale Querini - CareerFoundry Visual disabilities and sound in media: How sonic technologies can improve everyone’s life 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 W3Schools - Get the language of the browser W3Schools - Locate a user's position We Are Colorblind Web Animation: Delightful or Distracting Why You Need to Stop Using These Words and Phrases Wilfried Nass - Designing Sound Words Matter: Embracing the Language of Accessibility Writing Accessible Microcopy Your Interactive Makes Me Sick Yuliia Horbenko - Steelkiwi

None (2) · Adjust Content Reproduction (1) · Color Scheme (1) · Conscious Language (1) · Consistency (1) · Controllable Time Events (1) · Define Abbreviations (1) · Dividing Processes (1) · Error Prevention (1) · Explain Difficult Words (1) · Flashing Threshold (1) · Inclusive Imagery (1) · Keyboard_Access (1) · Layout (1) · Multilingual (1) · Predicatable (1) · Readability (1) · Readable (1) · Reduction (1) · Subtitles (1) · Target (1)

None (2) · 0.000 (20) · 100.000 (1) · 105.000 (1) · 13.000 (1) · 140.000 (1) · 145.000 (1) · 151.000 (1) · 16.000 (2) · 17.000 (1) · 177.000 (1) · 184.000 (1) · 2.000 (2) · 229.000 (1) · 236.387 (1) · 256.000 (1) · 257.000 (1) · 276.000 (1) · 28.000 (1) · 285.000 (1) · 30.000 (1) · 304.000 (1) · 306.000 (1) · 314.238 (1) · 318.000 (1) · 320.000 (1) · 322.000 (1) · 324.000 (1) · 328.000 (2) · 336.000 (1) · 351.000 (1) · 356.000 (1) · 42.000 (1) · 53.000 (1) · 54.000 (1) · 6.000 (1) · 7.000 (1) · 75.000 (1) · 76.500 (1)

Understanding Web Content Accessibility Guidelines (WCAG) 2.1 (10) · Techniques for the Web Content Accessibility Guidelines (WCAG) 2.1 (4) · Steven Lambert - Smashing Magazine (3) · None (2) · 3WC - Web Accessibility Initiative (2) · Karen Yin - Conscious style guide (2)

Other values:

None (10) · 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) · Resize Text (1) · Sign Language (1) · Structure (1)

None (10) · 0.000 (12) · 13.000 (1) · 140.000 (1) · 177.000 (1) · 18.000 (1) · 2.000 (2) · 22.000 (1) · 229.000 (1) · 236.387 (1) · 256.000 (1) · 276.000 (1) · 310.000 (1) · 312.000 (1) · 314.238 (1) · 320.000 (1) · 334.000 (1) · 340.000 (1) · 341.000 (1) · 348.000 (1) · 358.000 (1) · 40.000 (1) · 42.000 (1) · 66.000 (1) · 75.000 (1)

None (10) · Understanding Web Content Accessibility Guidelines (WCAG) 2.1 (7) · 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/resize-text.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 Resize Text 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 (21) · Reader Mode (1)

None (21) · 0.000 (1) · 354.000 (1) · 42.000 (1)

None · 3WC - Web Accessibility Initiative · Audio Description (Prerecorded) · Audio Description of Visual Information · Bruce Lawson · Building websites for Safari Reader Mode and other reading apps · Eric Bailey - CSS Tricks · FLOE - The Inclusive Learning Handbook · FLOE Metadata Feedback Tool · https://css-tricks.com/reader-mode-the-button-to-beat/ · https://handbook.floeproject.org/videocontentandlearning · https://medium.com/@mandy.michael/building-websites-for-safari-reader-mode-and-other-reading-apps-1562913c86c9 · https://metadata.floeproject.org/demos/feedback/ · https://www.brucelawson.co.uk/2018/the-practical-value-of-semantic-html/ · https://www.hotjar.com/blog/on-site-surveys/ · https://www.w3.org/WAI/media/av/description/ · https://www.w3.org/WAI/WCAG21/Understanding/audio-description-prerecorded.html · Lets users provide feedback about how a resource matched their preferences and ask for improvements · Mandy Michael - Medium · On-Site Surveys · Reader Mode: The Button to Beat - How to build websites that users dont need to use the reader mode for · The easiest way to find out what people need, right on your website · The practical value of semantic HTML: Writing HTML for JavaScript developers · Understanding Web Content Accessibility Guidelines (WCAG) 2.1 · Video Content and Learning · Other

None (22)

None (22)

None (22)

None (15) · Color_References (1) · Contrast_References (1) · Distraction_References (1) · Flashing_References (1) · Predictability_References (1) · Presumed_recollection_References (1) · Time_events_References (1) · Typography_References (1)

Adjustability (1) · Auditory content reproduction (1) · Choice (1) · Color (1) · Complexity (1) · Contrast (1) · Difficult words (1) · Distraction (1) · Flashing (1) · Identification (1) · Imagery (1) · Input assistance (1) · Input modalities (1) · Linguistic complexity (1) · Navigation (1) · Orientation (1) · Predictability (1) · Presumed recollection (1) · Sound design music (1) · Text (1) · Time events (1) · Typography (1)

None (22)