Drilldown: referencecollection

General (11)

0.000 (11) · 10.000 (2) · 100.000 (1) · 105.000 (1) · 117.000 (1) · 145.000 (1) · 151.000 (1) · 184.000 (1) · 205.000 (1) · 23.000 (1) · 257.000 (1) · 285.000 (1) · 300.000 (1) · 306.000 (1) · 316.000 (2) · 333.000 (1) · 350.000 (1) · 4.000 (1) · 41.000 (1) · 76.500 (1)

Understanding Web Content Accessibility Guidelines (WCAG) 2.1 (6) · Tips for Getting Started - 3WC - Web Accessibility Initiative (2) · Tips for Getting Started - 3WC Web Accessibility Initiative (2)

Other values: ; 3WC - Cognitive Accessibility Roadmap and Gap Analysis A macOS app for quick access to WCAG color contrast ratios 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 Article: Color and contrast accessibility Assesses if a website meets the WCAG 2.0 color contrast success criteria Beautiful and free fonts for all languages Center For Plain Language Change on Request Checks and finds good contrast between two colors 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 Deque University - Accessibility Basic Concepts Distractions Dyslexia/Reading Disabilities Entering Data, Error Prevention and Recovery Error Identification Error Suggestion Five Steps to Plain Language 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 How to Make a Superb Multilingual Website How to make better websites for people with dyslexia 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://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/cognitive-disabilities/dyslexia 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://steelkiwi.com/blog/how-to-make-a-multilingual-website/ https://usecontrast.com/ https://web.dev/color-and-contrast-accessibility/ https://webaim.org/techniques/css/ https://www.accessibility-developer-guide.com/knowledge/colours-and-contrast/ 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.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-material-honesty https://www.userzoom.com/ux-library/five-ways-to-make-usable-websites-for-people-with-dyslexia/ https://www.w3.org/TR/coga-gap-analysis/#table3 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/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/interruptions.html https://www.w3.org/WAI/WCAG21/Understanding/motion-actuation.html https://www.w3.org/WAI/WCAG21/Understanding/reading-level.html https://www.w3.org/WAI/WCAG21/Understanding/section-headings https://www.w3schools.com/html/html5_geolocation.asp https://www.w3schools.com/jsref/prop_nav_language.asp Human Interface Guidelines - Apple Identify Input Purpose Inclusive Design - A Beginner's Guide: Write Inclusive Copy Interruptions Keep content clear and concise Kristen Willis - Breadcrumb Digital Leah Suter - Constructive Lens of Material Honesty Leserlich - German Federation of the Blind and Partially Sighted Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers More than 184,850 articles in Simple English Motion Actuation Multi-step form design: Validation, error messages and contextual help Navigator language Property No Coffee - Vision simulator for Firefox No Online Distraction Paul Crichton - UserZoom 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 Rotem Binheim, Kinneret Yifrah - InVision Inside Design Section Headings Simple Wikipedia Simulates slight to extreme vision problems Steven Lambert - Smashing Magazine Tanaguru Contrast Finder Techniques for the Web Content Accessibility Guidelines (WCAG) 2.1 The Accessibility Tree Use headings to convey meaning and structure Use plain language Vale Querini - CareerFoundry W3C - Cognitive Accessibility Issue Papers 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 Words Matter: Embracing the Language of Accessibility Writing Accessible Microcopy Yuliia Horbenko - Steelkiwi

None (2) · Conscious Language (1) · Consistency (1) · Dividing Processes (1) · Error Prevention (1) · Inclusive Imagery (1) · Multilingual (1) · Readable (1) · Reduction (1) · Responsive (1)

None (2) · 0.000 (9) · 100.000 (1) · 105.000 (1) · 145.000 (1) · 151.000 (1) · 16.000 (2) · 17.000 (1) · 184.000 (1) · 2.000 (1) · 205.000 (1) · 257.000 (1) · 285.000 (1) · 30.000 (1) · 318.000 (1) · 322.000 (1) · 324.000 (1) · 53.000 (1) · 76.500 (1)

Understanding Web Content Accessibility Guidelines (WCAG) 2.1 (5) · None (2) · Karen Yin - Conscious style guide (2) · Techniques for the Web Content Accessibility Guidelines (WCAG) 2.1 (2)

