Drilldown: referencecollection

General (14)

0.000 (14) · 10.000 (1) · 105.000 (1) · 140.000 (1) · 177.000 (1) · 184.000 (1) · 2.000 (1) · 205.000 (1) · 229.000 (1) · 256.000 (1) · 276.000 (1) · 285.000 (1) · 298.000 (1) · 300.000 (2) · 306.000 (1) · 310.000 (1) · 324.000 (1) · 333.000 (1) · 350.000 (1) · 4.000 (2) · 41.000 (1) · 42.000 (1) · 7.000 (1) · 76.500 (1)

Understanding Web Content Accessibility Guidelines (WCAG) 2.1 · Deque University - Accessibility Basic Concepts · Steven Lambert - Smashing Magazine · Tips for Getting Started - 3WC Web Accessibility Initiative · https://www.w3.org/WAI/people-use-web/tools-techniques/#perception · Introduction to Perception - hearing, feeling, and seeing · Leserlich - German Federation of the Blind and Partially Sighted · Techniques for the Web Content Accessibility Guidelines (WCAG) 2.1 · Tips for Getting Started - 3WC - Web Accessibility Initiative · W3C - Cognitive Accessibility Issue Papers · Web Content Accessibility Guidelines · 3WC - Cognitive Accessibility Roadmap and Gap Analysis · 3WC - Web Accessibility Initiative · 3WC - Web Accessibility Initiative - Accessibility Fundamentals · 3WC - Web Accessibility Tutorials · A macOS app for quick access to WCAG color contrast ratios · A Quick Guide to Designing UX Sounds · Accessibility and Usability at Pennsylvania State University · Accessibility Developer Guide · Accessible Authentication

Other values: ; Accessible CSS Accessible Language - A Guide for Disability Etiquette Accessible color palettes based on WCAG Guidelines of text and background contrast ratios 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) Article: Color and contrast accessibility Assesses if a website meets the WCAG 2.0 color contrast success criteria Audio Content and Learning: Overview of adaptation possibilities and case study Audio Games Audio and the User Experience 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 on Request Change the Color of Visited Links Chart Authoring Tool: Highly accessible charts Checks and finds good contrast between two colors Christopher Ratcliff - UserZoom Cognitive Disabilities - Design Considerations College of Applied Health Sciences at the University of Illinois Color Blindness Color Contrast Accessibility Validator Color Safe Color Tool Colortester Colour contrast - why does it matter Concurrent Input Mechanisms Contrast Contrast Ratio Contrast calculator: Calculating and testing easily accessible colour combinations Contrast minimum 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 Distractions Dyslexia/Reading Disabilities Eileen Webb - OpenNews: Source 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 FLOE - The Inclusive Learning Handbook Five Steps to Plain Language Fluid Project- Inclusive Design Research Centre Font size calculator: Calculating and testing accessible font sizes Free Multilingual Typefaces with a Commercial License Free color contrast analysis tools for web pages or color-pairs GOV.UK - Accessibility in government Games for people with visual impairment Glyphs Google Noto Fonts Guide: Colours and contrast Guideline 1.2: Time-based Media HTML Geolocation API Harvard University - Digital Accessibility Headings and labels Henry Daw - Awwwards How to Make a Superb Multilingual Website How to design websites for blind and partially sighted people 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 Human Interface Guidelines - Apple Identify Input Purpose Identify Purpose Images Concepts Images of Text Inclusive Design - A Beginner's Guide: Write Inclusive Copy Interruptions 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 Leah Suter - Constructive Lens of Animation and Effects Lens of Controls Lens of Font Lens of Material Honesty Leo Foureaux - Toptal 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 Navigator language Property Nick Babich - Webdesigner Depot No Coffee - Vision simulator for Firefox No Online Distraction No Timing Paul Crichton - UserZoom Perceivable - Visual Presentation Personalization Overview Personalization Semantics Explainer 1.0 Personalization and User Preferences 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 Requirements for Personalization Semantics Resources for Designing for the Colorblind Rob Dodson - Google Developers Rotem Binheim, Kinneret Yifrah - InVision Inside Design Section Headings Seizure Disorders Seizures and Physical Reactions Short-Term Memory and Web Usability Simon Mills - Liquid Light Simple Wikipedia Simulates slight to extreme vision problems Sound on the Web - the invisible other half Standards/Guidelines - 3WC - Web Accessibility Initiative Subtitles, Closed Captions And Transcripts Tanaguru Contrast Finder Techniques for the Web Content Accessibility Guidelines (WCAG) 2.2 The Accessibility Tree The UX of Sound: Designing Audio Experiences Unusual Words Use headings to convey meaning and structure Use of Color 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 Roadmap and Gap Analysis W3C - Making content usable for people with cognitive and learning disabilities W3C - Technical reports W3C - Web Accessibility Tutorials W3Schools - Get the language of the browser W3Schools - Locate a user's position We Are Colorblind Web Animation: Delightful or Distracting 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 Your Interactive Makes Me Sick Yuliia Horbenko - Steelkiwi 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://build-chartauthoring.fluidproject.org/demos/ 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/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/color-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://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://material.io/resources/color/ https://rawgit.com/w3c/coga/master/issue-papers/distractions.html https://rawgit.com/w3c/coga/master/issue-papers/personalization-preferences.html https://simple.wikipedia.org/wiki/Main_Page https://source.opennews.org/articles/motion-sick/ https://steelkiwi.com/blog/how-to-make-a-multilingual-website/ https://usecontrast.com/ 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://wearecolorblind.com/resources/collection/resources-for-designing-for-the-colorblind/ https://web.dev/color-and-contrast-accessibility/ 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.accessibility-developer-guide.com/knowledge/colours-and-contrast/ 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/kontrastrechner/index-en.php 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-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.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-material-honesty 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/WCAG21/#time-based-media 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/WAI/WCAG21/Techniques/general/G5.html 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/audio-only-live.html 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/identify-purpose.html https://www.w3.org/WAI/WCAG21/Understanding/images-of-text.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/multiple-ways https://www.w3.org/WAI/WCAG21/Understanding/no-timing.html 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/seizures-and-physical-reactions https://www.w3.org/WAI/WCAG21/Understanding/unusual-words.html https://www.w3.org/WAI/WCAG21/Understanding/use-of-color.html https://www.w3.org/WAI/WCAG21/Understanding/visual-presentation.html 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/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/tutorials/images/ https://www.w3.org/WAI/tutorials/menus/ https://www.w3schools.com/html/html5_geolocation.asp https://www.w3schools.com/jsref/prop_nav_language.asp https://www.webdesignerdepot.com/2017/12/the-ux-of-sound-designing-audio-experiences/

