Drilldown: referencecollection

General (19)

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

Understanding Web Content Accessibility Guidelines (WCAG) 2.1 (10) · Deque University - Accessibility Basic Concepts (4) · 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)

Other values: ; 3WC - Cognitive Accessibility Roadmap and Gap Analysis 3WC - Web Accessibility Initiative - Accessibility Fundamentals 3WC - Web Accessibility Tutorials 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 CSS 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 Authentication and Safety Beautiful and free fonts for all languages Being smart with sound Blindness Busayomi Oyewole - Medium Center For Plain Language Change on Request Change the Color of Visited Links Chart Authoring Tool: Highly accessible charts Checks and finds good contrast between two colors Christopher Ratcliff - UserZoom Cognitive Disabilities - Design Considerations College of Applied Health Sciences at the University of Illinois Color Contrast Accessibility Validator Color Safe Color Tool Colortester Colour contrast - why does it matter Concurrent Input Mechanisms 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 Fluid Project- Inclusive Design Research Centre 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 Glyphs Google Noto Fonts GOV.UK - Accessibility in government Guide: Colours and contrast Harvard University - Digital Accessibility Headings and labels Henry Daw - Awwwards How to design websites for blind and partially sighted people How to Make a Superb Multilingual Website How to make better websites for people with dyslexia How visually impaired people navigate the web: What people that work with digital products need to know 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://build-chartauthoring.fluidproject.org/demos/ 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/blindness https://dequeuniversity.com/class/archive/basic-concepts1/types-of-disabilities/cognitive-disabilities/dyslexia https://dequeuniversity.com/class/archive/basic-concepts1/types-of-disabilities/low-vision 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://developers.google.com/web/fundamentals/accessibility/semantics-builtin/the-accessibility-tree 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://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://uxdesign.cc/how-visually-impaired-people-navigate-the-web-7f9eab9d9c37?gi=bc9dce325627 https://w3c.github.io/coga/gap-analysis/#table1 https://web.dev/color-and-contrast-accessibility/ https://web.dev/labels-and-text-alternatives/ https://web.dev/media-accessibility/ https://webaim.org/articles/cognitive/design#memory https://webaim.org/techniques/css/ https://www.accessibility-developer-guide.com/knowledge/colours-and-contrast/ 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.userzoom.com/ux-library/how-to-design-websites-for-blind-and-partially-sighted/ https://www.uxmatters.com/mt/archives/2007/06/audio-and-the-user-experience.php 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/WAI/fundamentals/accessibility-principles/#navigable https://www.w3.org/WAI/people-use-web/tools-techniques/#perception 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/images/ 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/change-on-request.html https://www.w3.org/WAI/WCAG21/Understanding/concurrent-input-mechanisms.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/images-of-text.html https://www.w3.org/WAI/WCAG21/Understanding/interruptions.html https://www.w3.org/WAI/WCAG21/Understanding/motion-actuation.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/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 Images Concepts 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 Joe Medley - Google Developers Jonathan Follett - UXmatters Keep content clear and concise Kristen Willis - Breadcrumb Digital Labels and text alternatives Leah Suter - Constructive Lens of Animation and Effects Lens of Controls Lens of Font Lens of Material Honesty Leo Foureaux - Toptal Low Vision Media accessibility Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers More than 184,850 articles in Simple English Motion Actuation 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 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 Rob Dodson - Google Developers 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 Tanaguru Contrast Finder Techniques for the Web Content Accessibility Guidelines (WCAG) 2.2 The Accessibility Tree The UX of Sound: Designing Audio Experiences Use headings to convey meaning and structure 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 Issue Papers W3C - Cognitive Accessibility Roadmap and Gap Analysis W3C - Making content usable for people with cognitive and learning disabilities W3Schools - Get the language of the browser W3Schools - Locate a user's position Web Animation: Delightful or Distracting WebAIM - Center for Persons with Disabilities 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) · Captions (1) · Conscious Language (1) · Consistency (1) · Controllable Time Events (1) · Define Abbreviations (1) · Dividing Processes (1) · Error Prevention (1) · Flashing Threshold (1) · Inclusive Imagery (1) · Keyboard_Access (1) · Multilingual (1) · Predicatable (1) · Readability (1) · Readable (1) · Reduction (1) · Responsive (1) · Target (1)

None (2) · 0.000 (17) · 100.000 (1) · 105.000 (1) · 13.000 (1) · 140.000 (1) · 145.000 (1) · 151.000 (1) · 16.000 (2) · 17.000 (1) · 184.000 (1) · 2.000 (1) · 20.000 (1) · 205.000 (1) · 236.387 (1) · 256.000 (1) · 257.000 (1) · 28.000 (1) · 285.000 (1) · 30.000 (1) · 314.238 (1) · 318.000 (1) · 320.000 (1) · 322.000 (1) · 324.000 (1) · 328.000 (1) · 336.000 (1) · 351.000 (1) · 42.000 (1) · 43.000 (1) · 53.000 (1) · 54.000 (1) · 6.000 (1) · 7.000 (1) · 76.500 (1)

Understanding Web Content Accessibility Guidelines (WCAG) 2.1 (12) · Techniques for the Web Content Accessibility Guidelines (WCAG) 2.1 (4) · Steven Lambert - Smashing Magazine (3) · None (2) · 3WC - Web Accessibility Initiative (2) · Accessibility and Usability at Pennsylvania State University (2) · Dave Gash, Meggin Kearney, Rachel Andrew, Rob Dodson - Google Developers (2) · Karen Yin - Conscious style guide (2) · Tips for Getting Started - 3WC Web Accessibility Initiative (2) · W3C - Web Accessibility Tutorials (2)

