Drilldown: referencecollection

General (16)

0.000 (16) · 10.000 (1) · 100.000 (1) · 145.000 (1) · 151.000 (1) · 177.000 (1) · 184.000 (1) · 2.000 (1) · 205.000 (1) · 22.000 (1) · 23.000 (1) · 234.000 (1) · 276.000 (1) · 285.000 (1) · 300.000 (1) · 306.000 (1) · 310.000 (2) · 314.238 (1) · 316.000 (1) · 320.000 (1) · 324.000 (1) · 340.000 (1) · 350.000 (1) · 4.000 (2) · 41.000 (1) · 42.000 (1) · 43.000 (1) · 7.000 (1) · 75.000 (1) · 76.500 (1)

Understanding Web Content Accessibility Guidelines (WCAG) 2.1 (8) · Deque University - Accessibility Basic Concepts (4) · Introduction to Perception - hearing, feeling, and seeing (2) · Tips for Getting Started - 3WC - Web Accessibility Initiative (2) · Tips for Getting Started - 3WC Web Accessibility Initiative (2) · Steven Lambert - Smashing Magazine (2) · https://www.w3.org/WAI/people-use-web/tools-techniques/#perception (2)

Other values: ; 3WC - Cognitive Accessibility Roadmap and Gap Analysis 3WC - Web Accessibility Initiative 3WC - Web Accessibility Initiative - Accessibility Fundamentals 3WC - Web Accessibility Tutorials A Quick Guide to Designing UX Sounds Accessible Authentication Accessible CSS Accessible Language - A Guide for Disability Etiquette Accommodating Memory Deficits 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 Beautiful and free fonts for all languages Being smart with sound Blindness Busayomi Oyewole - Medium Center For Plain Language Change the Color of Visited Links Chart Authoring Tool: Highly accessible charts Christopher Ratcliff - UserZoom Cognitive Disabilities - Design Considerations College of Applied Health Sciences at the University of Illinois Concurrent Input Mechanisms Denise Erazmus - Promet Source Dyslexia/Reading Disabilities 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 Fluid Project- Inclusive Design Research Centre Font size calculator: Calculating and testing accessible font sizes Free Multilingual Typefaces with a Commercial License Games for people with visual impairment Glyphs Google Noto Fonts Guideline 1.2: Time-based Media 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 https://accessibility.huit.harvard.edu/use-plain-language https://build-chartauthoring.fluidproject.org/demos/ https://careerfoundry.com/en/blog/ux-design/beginners-guide-inclusive-design/#write-inclusive-copy https://centerforplainlanguage.org/ https://dequeuniversity.com/class/archive/basic-concepts1/types-of-disabilities/auditory-disabilities 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://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://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://rawgit.com/w3c/coga/master/issue-papers/personalization-preferences.html https://simple.wikipedia.org/wiki/Main_Page https://steelkiwi.com/blog/how-to-make-a-multilingual-website/ https://uxdesign.cc/how-visually-impaired-people-navigate-the-web-7f9eab9d9c37?gi=bc9dce325627 https://w3c.github.io/coga/gap-analysis/#table1 https://w3c.github.io/personalization-semantics/ 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.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/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-controls https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-font 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/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/personalization/ https://www.w3.org/WAI/tips/designing/#ensure-that-interactive-elements-are-easy-to-identify 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/tutorials/menus/ 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/concurrent-input-mechanisms.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/motion-actuation.html https://www.w3.org/WAI/WCAG21/Understanding/multiple-ways 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/visual-presentation.html https://www.webdesignerdepot.com/2017/12/the-ux-of-sound-designing-audio-experiences/ Human Interface Guidelines - Apple Identify Input Purpose Identify Purpose Images Concepts Images of Text Inclusive Design - A Beginner's Guide: Write Inclusive Copy 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 Lens of Controls Lens of Font Leo Foureaux - Toptal Leserlich - German Federation of the Blind and Partially Sighted Low Vision Media accessibility Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers Menu Concepts More than 184,850 articles in Simple English Motion Actuation Motor Disabilities Multi-step form design: Validation, error messages and contextual help Multiple Ways Nick Babich - Webdesigner Depot Paul Crichton - UserZoom Perceivable - Visual Presentation Personalization and User Preferences Personalization Overview Personalization Semantics Explainer 1.0 Pixelsurplus Provide Clear Instructions Rakshitha Arni Ravishankar - Harvard Business Review Reading Level Requirements for Personalization Semantics Rob Dodson - Google Developers Rotem Binheim, Kinneret Yifrah - InVision Inside Design Section Headings Short-Term Memory and Web Usability Simon Mills - Liquid Light Simple Wikipedia 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.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 W3C - Technical reports W3C - Web Accessibility Tutorials Web Content Accessibility Guidelines 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 Yuliia Horbenko - Steelkiwi

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

