Drilldown: referencecollection

General (4)

0.000 (4) · 2.000 (2) · 276.000 (1) · 298.000 (1) · 310.000 (2) · 320.000 (1) · 43.000 (1)

Deque University - Accessibility Basic Concepts (3) · https://www.w3.org/WAI/people-use-web/tools-techniques/#perception (2) · Introduction to Perception - hearing, feeling, and seeing (2) · Web Content Accessibility Guidelines (2)

Other values: ; 3WC - Web Accessibility Initiative 3WC - Web Accessibility Tutorials A Quick Guide to Designing UX Sounds 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 Being smart with sound Blindness Busayomi Oyewole - Medium Chart Authoring Tool: Highly accessible charts Christopher Ratcliff - UserZoom Color Blindness FLOE - The Inclusive Learning Handbook Fluid Project- Inclusive Design Research Centre Games for people with visual impairment Guideline 1.2: Time-based Media Henry Daw - Awwwards How to design websites for blind and partially sighted people How visually impaired people navigate the web: What people that work with digital products need to know https://build-chartauthoring.fluidproject.org/demos/ 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/color-blindness https://dequeuniversity.com/class/archive/basic-concepts1/types-of-disabilities/low-vision 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://uxdesign.cc/how-visually-impaired-people-navigate-the-web-7f9eab9d9c37?gi=bc9dce325627 https://wearecolorblind.com/resources/collection/resources-for-designing-for-the-colorblind/ https://web.dev/labels-and-text-alternatives/ https://web.dev/media-accessibility/ 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.noupe.com/design/annoying-or-inspiring-sound-in-modern-webdesign-best-practice-94856.html https://www.toptal.com/designers/ux/ux-sounds-guide 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/WCAG21/#time-based-media https://www.w3.org/WAI/tutorials/images/ https://www.w3.org/WAI/WCAG21/Understanding/audio-only-live.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/ Images Concepts Joe Medley - Google Developers Jonathan Follett - UXmatters Labels and text alternatives Leo Foureaux - Toptal Low Vision Media accessibility Nick Babich - Webdesigner Depot Resources for Designing for the Colorblind Rob Dodson - Google Developers Simon Mills - Liquid Light Sound on the Web - the invisible other half Subtitles, Closed Captions And Transcripts Techniques for the Web Content Accessibility Guidelines (WCAG) 2.2 The UX of Sound: Designing Audio Experiences Understanding Web Content Accessibility Guidelines (WCAG) 2.1 Use of Color Visual disabilities and sound in media: How sonic technologies can improve everyone’s life We Are Colorblind Wilfried Nass - Designing Sound

Captions (1) · Color Scheme (1) · Predicatable (1) · Subtitles (1)

0.000 (4) · 2.000 (1) · 20.000 (1) · 276.000 (1) · 304.000 (1) · 320.000 (1) · 328.000 (2) · 43.000 (1)

Other values: ; Accessibility and Usability at Pennsylvania State University Captioning: Basics and Options Updated for 2020 (3Play, Media Rev.com and YouTube) Captions for Live Events Captions/Subtitles Color Oracle Color palettes suitable for color blindness Colorblindly Ensure that form elements include clearly associated labels Forms Concepts Free color blindness simulator How Automated Captioning Saved TEDxSeattle for This Fan How to create SRT (SubRip Text) files (common caption/subtitle format) How to Use Color Blind Friendly Palettes to Make Your Charts Accessible https://accessibility.psu.edu/images/alttext/ https://chrome.google.com/webstore/detail/colorblindly/floniaahmccleoclneebhhmnjgdfijgg https://colororacle.org https://developers.google.com/web/fundamentals/accessibility/semantics-builtin/text-alternatives-for-images 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://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-images-icons https://www.speechpad.com/captions/srt https://www.w3.org/WAI/media/av/captions https://www.w3.org/WAI/tips/designing/#ensure-that-form-elements-include-clearly-associated-labels https://www.w3.org/WAI/tutorials/forms/ https://www.w3.org/WAI/tutorials/tables/ https://www.w3.org/WAI/WCAG21/Understanding/non-text-content.html https://www.youtube.com/watch?v=A4W_cIafIos If you want to contribute, click here to go to the forum Image ALT Text: How to best write invisible description of images It seems that there is no information on this topic yet Lens Of Images and Icons Live Captions Making Audio and Video Media Accessible Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers Perceivable - Non-text Content Professional subtitle services by persons with disabilities Simulates colorblindness in your web browser Speechpad Steven Lambert - Smashing Magazine Swetha Machanavajhala - Mismatch Tables Concepts Text Alternatives for Images The Submachine Tips for Getting Started - 3WC Web Accessibility Initiative Understanding Web Content Accessibility Guidelines (WCAG) 2.1 W3C - Web Accessibility Tutorials Yale ITS - YouTube

Controllable (1) · Information in color (1) · Sign Language (1) · Text Alternatives (1)

0.000 (4) · 2.000 (1) · 276.000 (1) · 310.000 (1) · 320.000 (1) · 334.000 (1) · 340.000 (1) · 38.000 (1) · 43.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 (3) · Audio Description (1)

None (3) · 0.000 (1) · 43.000 (1) · 56.000 (1)

None (3) · 3WC - Web Accessibility Initiative (1) · Audio Description (Prerecorded) (1) · Audio Description of Visual Information (1) · FLOE - The Inclusive Learning Handbook (1) · https://handbook.floeproject.org/videocontentandlearning (1) · https://www.w3.org/WAI/media/av/description/ (1) · https://www.w3.org/WAI/WCAG21/Understanding/audio-description-prerecorded.html (1) · Understanding Web Content Accessibility Guidelines (WCAG) 2.1 (1) · Video Content and Learning (1)

None (4)

None (4)

None (4)

None (3) · Contrast_References (1)

Auditory content reproduction (1) · Color (1) · Sound design music (1) · Visual content reproduction (1)

None (4)