Drilldown: referencecollection

General (9)

0.000 (9) · 140.000 (1) · 2.000 (1) · 205.000 (1) · 22.000 (1) · 234.000 (1) · 256.000 (1) · 310.000 (1) · 314.238 (1) · 320.000 (1) · 324.000 (1) · 340.000 (1) · 4.000 (1) · 41.000 (1) · 42.000 (1) · 43.000 (1) · 7.000 (1)

Understanding Web Content Accessibility Guidelines (WCAG) 2.1 (5) · Steven Lambert - Smashing Magazine (3) · Deque University - Accessibility Basic Concepts (3)

Other values: ; 3WC - Web Accessibility Initiative - Accessibility Fundamentals 3WC - Web Accessibility Tutorials A Quick Guide to Designing UX Sounds Accessible CSS 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 Authentication and Safety Being smart with sound Blindness Busayomi Oyewole - Medium Change the Color of Visited Links Chart Authoring Tool: Highly accessible charts Christopher Ratcliff - UserZoom Cognitive Disabilities - Design Considerations Concurrent Input Mechanisms Eileen Webb - OpenNews: Source Ensure Processes Do Not Rely on Memory Ensure that interactive elements are easy to identify Fluid Project- Inclusive Design Research Centre Font size calculator: Calculating and testing accessible font sizes 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/blindness 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://developers.google.com/web/fundamentals/accessibility/semantics-builtin/the-accessibility-tree https://source.opennews.org/articles/motion-sick/ https://uxdesign.cc/how-visually-impaired-people-navigate-the-web-7f9eab9d9c37?gi=bc9dce325627 https://w3c.github.io/coga/gap-analysis/#table1 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.awwwards.com/being-smart-with-sound.html 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.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.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/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/tutorials/images/ https://www.w3.org/WAI/WCAG21/Techniques/general/G5.html https://www.w3.org/WAI/WCAG21/Understanding/concurrent-input-mechanisms.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/no-timing.html https://www.w3.org/WAI/WCAG21/Understanding/seizures-and-physical-reactions https://www.w3.org/WAI/WCAG21/Understanding/visual-presentation.html https://www.webdesignerdepot.com/2017/12/the-ux-of-sound-designing-audio-experiences/ Images Concepts Images of Text Introduction to Perception - hearing, feeling, and seeing Jakob Nielsen - Nielsen Norman Group Joe Medley - Google Developers Jonathan Follett - UXmatters Labels and text alternatives Lens of Animation and Effects 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 Motion Actuation Motor Disabilities Multiple Ways Nick Babich - Webdesigner Depot No Timing Perceivable - Visual Presentation Rob Dodson - Google Developers Seizure Disorders Seizures and Physical Reactions Short-Term Memory and Web Usability Simon Mills - Liquid Light Sound on the Web - the invisible other half Techniques for the Web Content Accessibility Guidelines (WCAG) 2.1 Techniques for the Web Content Accessibility Guidelines (WCAG) 2.2 The Accessibility Tree The UX of Sound: Designing Audio Experiences Tips for Getting Started - 3WC Web Accessibility Initiative 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 Roadmap and Gap Analysis W3C - Making content usable for people with cognitive and learning disabilities WebAIM - Center for Persons with Disabilities Wilfried Nass - Designing Sound Your Interactive Makes Me Sick

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 (9) · 13.000 (1) · 140.000 (1) · 16.000 (1) · 20.000 (1) · 205.000 (1) · 236.387 (1) · 256.000 (1) · 28.000 (1) · 314.238 (1) · 320.000 (1) · 328.000 (1) · 336.000 (1) · 351.000 (1) · 42.000 (1) · 43.000 (1) · 54.000 (1) · 6.000 (1) · 7.000 (1)

Understanding Web Content Accessibility Guidelines (WCAG) 2.1 (8) · Steven Lambert - Smashing Magazine (3) · W3C - Web Accessibility Tutorials (2) · Techniques for the Web Content Accessibility Guidelines (WCAG) 2.1 (2) · Tips for Getting Started - 3WC Web Accessibility Initiative (2) · Dave Gash, Meggin Kearney, Rachel Andrew, Rob Dodson - Google Developers (2)