0.000 (16) · 100.000 (1) · 13.000 (1) · 145.000 (1) · 151.000 (1) · 16.000 (3) · 177.000 (1) · 184.000 (1) · 20.000 (1) · 205.000 (1) · 236.387 (1) · 276.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 (2) · 336.000 (1) · 351.000 (1) · 356.000 (1) · 42.000 (1) · 43.000 (1) · 53.000 (1) · 7.000 (1) · 75.000 (1) · 76.500 (1)

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

Other values:

None (6) · Adjust Content Complexity (1) · Controllable (1) · Flow (1) · Pointer (1) · Prevent Forgetting (1) · Resize Text (1) · Sign Language (1) · Structure (1) · Text Alternatives (1) · User_Agents (1)

None (6) · 0.000 (10) · 13.000 (1) · 177.000 (1) · 2.000 (1) · 205.000 (1) · 22.000 (1) · 236.387 (1) · 276.000 (1) · 28.000 (1) · 314.238 (1) · 320.000 (1) · 334.000 (1) · 340.000 (1) · 341.000 (1) · 348.000 (1) · 358.000 (1) · 38.000 (1) · 40.000 (1) · 42.000 (1) · 43.000 (1) · 75.000 (1)

Understanding Web Content Accessibility Guidelines (WCAG) 2.1 (7) · None (6) · 3WC - Web Accessibility Initiative (2) · WebAIM - Center for Persons with Disabilities (2) · Rob Dodson - Google Developers (2) · Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers (2) · Tips for Getting Started - 3WC - Web Accessibility Initiative (2)

Other values: ; Accessibility Developer Guide 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 Bypass Blocks Chris Ashton - Smashing Magazine Content On Hover Or Focus Content reordering Control focus with tabindex Focus Order Gov.uk: Accessibility in government Headings and landmarks How to create content that works well with screen readers 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://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.inkl-design.de/en/ 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/media/av/sign-languages 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.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/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.wired.com/story/web-accessibility-blind-users-dominos/ https://www.youtube.com/watch?v=o_mvO6EQ0tM 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 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 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 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 Steven Lambert - Smashing Magazine 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 The Inclusive Learning Design Handbook The Internet Is for Everyone, Right? Not With a Screen Reader 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 Using ARIA W3C - Web Accessibility Tutorials WAI-ARIA basics Web Accessibility Tutorials - 3WC - Web Accessibility Initiative Will Saunders - TestLodge World Wide Web Consortium

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

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

None (13) · 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 (16)

None (16)

None (16)

None · Color_References · Contrast_References · Distraction_References · Flashing_References · Predictability_References · Presumed_recollection_References · Time_events_References · Typography_References · Other

Adjustability (1) · Auditory content reproduction (1) · Choice (1) · Compatibility (1) · Complexity (1) · Imagery (1) · Input assistance (1) · Input modalities (1) · Linguistic complexity (1) · Navigation (1) · Orientation (1) · Presumed recollection (1) · Sound design music (1) · Text (1) · Typography (1) · Visual content reproduction (1)

None (16)