Other values: ; 2,897 Free Inclusive Icons 3 Simple Strategies for Sourcing Inclusive Imagery 3WC - Web Accessibility Initiative A Progressive’s Style Guide Accessibility and Usability at Pennsylvania State University Accessible responsive design Add a button to a website that automatically translates it into different languages with Google Language tools An Incomplete Guide to Inclusive Language for Startups and Tech Ashton Dockendorf Attention Alert! Study on Distraction Reveals Some Surprise Automatic Readability Checker Avoid Visual Distractions Ben Crothers - Presto Sketching Calculates reading level and grade level of a text and helps to determine how well an audience can read your writing Can we design a truly inclusive accessibility icon? Conscious Design And Images: Articles and resources Consistent Identification Consistent Navigation Content Design London Courtney Seiter - Buffer Blog Create designs for different viewport sizes Creative Workshop: Inclusive Character Design Dave Gash, Meggin Kearney, Rachel Andrew, Rob Dodson - Google Developers Designing inclusive illustrations (or, a brief history of the meeple) Disability Language Style Guide Easy ways to show more diversity in your sketches Error Prevention (All) Error Prevention (Legal, Financial, Data) Essay Tool Box Flaticon Flo Lenormand - Dribbble Foreign Languages and Accessibility Free inclusive icon set Free symbols that are designed to make public places more inclusive Free Website Translations Freepic - Graphic resources for everyone Grammarly Grammarly Free checks grammar, spelling, and punctuation Guidelines for Inclusive Language Hanna Thomas, Anna Hirsch - SumOfUs Help Hemingway App Hemingway App makes your writing bold and clear Hotjar How WCAG 2.0 and Other W3C/WAI Guidelines Apply to Mobile HTML Language Code Reference http://free-website-translation.com/ http://prestosketching.com/blog/2018/01/27/easy-ways-to-show-more-diversity-in-your-sketches/ https://accessibility.psu.edu/foreignlanguages/ https://accessibility.psu.edu/foreignlanguages/langtaghtml/ https://accessibleicon.org https://airbnb.design/your-face-here/ https://app.grammarly.com/apps https://buffer.com/resources/inclusive-language-tech https://careerfoundry.com/en/blog/ux-design/beginners-guide-inclusive-design/#use-inclusive-imagery https://consciousstyleguide.com https://consciousstyleguide.com/design-images/ https://dribbble.com/shots/12133487-Free-inclusive-icon-set https://essaytoolbox.com/ https://hemingwayapp.com/ https://lemonly.com/blog/inclusive-character-design https://medium.com/facebook-design-business-tools/illustrating-a-more-inclusive-brand-bbb4fa6c4bb3 https://ncdj.org/style-guide https://readabilityformulas.com/free-readability-formula-tests.php https://readabilityguidelines.co.uk/ https://s3.amazonaws.com/s3.sumofus.org/images/SUMOFUS_PROGRESSIVE-STYLEGUIDE.pdf https://thenounproject.com https://ux.shopify.com/you-cant-just-draw-purple-people-and-call-it-diversity-e2aa30f0c0e8 https://uxplanet.org/progress-trackers-in-ux-design-4319cef1c600 https://web.dev/accessible-responsive-design/ https://wordpress.com/blog/2017/05/09/inclusive-illustrations-by-design/ https://www.aiga.org/inclusive-accessible-icon-project-icon-wheelchair https://www.atlassian.com/blog/inside-atlassian/designing-inclusive-illustrations-at-atlassian https://www.breadcrumbdigital.com.au/multi-step-form-design-part-1-progress-indicators-and-field-labels/ https://www.flaticon.com/free-icons/inclusive https://www.freepik.com/free-photos-vectors/inclusion https://www.gov.uk/government/publications/inclusive-communication/inclusive-language-words-to-use-and-avoid-when-writing-about-disability https://www.hotjar.com/conversion-rate-optimization/glossary/website-readability/ https://www.inclusivesymbols.com/ https://www.linguisticsociety.org/resource/guidelines-inclusive-language https://www.onlinecorrection.com/ https://www.psychologytoday.com/intl/blog/rewired-the-psychology-technology/201204/attention-alert-study-distraction-reveals-some https://www.shutterstock.com/blog/strategies-inclusive-imagery https://www.simplish.org/ https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-readability https://www.unimelb.edu.au/accessibility/web-design-for-autism/avoid-visual-distractions https://www.w3.org/TR/mobile-accessibility-mapping/ https://www.w3.org/WAI/tips/designing/#create-designs-for-different-viewport-sizes https://www.w3.org/WAI/tutorials/forms/multi-page/ https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA2.html https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA21.html https://www.w3.org/WAI/WCAG21/Techniques/general/G107.html https://www.w3.org/WAI/WCAG21/Techniques/general/G61.html https://www.w3.org/WAI/WCAG21/Techniques/general/G83.html https://www.w3.org/WAI/WCAG21/Techniques/general/G98.html https://www.w3.org/WAI/WCAG21/Understanding/consistent-identification https://www.w3.org/WAI/WCAG21/Understanding/consistent-navigation.html https://www.w3.org/WAI/WCAG21/Understanding/error-prevention-all.html https://www.w3.org/WAI/WCAG21/Understanding/error-prevention-legal-financial-data.html https://www.w3.org/WAI/WCAG21/Understanding/help.html https://www.w3.org/WAI/WCAG21/Understanding/labels-or-instructions https://www.w3.org/WAI/WCAG21/Understanding/language-of-page.html https://www.w3.org/WAI/WCAG21/Understanding/language-of-parts.html https://www.w3.org/WAI/WCAG21/Understanding/on-focus.html https://www.w3.org/WAI/WCAG21/Understanding/on-input.html https://www.w3.org/WAI/WCAG21/Understanding/orientation.html https://www.w3.org/WAI/WCAG21/Understanding/pause-stop-hide.html https://www.w3.org/WAI/WCAG21/Understanding/pointer-cancellation.html https://www.w3schools.com/tags/ref_language_codes.asp Identifying a required field with the aria-required property Illustrating a More Inclusive Brand Inclusion Images Inclusive Design - A Beginner's Guide: Use inclusive imagery Inclusive Illustrations, By Design Inclusive language: words to use and avoid when writing about disability Inclusive Symbols Jennifer Hom - Airbnb Design John Maeda - The WordPress.com Blog Kristen Willis Labels or Instructions Language of Page Language of Parts Language Tags in HTML Larry D. Rosen Ph.D. - Psychology Today Lens Of Readability Linguistic Society of America Meg Robichaud - Medium Mobile Accessibility Multi-page Forms Multi-step form design: Progress indicators and field labels National Center on Disability and Journalism Nick Babich On Focus On Input Online Correction Online essay creation tools, including comfortable and fast editing, idea generation, essay checking, and summarizing Orientation Pause, Stop, Hide Pointer Cancellation Presenting repeated components in the same relative order each time they appear Progress Trackers in UX Design Providing text descriptions to identify required fields that were not completed Providing the ability for the user to review and correct answers before submitting Readability Guidelines Sara VanSlyke - Work Life by Atlassian Scott Kirkwood - AIGA the professional association for design Shutterstock Simplify text or Generate Multi-lingual Multi-document Summaries Simplish Steven Lambert The Accessible Icon Project The Accessible Icon Project is an ongoing work of design activism The essential guide to conscious language The Noun Project The Noun Project is building a global visual language that unites us The University of Melbourne Tips for Getting Started - 3WC - Web Accessibility Initiative Tool to find spelling, as well as basic grammar and stylistic mistakes, in English texts Trace Byrd - Medium UK Government - Office for Disability Using 'activate' rather than 'focus' as a trigger for changes of context Using Aria-Invalid to Indicate An Error Field Vale Querini - CareerFoundry W3Schools - ISO Language Codes Web Accessibility Tutorials - 3WC Web Accessibility Initiative Website readability: a definition You Can’t Just Draw Purple People and Call it Diversity Your Face Here - Creating illustration guidelines for a more inclusive visual identity

None (10) · User_Agents (1)

None (10) · 0.000 (1) · 205.000 (1) · 28.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 (10) · Maintenance (1)

None (10) · 0.000 (1) · 205.000 (1) · 58.000 (1)

None (10) · FLOE Metadata Feedback Tool (1) · https://metadata.floeproject.org/demos/feedback/ (1) · https://www.hotjar.com/blog/on-site-surveys/ (1) · Lets users provide feedback about how a resource matched their preferences and ask for improvements (1) · On-Site Surveys (1) · The easiest way to find out what people need, right on your website (1)

None (11)

None (11)

None (11)

None (8) · Color_References (1) · Flashing_References (1) · Time_events_References (1) · Typography_References (1)

Choice (1) · Compatibility (1) · Complexity (1) · Contrast (1) · Distraction (1) · Identification (1) · Imagery (1) · Input assistance (1) · Linguistic complexity (1) · Predictability (1) · Text (1)

None (11)