None (1) · Adjust Content Reproduction (1) · Color Scheme (1) · Consistency (1) · Controllable Time Events (1) · Dividing Processes (1) · Error Prevention (1) · Explain Difficult Words (1) · Flashing Threshold (1) · Keyboard_Access (1) · Readability (1) · Readable (1) · Responsive (1) · Subtitles (1)

None (1) · 0.000 (13) · 105.000 (1) · 13.000 (1) · 140.000 (1) · 16.000 (3) · 177.000 (1) · 184.000 (1) · 2.000 (2) · 205.000 (1) · 229.000 (1) · 256.000 (1) · 276.000 (1) · 285.000 (1) · 304.000 (1) · 306.000 (1) · 318.000 (1) · 324.000 (1) · 328.000 (1) · 336.000 (1) · 42.000 (1) · 54.000 (1) · 6.000 (1) · 7.000 (1) · 76.500 (1)

Understanding Web Content Accessibility Guidelines (WCAG) 2.1 (7) · Techniques for the Web Content Accessibility Guidelines (WCAG) 2.1 (4) · Steven Lambert - Smashing Magazine (2)

Other values: ; A Guide to Understanding What Makes a Typeface Accessible A project to help personalisation for any use - including people with learning and memory issues Accessibility Developer Guide Accessible responsive design 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 Automatic Readability Checker Calculates reading level and grade level of a text and helps to determine how well an audience can read your writing Captioning: Basics and Options Updated for 2020 (3Play, Media Rev.com and YouTube) Captions for Live Events Captions/Subtitles Carousel Concepts Character Key Shortcuts Chris Ashton - Smashing Magazine Coga.personalisation Color Oracle Color palettes suitable for color blindness Colorblindly Consistent Identification Consistent Navigation Content Design London Create designs for different viewport sizes Creating Dyslexia Friendly Content Dave Gash, Meggin Kearney, Rachel Andrew, Rob Dodson - Google Developers Dyslexia - Illustration of how a dyslexic can be affected when reading Dyslexia Style Guide 2018 Ensure that all interactive elements are keyboard accessible Ensuring that no component of the content flashes more than three times in any 1-second period Error Prevention (All) Error Prevention (Legal, Financial, Data) Essay Tool Box FG - Expectedly First Discovery Fluid: Infusion Focus Visible Font intended for people with Dyslexia Free color blindness simulator Gareth Ford Williams - Medium Grammarly Grammarly Free checks grammar, spelling, and punctuation Help Hemingway App Hemingway App makes your writing bold and clear Hotjar How Automated Captioning Saved TEDxSeattle for This Fan How to browse websites using a keyboard only How to create SRT (SubRip Text) files (common caption/subtitle format) How to Use Color Blind Friendly Palettes to Make Your Charts Accessible 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://app.grammarly.com/apps https://build-firstdiscovery.fluidproject.org/demos/ https://cdn.bdadyslexia.org.uk/documents/Advice/style-guide/Dyslexia_Style_Guide_2018-final-1.pdf https://chrome.google.com/webstore/detail/colorblindly/floniaahmccleoclneebhhmnjgdfijgg https://colororacle.org https://developers.google.com/web/fundamentals/accessibility/focus https://essaytoolbox.com/ https://fluidproject.org/infusion.html https://github.com/ayelet-seeman/coga.personalisation https://hemingwayapp.com/ https://jointhehumanproject.org.za/the-submachine https://mismatch.design/stories/2018/12/14/how-automated-captioning-saved-tedxseattle-for-this-fan/ https://readabilityformulas.com/free-readability-formula-tests.php https://readabilityguidelines.co.uk/ https://usability.yale.edu/web-accessibility/articles/captions-live-events https://uxdesign.cc/a-guide-to-understanding-what-makes-a-typeface-accessible-and-how-to-make-informed-decisions-9e5c0b9040a0 https://uxplanet.org/progress-trackers-in-ux-design-4319cef1c600 https://venngage.com/blog/color-blind-friendly-palette/ https://web.dev/accessible-responsive-design/ 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.breadcrumbdigital.com.au/multi-step-form-design-part-1-progress-indicators-and-field-labels/ https://www.hotjar.com/conversion-rate-optimization/glossary/website-readability/ https://www.onlinecorrection.com/ https://www.simplish.org/ https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-keyboard https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-readability https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-time https://www.smashingmagazine.com/2018/07/web-with-just-a-keyboard/ https://www.speechpad.com/captions/srt https://www.w3.org/TR/mobile-accessibility-mapping/ https://www.w3.org/TR/UNDERSTANDING-WCAG20/keyboard-operation.html https://www.w3.org/WAI/media/av/captions https://www.w3.org/WAI/tips/designing/#create-designs-for-different-viewport-sizes 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/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/G101 https://www.w3.org/WAI/WCAG21/Techniques/general/G107.html https://www.w3.org/WAI/WCAG21/Techniques/general/G112 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/Techniques/general/G55 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/character-key-shortcuts.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/focus-visible.html https://www.w3.org/WAI/WCAG21/Understanding/help.html https://www.w3.org/WAI/WCAG21/Understanding/keyboard.html https://www.w3.org/WAI/WCAG21/Understanding/labels-or-instructions https://www.w3.org/WAI/WCAG21/Understanding/link-purpose-in-context.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/pointer-cancellation.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 https://www.youtube.com/watch?v=A4W_cIafIos Identifying a required field with the aria-required property Infusion is a code framework for building personalizable and adaptive applications Introduction to Focus Keeping the flashing area small enough Keyboard Keyboard access fundamentals Keyboard Accessible Kristen Willis Labels or Instructions Lens Of Keyboard Lens Of Readability Lens Of Time Lets users discover, declare and store digital preferences Link Purpose Linking to definitions Live Captions Making Audio and Video Media Accessible Meggin Kearney, Dave Gash, Rob Dodson - Google Developers Mobile Accessibility Multi-page Forms Multi-step form design: Progress indicators and field labels Nick Babich On Focus On Input Online Correction Online essay creation tools, including comfortable and fast editing, idea generation, essay checking, and summarizing Orientation Pointer Cancellation Presenting repeated components in the same relative order each time they appear Professional subtitle services by persons with disabilities Progress Trackers in UX Design 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 Providing text descriptions to identify required fields that were not completed Providing the ability for the user to review and correct answers before submitting Providing the definition of a word or phrase used in an unusual or restricted way Readability Guidelines Rob Dodson - Google Developers Simplify text or Generate Multi-lingual Multi-document Summaries Simplish Simulates colorblindness in your web browser Speechpad Steven Lambert Style focus Swetha Machanavajhala - Mismatch Techniques for the Web Content Accessibility Guidelines (WCAG) 2.2 Text Spacing The Submachine Three Flashes Three Flashes or Below Threshold Timing Adjustable Tips for Getting Started - 3WC - Web Accessibility Initiative Tips for Getting Started - 3WC Web Accessibility Initiative Tool to find spelling, as well as basic grammar and stylistic mistakes, in English texts Use semantic HTML for easy keyboard wins Using 'activate' rather than 'focus' as a trigger for changes of context Using a tool to ensure that content does not violate the general flash threshold or red flash threshold Using Aria-Invalid to Indicate An Error Field Using inline definitions Victor Widell W3C - Web Accessibility Tutorials Web Accessibility Tutorials - 3WC Web Accessibility Initiative Website readability: a definition Yale ITS - YouTube