Other values: ; 3WC - Web Accessibility Initiative A Guide to Understanding What Makes a Typeface Accessible Abbreviations Accessibility and Usability at Pennsylvania State University Accessibility Developer Guide Accessible responsive design Accessible tap targets Accessible Typography: Over 20 Hints to Make Your Site More Readable Adysfont 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 Carousel Concepts Character Key Shortcuts Chris Ashton - Smashing Magazine Create designs for different viewport sizes Creating Dyslexia Friendly Content Dyslexia - Illustration of how a dyslexic can be affected when reading Dyslexia Style Guide 2018 Ensure that all interactive elements are keyboard accessible Ensure that form elements include clearly associated labels Ensuring that no component of the content flashes more than three times in any 1-second period FG - Expectedly Florens Verschelde Focus Visible Font intended for people with Dyslexia Forms Concepts Gareth Ford Williams - Medium How to browse websites using a keyboard only How WCAG 2.0 and Other W3C/WAI Guidelines Apply to Mobile http://expectedly.org/inclusivetech/accessible-typography-over-20-hints-to-make-your-site-more-readable/ http://geon.github.io/programming/2016/03/03/dsxyliea http://www.adysfont.com/download/ https://accessibility.psu.edu/images/alttext/ https://cdn.bdadyslexia.org.uk/documents/Advice/style-guide/Dyslexia_Style_Guide_2018-final-1.pdf https://developers.google.com/web/fundamentals/accessibility/focus https://developers.google.com/web/fundamentals/accessibility/semantics-builtin/text-alternatives-for-images https://fvsch.com/styling-buttons https://lehmannmax.de/wiki/index.php?title=Special:WikiForum/References https://uxdesign.cc/a-guide-to-understanding-what-makes-a-typeface-accessible-and-how-to-make-informed-decisions-9e5c0b9040a0 https://web.dev/accessible-responsive-design/ 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-images-icons https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-keyboard https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-time https://www.smashingmagazine.com/2018/07/web-with-just-a-keyboard/ https://www.w3.org/TR/mobile-accessibility-mapping/ https://www.w3.org/TR/UNDERSTANDING-WCAG20/keyboard-operation.html https://www.w3.org/WAI/perspective-videos/controls/ https://www.w3.org/WAI/tips/designing/#create-designs-for-different-viewport-sizes https://www.w3.org/WAI/tips/designing/#ensure-that-form-elements-include-clearly-associated-labels 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/tutorials/forms/ https://www.w3.org/WAI/tutorials/tables/ 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/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/non-text-content.html https://www.w3.org/WAI/WCAG21/Understanding/orientation.html https://www.w3.org/WAI/WCAG21/Understanding/target-size.html https://www.w3.org/WAI/WCAG21/Understanding/text-spacing.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 If you want to contribute, click here to go to the forum Image ALT Text: How to best write invisible description of images 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 Images and Icons Lens Of Keyboard Lens Of Time Link Purpose Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers Meggin Kearney, Dave Gash, Rob Dodson - Google Developers Mobile Accessibility Orientation Perceivable - Non-text Content 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 Rob Dodson - Google Developers Style focus Styling Buttons, The Right Way Tables Concepts Target Size Text Alternatives for Images Text Spacing 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 Victor Widell

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

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 · Tips for Getting Started - 3WC - Web Accessibility Initiative · Rob Dodson - Google Developers · Steven Lambert - Smashing Magazine · WebAIM - Center for Persons with Disabilities · Link Purpose (In Context) · Link Purpose (Link Only) · Location · Meaningful Sequence · Metadata · Lens of Color · Mozilla - MDN WebDocs · No Keyboard Trap · Ordering the content in a meaningful sequence · Page Structure Concepts · Plain English Campaign · Lens Of Structure

Other values: ; ARIA ARIA Hiding and Updating Content ARIA Labels and Relationships Accessibility Developer Guide Animation from Interactions 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 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 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 (6) · Audio Description (1) · Maintenance (1) · Reader Mode (1)

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

None (6) · 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 (9)

None (9)

None (9)

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

Compatibility (1) · Flashing (1) · Input modalities (1) · Navigation (1) · Presumed recollection (1) · Sound design music (1) · Time events (1) · Typography (1) · Visual content reproduction (1)

None (9)