Other values:

None (10) · Alerting Time Events (1) · Animations (1) · Controllable (1) · Flow (1) · Pointer (1) · Prevent Forgetting (1) · Resize Text (1) · Text Alternatives (1) · User_Agents (1)

None (10) · 0.000 (9) · 13.000 (1) · 140.000 (1) · 18.000 (1) · 205.000 (1) · 236.387 (1) · 256.000 (1) · 28.000 (1) · 314.238 (1) · 320.000 (1) · 334.000 (1) · 341.000 (1) · 348.000 (1) · 358.000 (1) · 38.000 (1) · 40.000 (1) · 42.000 (1) · 43.000 (1) · 66.000 (1)

None · Understanding Web Content Accessibility Guidelines (WCAG) 2.1 · 3WC - Web Accessibility Initiative · Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers · Rob Dodson - Google Developers · Steven Lambert - Smashing Magazine · Tips for Getting Started - 3WC - Web Accessibility Initiative · WebAIM - Center for Persons with Disabilities · Accessibility Developer Guide · Animation from Interactions · ARIA · ARIA Hiding and Updating Content · ARIA Labels and Relationships · Arielle Pardes - WIRED · Associate a label with every form control · Best practice: Users can choose Simple Language (German only) as an alternative to German or English · Bureau Of Internet Accessibility · Bypass Blocks · Chris Ashton - Smashing Magazine · Color and contrast accessibility: Don't convey information with color alone

Other values: ; 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 Gov.uk: Accessibility in government Headings and landmarks How to create content that works well with screen readers I Used The Web For A Day Using A Screen Reader Images of text Info And Relationships Inkl. Design Introduction to ARIA Introduction to Screen Readers Introduction to Semantics Invisible Content Just for Screen Reader Users Label in Name Labelling Controls Lens Of Structure Lens of Color Link Purpose (In Context) Link Purpose (Link Only) Location Meaningful Sequence Metadata Mozilla - MDN WebDocs 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 SVG patterns for Data Visualization Saving data so that it can be used after a user re-authenticates Screen Reader Accessibility Testing: An Introduction Semantics and Navigating Content Semantics and screen readers Success Criterion 1.4.2 Audio Control Techniques for the Web Content Accessibility Guidelines (WCAG) 2.1 Techniques for the Web Content Accessibility Guidelines (WCAG) 2.2 Testing with Screen Readers - Questions and Answers Text Alternatives Textures.js The A - Z of alternative words The Inclusive Learning Design Handbook The Internet Is for Everyone, Right? Not With a Screen Reader Timeouts Tips for Getting Started - 3WC Web Accessibility Initiative Trace Dissemination - Youtube Understand and create sign language interpretation for audio and video Understanding the Web Content Accessibility Guidelines (WCAG) 2.1 Use simple words and phrases Using ARIA W3C - Web Accessibility Tutorials WAI-ARIA basics We Are Colorblind Web Accessibility Tutorials - 3WC - Web Accessibility Initiative Will Saunders - TestLodge World Wide Web Consortium http://www.plainenglish.co.uk/the-a-z-of-alternative-words.html https://accessibility.blog.gov.uk/2017/02/08/advice-for-creating-content-that-works-well-with-screen-readers/ https://blog.testlodge.com/screen-reader-accessibility-testing/ https://developer.mozilla.org/en-US/docs/Learn/Accessibility/WAI-ARIA_basics https://developers.google.com/web/fundamentals/accessibility/semantics-aria https://developers.google.com/web/fundamentals/accessibility/semantics-aria/aria-labels-and-relationships https://developers.google.com/web/fundamentals/accessibility/semantics-aria/hiding-and-updating-content https://developers.google.com/web/fundamentals/accessibility/semantics-builtin https://developers.google.com/web/fundamentals/accessibility/semantics-builtin/navigating-content https://handbook.floeproject.org/metadata 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://web.dev/headings-and-landmarks/ https://web.dev/semantics-and-screen-readers/ https://webaim.org/articles/screenreader_testing/ https://webaim.org/techniques/css/invisiblecontent/ https://www.accessibility-developer-guide.com/knowledge/aria/ 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.smashingmagazine.com/2018/12/voiceover-screen-reader-web-apps/ https://www.w3.org/TR/using-aria/ 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/images-of-text-no-exception.html https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships https://www.w3.org/WAI/WCAG21/Understanding/label-in-name.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/text-alternatives https://www.w3.org/WAI/WCAG21/Understanding/timeouts.html 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/#associate-a-label-with-every-form-control 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/forms/labels/ https://www.w3.org/WAI/tutorials/page-structure/ https://www.wired.com/story/web-accessibility-blind-users-dominos/ https://www.youtube.com/watch?v=o_mvO6EQ0tM

None (16) · Audio Description (1) · Maintenance (1) · Reader Mode (1)

None (16) · 0.000 (3) · 205.000 (1) · 354.000 (1) · 42.000 (1) · 43.000 (1) · 56.000 (1) · 58.000 (1)

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

None (19)

None (19)

None (19)

None (14) · Color_References (1) · Distraction_References (1) · Flashing_References (1) · Predictability_References (1) · Time_events_References (1) · Typography_References (1)

Choice (1) · Compatibility (1) · Complexity (1) · Contrast (1) · Distraction (1) · Flashing (1) · Identification (1) · Imagery (1) · Input assistance (1) · Input modalities (1) · Linguistic complexity (1) · Navigation (1) · Predictability (1) · Presumed recollection (1) · Sound design music (1) · Text (1) · Time events (1) · Typography (1) · Visual content reproduction (1)

None (19)