None (5) · Adjust Content Complexity (1) · Alerting Time Events (1) · Animations (1) · Flow (1) · Information in color (1) · Prevent Difficult Words (1) · Resize Text (1) · Sign Language (1) · User_Agents (1)

None (5) · 0.000 (9) · 13.000 (1) · 140.000 (1) · 177.000 (1) · 18.000 (1) · 2.000 (1) · 205.000 (1) · 22.000 (1) · 229.000 (1) · 256.000 (1) · 276.000 (1) · 28.000 (1) · 310.000 (1) · 312.000 (1) · 340.000 (1) · 341.000 (1) · 348.000 (1) · 42.000 (1) · 66.000 (1)

None (5) · Understanding Web Content Accessibility Guidelines (WCAG) 2.1 (5) · 3WC - Web Accessibility Initiative (2) · Rob Dodson - Google Developers (2)

Other values: ; Accessibility Developer Guide Animation from Interactions ARIA ARIA Hiding and Updating Content ARIA Labels and Relationships 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 Color and contrast accessibility: Don't convey information with color alone 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 Headings and landmarks http://www.plainenglish.co.uk/the-a-z-of-alternative-words.html 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://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/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.w3.org/TR/using-aria/ 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/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/tutorials/forms/labels/ https://www.w3.org/WAI/WCAG21/Techniques/css/C6 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/bypass-blocks.html https://www.w3.org/WAI/WCAG21/Understanding/focus-order.html https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships 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/reflow.html https://www.w3.org/WAI/WCAG21/Understanding/resize-text.html https://www.w3.org/WAI/WCAG21/Understanding/timeouts.html Info And Relationships Inkl. Design Introduction to ARIA Introduction to Semantics Invisible Content Just for Screen Reader Users Labelling Controls Lens of Color Location Meaningful Sequence Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers Metadata Mozilla - MDN WebDocs No Keyboard Trap Ordering the content in a meaningful sequence Plain English Campaign Plain Language Action and Information Network Positioning content based on structural markup Rachel Andrew - Google Developers Reflect the reading order in the code order Reflow Resize Text Semantics and screen readers Steven Lambert - Smashing Magazine SVG patterns for Data Visualization Techniques for the Web Content Accessibility Guidelines (WCAG) 2.2 Textures.js The A - Z of alternative words The Inclusive Learning Design Handbook Timeouts Tips for Getting Started - 3WC - Web Accessibility Initiative Tips for Getting Started - 3WC Web Accessibility Initiative Understand and create sign language interpretation for audio and video Use simple words and phrases Using ARIA WAI-ARIA basics We Are Colorblind Web Accessibility Tutorials - 3WC - Web Accessibility Initiative WebAIM - Center for Persons with Disabilities World Wide Web Consortium

None (12) · Maintenance (1) · Reader Mode (1)

None (12) · 0.000 (2) · 205.000 (1) · 354.000 (1) · 42.000 (1) · 58.000 (1)

None (12) · Bruce Lawson (1) · Building websites for Safari Reader Mode and other reading apps (1) · Eric Bailey - CSS Tricks (1) · FLOE Metadata Feedback Tool (1) · https://css-tricks.com/reader-mode-the-button-to-beat/ (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) · 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)

None (14)

None (14)

None (14)

None (8) · Color_References (1) · Contrast_References (1) · Distraction_References (1) · Predictability_References (1) · Presumed_recollection_References (1) · Time_events_References (1)

Adjustability (1) · Auditory content reproduction (1) · Color (1) · Compatibility (1) · Complexity (1) · Contrast (1) · Difficult words (1) · Flashing (1) · Input assistance (1) · Linguistic complexity (1) · Navigation (1) · Predictability (1) · Time events (1) · Typography (1)

None (14)