Drilldown: referencecollection

General (3)

0.000 (3) · 10.000 (1) · 105.000 (1) · 257.000 (1) · 333.000 (1) · 350.000 (1)

Understanding Web Content Accessibility Guidelines (WCAG) 2.1 (2)

Other values: ; A macOS app for quick access to WCAG color contrast ratios Accessibility and Usability at Pennsylvania State University Accessibility Developer Guide Accessible color palettes based on WCAG Guidelines of text and background contrast ratios Article: Color and contrast accessibility Assesses if a website meets the WCAG 2.0 color contrast success criteria Change on Request Checks and finds good contrast between two colors 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 Distractions Free color contrast analysis tools for web pages or color-pairs GOV.UK - Accessibility in government Guide: Colours and contrast http://colorsafe.co/ https://accessibility.blog.gov.uk/2016/06/17/colour-contrast-why-does-it-matter/ https://accessibility.psu.edu/distraction/ https://addons.mozilla.org/en-US/firefox/addon/nocoffee/ https://alfasado.net/apps/colortester.html https://color.a11y.com/?boia https://constructive.co/insight/web-animation-delightful-or-distracting/ https://contrast-finder.tanaguru.com/ https://contrast-ratio.com https://material.io/resources/color/ https://rawgit.com/w3c/coga/master/issue-papers/distractions.html https://usecontrast.com/ https://web.dev/color-and-contrast-accessibility/ https://www.accessibility-developer-guide.com/knowledge/colours-and-contrast/ https://www.leserlich.info/werkzeuge/kontrastrechner/index-en.php https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-material-honesty https://www.w3.org/WAI/tips/designing/#provide-sufficient-contrast-between-foreground-and-background 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/change-on-request.html https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html https://www.w3.org/WAI/WCAG21/Understanding/interruptions.html Interruptions Leah Suter - Constructive Lens of Material Honesty Leserlich - German Federation of the Blind and Partially Sighted No Coffee - Vision simulator for Firefox No Online Distraction 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 Simulates slight to extreme vision problems Steven Lambert - Smashing Magazine Tanaguru Contrast Finder Techniques for the Web Content Accessibility Guidelines (WCAG) 2.1 Tips for Getting Started - 3WC Web Accessibility Initiative W3C - Cognitive Accessibility Issue Papers Web Animation: Delightful or Distracting

None (1) · Consistency (1) · Reduction (1)

None (1) · 0.000 (2) · 105.000 (1) · 17.000 (1) · 2.000 (1) · 257.000 (1)

None (1) · Attention Alert! Study on Distraction Reveals Some Surprise (1) · Avoid Visual Distractions (1) · Consistent Identification (1) · Consistent Navigation (1) · https://www.psychologytoday.com/intl/blog/rewired-the-psychology-technology/201204/attention-alert-study-distraction-reveals-some (1) · https://www.unimelb.edu.au/accessibility/web-design-for-autism/avoid-visual-distractions (1) · https://www.w3.org/WAI/WCAG21/Techniques/general/G107.html (1) · https://www.w3.org/WAI/WCAG21/Techniques/general/G61.html (1) · https://www.w3.org/WAI/WCAG21/Understanding/consistent-identification (1) · https://www.w3.org/WAI/WCAG21/Understanding/consistent-navigation.html (1) · https://www.w3.org/WAI/WCAG21/Understanding/on-focus.html (1) · https://www.w3.org/WAI/WCAG21/Understanding/on-input.html (1) · https://www.w3.org/WAI/WCAG21/Understanding/pause-stop-hide.html (1) · Larry D. Rosen Ph.D. - Psychology Today (1) · On Focus (1) · On Input (1) · Pause, Stop, Hide (1) · Presenting repeated components in the same relative order each time they appear (1) · Techniques for the Web Content Accessibility Guidelines (WCAG) 2.1 (1) · The University of Melbourne (1) · Understanding Web Content Accessibility Guidelines (WCAG) 2.1 (2) · Using 'activate' rather than 'focus' as a trigger for changes of context (1)

None (3)

None (3)

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)

None (3)

None (3)

None (3)

None (3)

None (3)

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

Contrast (1) · Distraction (1) · Predictability (1)

None (3)