View table: referencecollection
Jump to navigation
Jump to search
Table structure:
- headline1 - String
- coordhead1 - List of String
- references1 - List of String
- headline2 - String
- coordhead2 - List of String
- references2 - List of String
- headline3 - String
- coordhead3 - List of String
- references3 - List of String
- headline4 - String
- coordhead4 - List of String
- references4 - List of String
- headline5 - String
- coordhead5 - List of String
- references5 - List of String
- linksto - List of Page
- belongsto - List of Page
- contains - List of Page)
This table has 24 rows altogether.
| Page | headline1 | coordhead1 | references1 | headline2 | coordhead2 | references2 | headline3 | coordhead3 | references3 | headline4 | coordhead4 | references4 | headline5 | coordhead5 | references5 | linksto | belongsto | contains |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Adjustability References | General | 4.000 • 177.000 • 0.000 | Personalization Overview • Standards/Guidelines - 3WC - Web Accessibility Initiative • https://www.w3.org/WAI/personalization/ • Identify Purpose • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/identify-purpose.html • Personalization and User Preferences • W3C - Cognitive Accessibility Issue Papers • https://rawgit.com/w3c/coga/master/issue-papers/personalization-preferences.html • Personalization Semantics Explainer 1.0 • W3C - Technical reports • https://w3c.github.io/personalization-semantics/ • Requirements for Personalization Semantics • W3C - Technical reports • https://www.w3.org/TR/2020/WD-personalization-semantics-requirements-1.0-20201028/ | Adjust Content Reproduction | 16.000 • 177.000 • 0.000 | Fluid: Infusion • Infusion is a code framework for building personalizable and adaptive applications • https://fluidproject.org/infusion.html • First Discovery • Lets users discover, declare and store digital preferences • https://build-firstdiscovery.fluidproject.org/demos/ • Coga.personalisation • A project to help personalisation for any use - including people with learning and memory issues • https://github.com/ayelet-seeman/coga.personalisation | Adjust Content Complexity | 22.000 • 177.000 • 0.000 | Inkl. Design • Best practice: Users can choose Simple Language (German only) as an alternative to German or English • https://www.inkl-design.de/en/ | Adjustability | ||||||||
| Auditory Content Reproduction References | General | 310.000 • 276.000 • 0.000 | Introduction to Perception - hearing, feeling, and seeing • 3WC - Web Accessibility Initiative • https://www.w3.org/WAI/people-use-web/tools-techniques/#perception • Guideline 1.2: Time-based Media • Web Content Accessibility Guidelines • https://www.w3.org/TR/WCAG21/#time-based-media • Audio Content and Learning: Overview of adaptation possibilities and case study • FLOE - The Inclusive Learning Handbook • https://handbook.floeproject.org/audiocontentandlearning • Subtitles, Closed Captions And Transcripts • FLOE - The Inclusive Learning Handbook • https://handbook.floeproject.org/videocontentandlearning#SubtitlesClosedCaptionsAndTranscripts • Auditory Disabilities • Deque University - Accessibility Basic Concepts • https://dequeuniversity.com/class/archive/basic-concepts1/types-of-disabilities/auditory-disabilities • Audio Games • Games for people with visual impairment • https://www.audiogames.net/ • Audio-only (Live) • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/audio-only-live.html | Subtitles | 328.000 • 276.000 • 0.000 | Captions/Subtitles • Making Audio and Video Media Accessible • https://www.w3.org/WAI/media/av/captions • How to create SRT (SubRip Text) files (common caption/subtitle format) • Speechpad • https://www.speechpad.com/captions/srt • Captioning: Basics and Options Updated for 2020 (3Play, Media Rev.com and YouTube) • Yale ITS - YouTube • https://www.youtube.com/watch?v=A4W_cIafIos • The Submachine • Professional subtitle services by persons with disabilities • https://jointhehumanproject.org.za/the-submachine • Live Captions • Captions for Live Events • https://usability.yale.edu/web-accessibility/articles/captions-live-events • How Automated Captioning Saved TEDxSeattle for This Fan • Swetha Machanavajhala - Mismatch • https://mismatch.design/stories/2018/12/14/how-automated-captioning-saved-tedxseattle-for-this-fan/ | Sign Language | 340.000 • 276.000 • 0.000 | Understand and create sign language interpretation for audio and video • 3WC - Web Accessibility Initiative • https://www.w3.org/WAI/media/av/sign-languages | Auditory content reproduction | ||||||||
| Choice References | General | 316.000 • 145.000 • 0.000 | Google Noto Fonts • Beautiful and free fonts for all languages • https://www.google.com/get/noto/ • Free Multilingual Typefaces with a Commercial License • Pixelsurplus • https://www.pixelsurplus.com/blog/free-multilingual-typefaces-with-a-commercial-license • How to Make a Superb Multilingual Website • Yuliia Horbenko - Steelkiwi • https://steelkiwi.com/blog/how-to-make-a-multilingual-website/ | Multilingual | 322.000 • 145.000 • 0.000 | Language of Page • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/language-of-page.html • Language of Parts • 3WC - Web Accessibility Initiative • https://www.w3.org/WAI/WCAG21/Understanding/language-of-parts.html • Foreign Languages and Accessibility • Accessibility and Usability at Pennsylvania State University • https://accessibility.psu.edu/foreignlanguages/ • Language Tags in HTML • Accessibility and Usability at Pennsylvania State University • https://accessibility.psu.edu/foreignlanguages/langtaghtml/ • HTML Language Code Reference • W3Schools - ISO Language Codes • https://www.w3schools.com/tags/ref_language_codes.asp • Free Website Translations • Add a button to a website that automatically translates it into different languages with Google Language tools • http://free-website-translation.com/ | Choice | |||||||||||
| Color References | General | 298.000 • 2.000 • 0.000 | Use of Color • Web Content Accessibility Guidelines • https://www.w3.org/WAI/WCAG21/Understanding/use-of-color.html • We Are Colorblind • Resources for Designing for the Colorblind • https://wearecolorblind.com/resources/collection/resources-for-designing-for-the-colorblind/ • Color Blindness • Deque University - Accessibility Basic Concepts • https://dequeuniversity.com/class/archive/basic-concepts1/types-of-disabilities/color-blindness | Color Scheme | 304.000 • 2.000 • 0.000 | Color Oracle • Free color blindness simulator • https://colororacle.org • Colorblindly • Simulates colorblindness in your web browser • https://chrome.google.com/webstore/detail/colorblindly/floniaahmccleoclneebhhmnjgdfijgg • How to Use Color Blind Friendly Palettes to Make Your Charts Accessible • Color palettes suitable for color blindness • https://venngage.com/blog/color-blind-friendly-palette/ | Information in color | 310.000 • 2.000 • 0.000 | Don’t use color alone to convey information • 3WC - Web Accessibility Initiative • https://www.w3.org/WAI/tips/designing/#dont-use-color-alone-to-convey-information • Textures.js • SVG patterns for Data Visualization • https://riccardoscalco.it/textures/ • We Are Colorblind • Examples of designs that work well or don't work for colorblind people • https://wearecolorblind.com/examples/ • Lens of Color • Steven Lambert - Smashing Magazine • https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-color • Color and contrast accessibility: Don't convey information with color alone • Dave Gash, Meggin Kearney, Rachel Andrew, Rob Dodson - Google Developers • https://web.dev/color-and-contrast-accessibility/#don't-convey-information-with-color-alone | Contrast References | Color | |||||||
| Compatibility References | General | 4.000 • 205.000 • 0.000 | Concurrent Input Mechanisms • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/concurrent-input-mechanisms.html • Motion Actuation • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/motion-actuation.html • The Accessibility Tree • Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers • https://developers.google.com/web/fundamentals/accessibility/semantics-builtin/the-accessibility-tree • Accessible CSS • WebAIM - Center for Persons with Disabilities • https://webaim.org/techniques/css/ | Responsive | 16.000 • 205.000 • 0.000 | Accessible responsive design • Dave Gash, Meggin Kearney, Rachel Andrew, Rob Dodson - Google Developers • https://web.dev/accessible-responsive-design/ • Create designs for different viewport sizes • Tips for Getting Started - 3WC - Web Accessibility Initiative • https://www.w3.org/WAI/tips/designing/#create-designs-for-different-viewport-sizes • Mobile Accessibility • How WCAG 2.0 and Other W3C/WAI Guidelines Apply to Mobile • https://www.w3.org/TR/mobile-accessibility-mapping/ • Orientation • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/orientation.html | User_Agents | 28.000 • 205.000 • 0.000 | Metadata • The Inclusive Learning Design Handbook • https://handbook.floeproject.org/metadata • Labelling Controls • Web Accessibility Tutorials - 3WC - Web Accessibility Initiative • https://www.w3.org/WAI/tutorials/forms/labels/ • Associate a label with every form control • Tips for Getting Started - 3WC - Web Accessibility Initiative • https://www.w3.org/WAI/tips/developing/#associate-a-label-with-every-form-control • Info And Relationships • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships • Introduction to Semantics • Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers • https://developers.google.com/web/fundamentals/accessibility/semantics-builtin • Semantics and screen readers • Rob Dodson - Google Developers • https://web.dev/semantics-and-screen-readers/ • Headings and landmarks • Rob Dodson - Google Developers • https://web.dev/headings-and-landmarks/ • ARIA • Accessibility Developer Guide • https://www.accessibility-developer-guide.com/knowledge/aria/ • Using ARIA • World Wide Web Consortium • https://www.w3.org/TR/using-aria/ • WAI-ARIA basics • Mozilla - MDN WebDocs • https://developer.mozilla.org/en-US/docs/Learn/Accessibility/WAI-ARIA_basics • Introduction to ARIA • Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers • https://developers.google.com/web/fundamentals/accessibility/semantics-aria • ARIA Labels and Relationships • Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers • https://developers.google.com/web/fundamentals/accessibility/semantics-aria/aria-labels-and-relationships • ARIA Hiding and Updating Content • Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers • https://developers.google.com/web/fundamentals/accessibility/semantics-aria/hiding-and-updating-content • Invisible Content Just for Screen Reader Users • WebAIM - Center for Persons with Disabilities • https://webaim.org/techniques/css/invisiblecontent/ | Maintenance | 58.000 • 205.000 • 0.000 | FLOE Metadata Feedback Tool • Lets users provide feedback about how a resource matched their preferences and ask for improvements • https://metadata.floeproject.org/demos/feedback/ • On-Site Surveys • The easiest way to find out what people need, right on your website • https://www.hotjar.com/blog/on-site-surveys/ | Compatibility | |||||
| Complexity References | General | 10.000 • 285.000 • 0.000 | Use headings to convey meaning and structure • Tips for Getting Started - 3WC Web Accessibility Initiative • https://www.w3.org/WAI/tips/writing/#use-headings-to-convey-meaning-and-structure • Section Headings • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/section-headings • Headings and labels • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/headings-and-labels.html | Dividing Processes | 16.000 • 285.000 • 0.000 | Multi-page Forms • Web Accessibility Tutorials - 3WC Web Accessibility Initiative • https://www.w3.org/WAI/tutorials/forms/multi-page/ • Progress Trackers in UX Design • Nick Babich • https://uxplanet.org/progress-trackers-in-ux-design-4319cef1c600 • Multi-step form design: Progress indicators and field labels • Kristen Willis • https://www.breadcrumbdigital.com.au/multi-step-form-design-part-1-progress-indicators-and-field-labels/ | Complexity | |||||||||||
| Contrast References | General | 333.000 • 0.000 • 0.000 | Contrast minimum • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html • Provide sufficient contrast between foreground and background • Tips for Getting Started - 3WC Web Accessibility Initiative • https://www.w3.org/WAI/tips/designing/#provide-sufficient-contrast-between-foreground-and-background • Contrast calculator: Calculating and testing easily accessible colour combinations • Leserlich - German Federation of the Blind and Partially Sighted • https://www.leserlich.info/werkzeuge/kontrastrechner/index-en.php • Contrast Ratio • Contrast ratio calculator and checker • https://contrast-ratio.com • Color Tool • Create, share, and apply color palettes and measure the accessibility level of any color combination • https://material.io/resources/color/ • Tanaguru Contrast Finder • Checks and finds good contrast between two colors • https://contrast-finder.tanaguru.com/ • No Coffee - Vision simulator for Firefox • Simulates slight to extreme vision problems • https://addons.mozilla.org/en-US/firefox/addon/nocoffee/ • Guide: Colours and contrast • Accessibility Developer Guide • https://www.accessibility-developer-guide.com/knowledge/colours-and-contrast/ • Article: Color and contrast accessibility • Dave Gash, Meggin Kearney, Rachel Andrew, Rob Dodson - Google Developers • https://web.dev/color-and-contrast-accessibility/ • Color Contrast Accessibility Validator • Free color contrast analysis tools for web pages or color-pairs • https://color.a11y.com/?boia • Colortester • Assesses if a website meets the WCAG 2.0 color contrast success criteria • https://alfasado.net/apps/colortester.html • Contrast • A macOS app for quick access to WCAG color contrast ratios • https://usecontrast.com/ • Color Safe • Accessible color palettes based on WCAG Guidelines of text and background contrast ratios • http://colorsafe.co/ • Colour contrast - why does it matter • GOV.UK - Accessibility in government • https://accessibility.blog.gov.uk/2016/06/17/colour-contrast-why-does-it-matter/ | Color References | Contrast | |||||||||||||
| Difficult words References | General | 300.000 • 229.000 • 0.000 | Unusual Words • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/unusual-words.html | Explain Difficult Words | 306.000 • 229.000 • 0.000 | Providing the definition of a word or phrase used in an unusual or restricted way • Techniques for the Web Content Accessibility Guidelines (WCAG) 2.2 • https://www.w3.org/WAI/WCAG21/Techniques/general/G101 • Linking to definitions • Techniques for the Web Content Accessibility Guidelines (WCAG) 2.2 • https://www.w3.org/WAI/WCAG21/Techniques/general/G55 • Using inline definitions • Techniques for the Web Content Accessibility Guidelines (WCAG) 2.2 • https://www.w3.org/WAI/WCAG21/Techniques/general/G112 | Prevent Difficult Words | 312.000 • 229.000 • 0.000 | The A - Z of alternative words • Plain English Campaign • http://www.plainenglish.co.uk/the-a-z-of-alternative-words.html • Use simple words and phrases • Plain Language Action and Information Network • https://www.plainlanguage.gov/guidelines/words/use-simple-words-phrases/ • Ditch the Fancy Vocabulary for Accessible Language • Bureau Of Internet Accessibility • https://www.boia.org/blog/ditch-the-fancy-vocabulary-for-accessible-language | Presumed recollection References | Difficult words | |||||||
| Distraction References | General | 10.000 • 257.000 • 0.000 | Web Animation: Delightful or Distracting • Leah Suter - Constructive • https://constructive.co/insight/web-animation-delightful-or-distracting/ • Distractions • W3C - Cognitive Accessibility Issue Papers • https://rawgit.com/w3c/coga/master/issue-papers/distractions.html • No Online Distraction • Accessibility and Usability at Pennsylvania State University • https://accessibility.psu.edu/distraction/ | Reduction | 17.000 • 257.000 • 0.000 | Avoid Visual Distractions • The University of Melbourne • https://www.unimelb.edu.au/accessibility/web-design-for-autism/avoid-visual-distractions • Pause, Stop, Hide • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/pause-stop-hide.html • Attention Alert! Study on Distraction Reveals Some Surprise • Larry D. Rosen Ph.D. - Psychology Today • https://www.psychologytoday.com/intl/blog/rewired-the-psychology-technology/201204/attention-alert-study-distraction-reveals-some | Typography References • Flashing References | Distraction | ||||||||||
| Flashing References | General | 41.000 • 256.000 • 0.000 | Seizures and Physical Reactions • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/seizures-and-physical-reactions • Lens of Animation and Effects • Steven Lambert - Smashing Magazine • https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-animation-effects • Your Interactive Makes Me Sick • Eileen Webb - OpenNews: Source • https://source.opennews.org/articles/motion-sick/ • Seizure Disorders • Deque University - Accessibility Basic Concepts • https://dequeuniversity.com/class/archive/basic-concepts1/types-of-disabilities/seizure-disorders | Flashing Threshold | 54.000 • 256.000 • 0.000 | Three Flashes or Below Threshold • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/three-flashes-or-below-threshold.html • Using a tool to ensure that content does not violate the general flash threshold or red flash threshold • Techniques for the Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Techniques/general/G15.html • Three Flashes • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/three-flashes.html • Ensuring that no component of the content flashes more than three times in any 1-second period • Techniques for the Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Techniques/general/G19.html • Keeping the flashing area small enough • Techniques for the Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Techniques/general/G176.html | Animations | 66.000 • 256.000 • 0.000 | Animation from Interactions • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/animation-from-interactions.html | Distraction References | Flashing | |||||||
| Identification References | General | 316.000 • 117.000 • 0.000 | Navigator language Property • W3Schools - Get the language of the browser • https://www.w3schools.com/jsref/prop_nav_language.asp • HTML Geolocation API • W3Schools - Locate a user's position • https://www.w3schools.com/html/html5_geolocation.asp | Identification | ||||||||||||||
| Imagery References | General | 23.000 • 100.000 • 0.000 | Glyphs • Human Interface Guidelines - Apple • https://developer.apple.com/design/human-interface-guidelines/glyphs/overview/ | Inclusive Imagery | 30.000 • 100.000 • 0.000 | Conscious Design And Images: Articles and resources • Karen Yin - Conscious style guide • https://consciousstyleguide.com/design-images/ • Inclusive Design - A Beginner's Guide: Use inclusive imagery • Vale Querini - CareerFoundry • https://careerfoundry.com/en/blog/ux-design/beginners-guide-inclusive-design/#use-inclusive-imagery • 3 Simple Strategies for Sourcing Inclusive Imagery • Shutterstock • https://www.shutterstock.com/blog/strategies-inclusive-imagery • Inclusion Images • Freepic - Graphic resources for everyone • https://www.freepik.com/free-photos-vectors/inclusion • Creative Workshop: Inclusive Character Design • Ashton Dockendorf • https://lemonly.com/blog/inclusive-character-design • Your Face Here - Creating illustration guidelines for a more inclusive visual identity • Jennifer Hom - Airbnb Design • https://airbnb.design/your-face-here/ • Inclusive Illustrations, By Design • John Maeda - The WordPress.com Blog • https://wordpress.com/blog/2017/05/09/inclusive-illustrations-by-design/ • You Can’t Just Draw Purple People and Call it Diversity • Meg Robichaud - Medium • https://ux.shopify.com/you-cant-just-draw-purple-people-and-call-it-diversity-e2aa30f0c0e8 • Easy ways to show more diversity in your sketches • Ben Crothers - Presto Sketching • http://prestosketching.com/blog/2018/01/27/easy-ways-to-show-more-diversity-in-your-sketches/ • Designing inclusive illustrations (or, a brief history of the meeple) • Sara VanSlyke - Work Life by Atlassian • https://www.atlassian.com/blog/inside-atlassian/designing-inclusive-illustrations-at-atlassian • Illustrating a More Inclusive Brand • Trace Byrd - Medium • https://medium.com/facebook-design-business-tools/illustrating-a-more-inclusive-brand-bbb4fa6c4bb3 • The Accessible Icon Project • The Accessible Icon Project is an ongoing work of design activism • https://accessibleicon.org • Can we design a truly inclusive accessibility icon? • Scott Kirkwood - AIGA the professional association for design • https://www.aiga.org/inclusive-accessible-icon-project-icon-wheelchair • Inclusive Symbols • Free symbols that are designed to make public places more inclusive • https://www.inclusivesymbols.com/ • Free inclusive icon set • Flo Lenormand - Dribbble • https://dribbble.com/shots/12133487-Free-inclusive-icon-set • The Noun Project • The Noun Project is building a global visual language that unites us • https://thenounproject.com • 2,897 Free Inclusive Icons • Flaticon • https://www.flaticon.com/free-icons/inclusive | Imagery | |||||||||||
| Input assistance References | General | 306.000 • 76.500 • 0.000 | Error Identification • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/error-identification.html • Error Suggestion • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/error-suggestion.html • Provide Clear Instructions • Tips for Getting Started - 3WC - Web Accessibility Initiative • https://www.w3.org/WAI/tips/writing/#provide-clear-instructions • Entering Data, Error Prevention and Recovery • 3WC - Cognitive Accessibility Roadmap and Gap Analysis • https://www.w3.org/TR/coga-gap-analysis/#table3 • Multi-step form design: Validation, error messages and contextual help • Kristen Willis - Breadcrumb Digital • https://www.breadcrumbdigital.com.au/multi-step-form-design-part-3-validation-error-messages-and-contextual-help/ • Identify Input Purpose • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/identify-input-purpose.html • Accessible Authentication • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/accessible-authentication | Error Prevention | 324.000 • 76.500 • 0.000 | Error Prevention (All) • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/error-prevention-all.html • Help • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/help.html • Error Prevention (Legal, Financial, Data) • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/error-prevention-legal-financial-data.html • Pointer Cancellation • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/pointer-cancellation.html • Labels or Instructions • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/labels-or-instructions • Providing text descriptions to identify required fields that were not completed • Techniques for the Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Techniques/general/G83.html • Using Aria-Invalid to Indicate An Error Field • Techniques for the Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA21.html • Identifying a required field with the aria-required property • Techniques for the Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA2.html • Providing the ability for the user to review and correct answers before submitting • Techniques for the Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Techniques/general/G98.html | Input assistance | |||||||||||
| Input modalities References | General | 22.000 • 314.238 • 0.000 | Ensure that interactive elements are easy to identify • Tips for Getting Started - 3WC Web Accessibility Initiative • https://www.w3.org/WAI/tips/designing/#ensure-that-interactive-elements-are-easy-to-identify • Lens of Controls • Steven Lambert - Smashing Magazine • https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-controls | Target | 28.000 • 314.238 • 0.000 | Target Size • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/target-size.html • Large Links, Buttons, and Controls • 3WC - Web Accessibility Initiative • https://www.w3.org/WAI/perspective-videos/controls/ • Accessible tap targets • Dave Gash, Meggin Kearney, Rachel Andrew, Rob Dodson - Google Developers • https://web.dev/accessible-tap-targets/ • Styling Buttons, The Right Way • Florens Verschelde • https://fvsch.com/styling-buttons | Pointer | 40.000 • 314.238 • 0.000 | Pointer Gestures • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/pointer-gestures.html • Content On Hover Or Focus • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/content-on-hover-or-focus.html | Input modalities | ||||||||
| Linguistic complexity References | General | 300.000 • 184.000 • 0.000 | Keep content clear and concise • Tips for Getting Started - 3WC - Web Accessibility Initiative • https://www.w3.org/WAI/tips/writing/#keep-content-clear-and-concise • Reading Level • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/reading-level.html • Writing Accessible Microcopy • Rotem Binheim, Kinneret Yifrah - InVision Inside Design • https://www.invisionapp.com/inside-design/writing-accessible-microcopy • Five Steps to Plain Language • Center For Plain Language • https://centerforplainlanguage.org/ • Use plain language • Harvard University - Digital Accessibility • https://accessibility.huit.harvard.edu/use-plain-language • Simple Wikipedia • More than 184,850 articles in Simple English • https://simple.wikipedia.org/wiki/Main_Page • Dyslexia/Reading Disabilities • Deque University - Accessibility Basic Concepts • https://dequeuniversity.com/class/archive/basic-concepts1/types-of-disabilities/cognitive-disabilities/dyslexia • How to make better websites for people with dyslexia • Paul Crichton - UserZoom • https://www.userzoom.com/ux-library/five-ways-to-make-usable-websites-for-people-with-dyslexia/ | Readable | 318.000 • 184.000 • 0.000 | Readability Guidelines • Content Design London • https://readabilityguidelines.co.uk/ • Simplish • Simplify text or Generate Multi-lingual Multi-document Summaries • https://www.simplish.org/ • Hemingway App • Hemingway App makes your writing bold and clear • https://hemingwayapp.com/ • Grammarly • Grammarly Free checks grammar, spelling, and punctuation • https://app.grammarly.com/apps • Essay Tool Box • Online essay creation tools, including comfortable and fast editing, idea generation, essay checking, and summarizing • https://essaytoolbox.com/ • Online Correction • Tool to find spelling, as well as basic grammar and stylistic mistakes, in English texts • https://www.onlinecorrection.com/ • Automatic Readability Checker • Calculates reading level and grade level of a text and helps to determine how well an audience can read your writing • https://readabilityformulas.com/free-readability-formula-tests.php • Lens Of Readability • Steven Lambert • https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-readability • Website readability: a definition • Hotjar • https://www.hotjar.com/conversion-rate-optimization/glossary/website-readability/ | Linguistic complexity | |||||||||||
| Navigation References | General | 7.000 • 7.000 • 0.000 | Users can easily navigate, find content, and determine where they are • 3WC - Web Accessibility Initiative - Accessibility Fundamentals • https://www.w3.org/WAI/fundamentals/accessibility-principles/#navigable • Multiple Ways • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/multiple-ways • Motor Disabilities • Deque University - Accessibility Basic Concepts • https://dequeuniversity.com/class/archive/basic-concepts1/types-of-disabilities/motor-disabilities | Keyboard_Access | 13.000 • 7.000 • 0.000 | How to browse websites using a keyboard only • Accessibility Developer Guide • https://www.accessibility-developer-guide.com/knowledge/keyboard-only/browsing-websites/ • Keyboard access fundamentals • Rob Dodson - Google Developers • https://web.dev/keyboard-access/ • Ensure that all interactive elements are keyboard accessible • Tips for Getting Started - 3WC Web Accessibility Initiative • https://www.w3.org/WAI/tips/developing/#ensure-that-all-interactive-elements-are-keyboard-accessible • Keyboard Accessible • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/TR/UNDERSTANDING-WCAG20/keyboard-operation.html • Keyboard • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/keyboard.html • Focus Visible • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/focus-visible.html • Link Purpose • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/link-purpose-in-context.html • Character Key Shortcuts • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/character-key-shortcuts.html • Article: I Used The Web For A Day With Just A Keyboard • Chris Ashton - Smashing Magazine • https://www.smashingmagazine.com/2018/07/web-with-just-a-keyboard/ • Provide easily identifiable feedback • Tips for Getting Started - 3WC Web Accessibility Initiative • https://www.w3.org/WAI/tips/designing/#provide-easily-identifiable-feedback • Lens Of Keyboard • Steven Lambert - Smashing Magazine • https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-keyboard • Introduction to Focus • Meggin Kearney, Dave Gash, Rob Dodson - Google Developers • https://developers.google.com/web/fundamentals/accessibility/focus • Use semantic HTML for easy keyboard wins • Rob Dodson - Google Developers • https://web.dev/use-semantic-html/ • Style focus • Rob Dodson - Google Developers • https://web.dev/style-focus/ • Carousel Concepts • W3C - Web Accessibility Tutorials • https://www.w3.org/WAI/tutorials/carousels/ | Flow | 13.000 • 341.000 • 0.000 | Reflect the reading order in the code order • Tips for Getting Started - 3WC Web Accessibility Initiative • https://www.w3.org/WAI/tips/developing/#reflect-the-reading-order-in-the-code-order • Focus Order • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/focus-order.html • Location • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/location.html • Bypass Blocks • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/bypass-blocks.html • No Keyboard Trap • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/no-keyboard-trap.html • Reflow • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/reflow.html • Content reordering • Rachel Andrew - Google Developers • https://web.dev/content-reordering/ • Control focus with tabindex • Rob Dodson - Google Developers • https://web.dev/control-focus-with-tabindex/ • Meaningful Sequence • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/meaningful-sequence.html • Ordering the content in a meaningful sequence • Techniques for the Web Content Accessibility Guidelines (WCAG) 2.2 • https://www.w3.org/WAI/WCAG21/Techniques/general/G57 • Positioning content based on structural markup • Techniques for the Web Content Accessibility Guidelines (WCAG) 2.2 • https://www.w3.org/WAI/WCAG21/Techniques/css/C6 | Navigation | ||||||||
| Orientation References | General | 350.000 • 75.000 • 0.000 | Menu Concepts • W3C - Web Accessibility Tutorials • https://www.w3.org/WAI/tutorials/menus/ | Layout | 356.000 • 75.000 • 0.000 | Lens Of Layout • Steven Lambert - Smashing Magazine • https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-layout | Structure | 2.000 • 75.000 • 0.000 | Provide informative, unique page titles • Tips for Getting Started - 3WC - Web Accessibility Initiative • https://www.w3.org/WAI/tips/writing/#provide-informative-unique-page-titles • Link Purpose (In Context) • Understanding the Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/link-purpose-in-context • Link Purpose (Link Only) • Understanding the Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/link-purpose-link-only • Lens Of Structure • Steven Lambert - Smashing Magazine • https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-structure • Semantics and Navigating Content • Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers • https://developers.google.com/web/fundamentals/accessibility/semantics-builtin/navigating-content • Page Structure Concepts • W3C - Web Accessibility Tutorials • https://www.w3.org/WAI/tutorials/page-structure/ | Orientation | ||||||||
| Predictability References | General | 350.000 • 105.000 • 0.000 | Lens of Material Honesty • Steven Lambert - Smashing Magazine • https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-material-honesty • Change on Request • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/change-on-request.html • Interruptions • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/interruptions.html • Providing a mechanism to postpone any updating of content • Techniques for the Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Techniques/general/G75.html • Providing a mechanism to request an update of the content instead of updating automatically • Techniques for the Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Techniques/general/G76.html | Consistency | 2.000 • 105.000 • 0.000 | Consistent Identification • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/consistent-identification • Consistent Navigation • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/consistent-navigation.html • Presenting repeated components in the same relative order each time they appear • Techniques for the Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Techniques/general/G61.html • On Input • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/on-input.html • On Focus • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/on-focus.html • Using 'activate' rather than 'focus' as a trigger for changes of context • Techniques for the Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Techniques/general/G107.html | Time events References | Predictability | ||||||||||
| Presumed recollection References | General | 340.000 • 234.000 • 0.000 | Ensure Processes Do Not Rely on Memory • W3C - Making content usable for people with cognitive and learning disabilities • https://www.w3.org/TR/coga-usable/#objective-6-ensure-processes-do-not-rely-on-memory • Short-Term Memory and Web Usability • Jakob Nielsen - Nielsen Norman Group • https://www.nngroup.com/articles/short-term-memory-and-web-usability/ • Authentication and Safety • W3C - Cognitive Accessibility Roadmap and Gap Analysis • https://w3c.github.io/coga/gap-analysis/#table1 • Change the Color of Visited Links • Jakob Nielsen - Nielsen Norman Group • https://www.nngroup.com/articles/change-the-color-of-visited-links/ • Accommodating Memory Deficits • Cognitive Disabilities - Design Considerations • https://webaim.org/articles/cognitive/design#memory | Define Abbreviations | 351.000 • 236.387 • 0.000 | Abbreviations • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/abbreviations.html | Prevent Forgetting | 358.000 • 236.387 • 0.000 | Re-authenticating • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/re-authenticating.html • Saving data so that it can be used after a user re-authenticates • Techniques for the Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Techniques/general/G105.html | Presumed recollection | ||||||||
| Sound design music References | General | 310.000 • 320.000 • 0.000 | Visual disabilities and sound in media: How sonic technologies can improve everyone’s life • Wilfried Nass - Designing Sound • https://designingsound.org/2016/08/19/visual-disabilities-and-sound-in-media-how-sonic-technologies-can-improve-everyones-life/ • Being smart with sound • Henry Daw - Awwwards • https://www.awwwards.com/being-smart-with-sound.html • A Quick Guide to Designing UX Sounds • Leo Foureaux - Toptal • https://www.toptal.com/designers/ux/ux-sounds-guide • Sound on the Web - the invisible other half • Simon Mills - Liquid Light • https://www.liquidlight.co.uk/blog/sound-on-the-web-the-invisible-other-half/ • Audio and the User Experience • Jonathan Follett - UXmatters • https://www.uxmatters.com/mt/archives/2007/06/audio-and-the-user-experience.php • Annoying or Inspiring? Sound in Modern Webdesign (Best Practice) • Andreas Hecht - Noupe • https://www.noupe.com/design/annoying-or-inspiring-sound-in-modern-webdesign-best-practice-94856.html • The UX of Sound: Designing Audio Experiences • Nick Babich - Webdesigner Depot • https://www.webdesignerdepot.com/2017/12/the-ux-of-sound-designing-audio-experiences/ | Predicatable | 328.000 • 320.000 • 0.000 | If you want to contribute, click here to go to the forum • It seems that there is no information on this topic yet • https://lehmannmax.de/wiki/index.php?title=Special:WikiForum/References | Controllable | 334.000 • 320.000 • 0.000 | Success Criterion 1.4.2 Audio Control • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/audio-control.html • Provide controls for content that starts automatically • 3WC - Web Accessibility Initiative • https://www.w3.org/WAI/tips/designing/#provide-controls-for-content-that-starts-automatically | Sound design music | ||||||||
| Text References | General | 41.000 • 151.000 • 0.000 | Accessible Language - A Guide for Disability Etiquette • College of Applied Health Sciences at the University of Illinois • https://www.disability.illinois.edu/academic-support/instructor-information/accessible-language-guide-disability-etiquette • Why You Need to Stop Using These Words and Phrases • Rakshitha Arni Ravishankar - Harvard Business Review • https://hbr.org/2020/12/why-you-need-to-stop-using-these-words-and-phrases • Words Matter: Embracing the Language of Accessibility • Denise Erazmus - Promet Source • https://www.prometsource.com/blog/accessibility-language • Inclusive Design - A Beginner's Guide: Write Inclusive Copy • Vale Querini - CareerFoundry • https://careerfoundry.com/en/blog/ux-design/beginners-guide-inclusive-design/#write-inclusive-copy | Conscious Language | 53.000 • 151.000 • 0.000 | The essential guide to conscious language • Karen Yin - Conscious style guide • https://consciousstyleguide.com • Disability Language Style Guide • National Center on Disability and Journalism • https://ncdj.org/style-guide • An Incomplete Guide to Inclusive Language for Startups and Tech • Courtney Seiter - Buffer Blog • https://buffer.com/resources/inclusive-language-tech • A Progressive’s Style Guide • Hanna Thomas, Anna Hirsch - SumOfUs • https://s3.amazonaws.com/s3.sumofus.org/images/SUMOFUS_PROGRESSIVE-STYLEGUIDE.pdf • Guidelines for Inclusive Language • Linguistic Society of America • https://www.linguisticsociety.org/resource/guidelines-inclusive-language • Inclusive language: words to use and avoid when writing about disability • UK Government - Office for Disability • https://www.gov.uk/government/publications/inclusive-communication/inclusive-language-words-to-use-and-avoid-when-writing-about-disability | Text | |||||||||||
| Time events References | General | 0.000 • 140.000 • 0.000 | No Timing • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/no-timing.html • Allowing users to complete an activity without any time limit • Techniques for the Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Techniques/general/G5.html | Controllable Time Events | 6.000 • 140.000 • 0.000 | Timing Adjustable • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/timing-adjustable.html • 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 • Techniques for the Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Techniques/general/G133.html • Providing a way for the user to turn the time limit off • Techniques for the Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Techniques/general/G198.html • Allowing the content to be paused and restarted from where it was paused • Techniques for the Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Techniques/general/G4.html • Lens Of Time • Steven Lambert - Smashing Magazine • https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-time | Alerting Time Events | 18.000 • 140.000 • 0.000 | Timeouts • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/timeouts.html | Predictability References | Time events | |||||||
| Typography References | General | 324.000 • 42.000 • 0.000 | Font size calculator: Calculating and testing accessible font sizes • Leserlich - German Federation of the Blind and Partially Sighted • https://www.leserlich.info/werkzeuge/schriftgroessenrechner/index-en.php • Perceivable - Visual Presentation • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/visual-presentation.html • Images of Text • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/images-of-text.html • Lens of Font • Steven Lambert - Smashing Magazine • https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-font | Readability | 336.000 • 42.000 • 0.000 | Text Spacing • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/text-spacing.html • Accessible Typography: Over 20 Hints to Make Your Site More Readable • FG - Expectedly • http://expectedly.org/inclusivetech/accessible-typography-over-20-hints-to-make-your-site-more-readable/ • A Guide to Understanding What Makes a Typeface Accessible • Gareth Ford Williams - Medium • https://uxdesign.cc/a-guide-to-understanding-what-makes-a-typeface-accessible-and-how-to-make-informed-decisions-9e5c0b9040a0 • Adysfont • Font intended for people with Dyslexia • http://www.adysfont.com/download/ • Dyslexia Style Guide 2018 • Creating Dyslexia Friendly Content • https://cdn.bdadyslexia.org.uk/documents/Advice/style-guide/Dyslexia_Style_Guide_2018-final-1.pdf • Dyslexia - Illustration of how a dyslexic can be affected when reading • Victor Widell • http://geon.github.io/programming/2016/03/03/dsxyliea | Resize Text | 348.000 • 42.000 • 0.000 | Resize Text • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/resize-text.html | Reader Mode | 354.000 • 42.000 • 0.000 | Building websites for Safari Reader Mode and other reading apps • Mandy Michael - Medium • https://medium.com/@mandy.michael/building-websites-for-safari-reader-mode-and-other-reading-apps-1562913c86c9 • Reader Mode: The Button to Beat - How to build websites that users dont need to use the reader mode for • Eric Bailey - CSS Tricks • https://css-tricks.com/reader-mode-the-button-to-beat/ • The practical value of semantic HTML: Writing HTML for JavaScript developers • Bruce Lawson • https://www.brucelawson.co.uk/2018/the-practical-value-of-semantic-html/ | Typography | |||||
| Visual content reproduction References | General | 2.000 • 43.000 • 0.000 | Introduction to Perception - hearing, feeling, and seeing • Techniques for the Web Content Accessibility Guidelines (WCAG) 2.2 • https://www.w3.org/WAI/people-use-web/tools-techniques/#perception • How visually impaired people navigate the web: What people that work with digital products need to know • Busayomi Oyewole - Medium • https://uxdesign.cc/how-visually-impaired-people-navigate-the-web-7f9eab9d9c37?gi=bc9dce325627 • How to design websites for blind and partially sighted people • Christopher Ratcliff - UserZoom • https://www.userzoom.com/ux-library/how-to-design-websites-for-blind-and-partially-sighted/ • Chart Authoring Tool: Highly accessible charts • Fluid Project- Inclusive Design Research Centre • https://build-chartauthoring.fluidproject.org/demos/ • Labels and text alternatives • Rob Dodson - Google Developers • https://web.dev/labels-and-text-alternatives/ • Media accessibility • Joe Medley - Google Developers • https://web.dev/media-accessibility/ • Blindness • Deque University - Accessibility Basic Concepts • https://dequeuniversity.com/class/archive/basic-concepts1/types-of-disabilities/blindness • Low Vision • Deque University - Accessibility Basic Concepts • https://dequeuniversity.com/class/archive/basic-concepts1/types-of-disabilities/low-vision • Images Concepts • 3WC - Web Accessibility Tutorials • https://www.w3.org/WAI/tutorials/images/ | Captions | 20.000 • 43.000 • 0.000 | Perceivable - Non-text Content • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/non-text-content.html • Ensure that form elements include clearly associated labels • Tips for Getting Started - 3WC Web Accessibility Initiative • https://www.w3.org/WAI/tips/designing/#ensure-that-form-elements-include-clearly-associated-labels • Image ALT Text: How to best write invisible description of images • Accessibility and Usability at Pennsylvania State University • https://accessibility.psu.edu/images/alttext/ • Lens Of Images and Icons • Steven Lambert - Smashing Magazine • https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-images-icons • Text Alternatives for Images • Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers • https://developers.google.com/web/fundamentals/accessibility/semantics-builtin/text-alternatives-for-images • Tables Concepts • W3C - Web Accessibility Tutorials • https://www.w3.org/WAI/tutorials/tables/ • Forms Concepts • W3C - Web Accessibility Tutorials • https://www.w3.org/WAI/tutorials/forms/ | Text Alternatives | 38.000 • 43.000 • 0.000 | Text Alternatives • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/text-alternatives • How to create content that works well with screen readers • Gov.uk: Accessibility in government • https://accessibility.blog.gov.uk/2017/02/08/advice-for-creating-content-that-works-well-with-screen-readers/ • Images of text • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/images-of-text-no-exception.html • I Used The Web For A Day Using A Screen Reader • Chris Ashton - Smashing Magazine • https://www.smashingmagazine.com/2018/12/voiceover-screen-reader-web-apps/ • The Internet Is for Everyone, Right? Not With a Screen Reader • Arielle Pardes - WIRED • https://www.wired.com/story/web-accessibility-blind-users-dominos/ • Testing with Screen Readers - Questions and Answers • WebAIM - Center for Persons with Disabilities • https://webaim.org/articles/screenreader_testing/ • Label in Name • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/label-in-name.html • Introduction to Screen Readers • Trace Dissemination - Youtube • https://www.youtube.com/watch?v=o_mvO6EQ0tM • Screen Reader Accessibility Testing: An Introduction • Will Saunders - TestLodge • https://blog.testlodge.com/screen-reader-accessibility-testing/ | Audio Description | 56.000 • 43.000 • 0.000 | Audio Description (Prerecorded) • Understanding Web Content Accessibility Guidelines (WCAG) 2.1 • https://www.w3.org/WAI/WCAG21/Understanding/audio-description-prerecorded.html • Audio Description of Visual Information • 3WC - Web Accessibility Initiative • https://www.w3.org/WAI/media/av/description/ • Video Content and Learning • FLOE - The Inclusive Learning Handbook • https://handbook.floeproject.org/videocontentandlearning | Visual content reproduction |