Drilldown: referencecollection

General (12)

0.000 (12) · 10.000 (1) · 105.000 (1) · 140.000 (1) · 145.000 (1) · 2.000 (1) · 205.000 (1) · 22.000 (1) · 234.000 (1) · 256.000 (1) · 257.000 (1) · 306.000 (1) · 314.238 (1) · 316.000 (1) · 324.000 (1) · 340.000 (1) · 350.000 (1) · 4.000 (1) · 41.000 (1) · 42.000 (1) · 43.000 (1) · 7.000 (1) · 76.500 (1)

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

Other values: ; 3WC - Cognitive Accessibility Roadmap and Gap Analysis 3WC - Web Accessibility Initiative - Accessibility Fundamentals 3WC - Web Accessibility Tutorials Accessibility and Usability at Pennsylvania State University Accessible Authentication Accessible CSS Accommodating Memory Deficits Allowing users to complete an activity without any time limit Authentication and Safety Beautiful and free fonts for all languages Blindness Busayomi Oyewole - Medium Change on Request Change the Color of Visited Links Chart Authoring Tool: Highly accessible charts Christopher Ratcliff - UserZoom Cognitive Disabilities - Design Considerations Concurrent Input Mechanisms Distractions 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 Fluid Project- Inclusive Design Research Centre Font size calculator: Calculating and testing accessible font sizes Free Multilingual Typefaces with a Commercial License Google Noto Fonts How to design websites for blind and partially sighted people How to Make a Superb Multilingual Website How visually impaired people navigate the web: What people that work with digital products need to know https://accessibility.psu.edu/distraction/ https://build-chartauthoring.fluidproject.org/demos/ https://constructive.co/insight/web-animation-delightful-or-distracting/ https://dequeuniversity.com/class/archive/basic-concepts1/types-of-disabilities/blindness https://dequeuniversity.com/class/archive/basic-concepts1/types-of-disabilities/low-vision https://dequeuniversity.com/class/archive/basic-concepts1/types-of-disabilities/motor-disabilities https://dequeuniversity.com/class/archive/basic-concepts1/types-of-disabilities/seizure-disorders https://developers.google.com/web/fundamentals/accessibility/semantics-builtin/the-accessibility-tree https://rawgit.com/w3c/coga/master/issue-papers/distractions.html https://source.opennews.org/articles/motion-sick/ https://steelkiwi.com/blog/how-to-make-a-multilingual-website/ https://uxdesign.cc/how-visually-impaired-people-navigate-the-web-7f9eab9d9c37?gi=bc9dce325627 https://w3c.github.io/coga/gap-analysis/#table1 https://web.dev/labels-and-text-alternatives/ https://web.dev/media-accessibility/ https://webaim.org/articles/cognitive/design#memory https://webaim.org/techniques/css/ https://www.breadcrumbdigital.com.au/multi-step-form-design-part-3-validation-error-messages-and-contextual-help/ https://www.google.com/get/noto/ https://www.leserlich.info/werkzeuge/schriftgroessenrechner/index-en.php https://www.nngroup.com/articles/change-the-color-of-visited-links/ https://www.nngroup.com/articles/short-term-memory-and-web-usability/ https://www.pixelsurplus.com/blog/free-multilingual-typefaces-with-a-commercial-license 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.userzoom.com/ux-library/how-to-design-websites-for-blind-and-partially-sighted/ 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/fundamentals/accessibility-principles/#navigable https://www.w3.org/WAI/people-use-web/tools-techniques/#perception https://www.w3.org/WAI/tips/designing/#ensure-that-interactive-elements-are-easy-to-identify https://www.w3.org/WAI/tips/writing/#provide-clear-instructions https://www.w3.org/WAI/tutorials/images/ 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/change-on-request.html https://www.w3.org/WAI/WCAG21/Understanding/concurrent-input-mechanisms.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/identify-input-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/seizures-and-physical-reactions https://www.w3.org/WAI/WCAG21/Understanding/visual-presentation.html Identify Input Purpose Images Concepts Images of Text Interruptions Introduction to Perception - hearing, feeling, and seeing Jakob Nielsen - Nielsen Norman Group Joe Medley - Google Developers 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 Leserlich - German Federation of the Blind and Partially Sighted Low Vision Media accessibility Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers Motion Actuation Motor Disabilities Multi-step form design: Validation, error messages and contextual help Multiple Ways No Online Distraction No Timing Perceivable - Visual Presentation Pixelsurplus Provide Clear Instructions Providing a mechanism to postpone any updating of content Providing a mechanism to request an update of the content instead of updating automatically Rob Dodson - Google Developers Seizure Disorders Seizures and Physical Reactions Short-Term Memory and Web Usability Techniques for the Web Content Accessibility Guidelines (WCAG) 2.2 The Accessibility Tree Tips for Getting Started - 3WC - Web Accessibility Initiative Tips for Getting Started - 3WC Web Accessibility Initiative Users can easily navigate, find content, and determine where they are W3C - Cognitive Accessibility Issue Papers W3C - Cognitive Accessibility Roadmap and Gap Analysis W3C - Making content usable for people with cognitive and learning disabilities Web Animation: Delightful or Distracting WebAIM - Center for Persons with Disabilities Your Interactive Makes Me Sick Yuliia Horbenko - Steelkiwi

Captions (1) · Consistency (1) · Controllable Time Events (1) · Define Abbreviations (1) · Error Prevention (1) · Flashing Threshold (1) · Keyboard_Access (1) · Multilingual (1) · Readability (1) · Reduction (1) · Responsive (1) · Target (1)

0.000 (12) · 105.000 (1) · 13.000 (1) · 140.000 (1) · 145.000 (1) · 16.000 (1) · 17.000 (1) · 2.000 (1) · 20.000 (1) · 205.000 (1) · 236.387 (1) · 256.000 (1) · 257.000 (1) · 28.000 (1) · 314.238 (1) · 322.000 (1) · 324.000 (1) · 336.000 (1) · 351.000 (1) · 42.000 (1) · 43.000 (1) · 54.000 (1) · 6.000 (1) · 7.000 (1) · 76.500 (1)

Understanding Web Content Accessibility Guidelines (WCAG) 2.1 · Steven Lambert - Smashing Magazine · Techniques for the Web Content Accessibility Guidelines (WCAG) 2.1 · None · 3WC - Web Accessibility Initiative · Accessibility and Usability at Pennsylvania State University · Dave Gash, Meggin Kearney, Rachel Andrew, Rob Dodson - Google Developers · Karen Yin - Conscious style guide · Tips for Getting Started - 3WC Web Accessibility Initiative · W3C - Web Accessibility Tutorials · 2,897 Free Inclusive Icons · 3 Simple Strategies for Sourcing Inclusive Imagery · A Guide to Understanding What Makes a Typeface Accessible · A Progressive’s Style Guide · A project to help personalisation for any use - including people with learning and memory issues · Abbreviations · Accessibility Developer Guide · Accessible responsive design · Accessible tap targets · Accessible Typography: Over 20 Hints to Make Your Site More Readable

Other values: ; Add a button to a website that automatically translates it into different languages with Google Language tools Adysfont Allowing the content to be paused and restarted from where it was paused An Incomplete Guide to Inclusive Language for Startups and Tech Article: I Used The Web For A Day With Just A Keyboard 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? 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 Conscious Design And Images: Articles and resources Consistent Identification Consistent Navigation Content Design London Courtney Seiter - Buffer Blog Create designs for different viewport sizes Creating Dyslexia Friendly Content Creative Workshop: Inclusive Character Design Designing inclusive illustrations (or, a brief history of the meeple) Disability Language Style Guide Dyslexia - Illustration of how a dyslexic can be affected when reading Dyslexia Style Guide 2018 Easy ways to show more diversity in your sketches Ensure that all interactive elements are keyboard accessible Ensure that form elements include clearly associated labels Ensuring that no component of the content flashes more than three times in any 1-second period Error Prevention (All) Error Prevention (Legal, Financial, Data) Essay Tool Box FG - Expectedly First Discovery Flaticon Flo Lenormand - Dribbble Florens Verschelde Fluid: Infusion Focus Visible Font intended for people with Dyslexia Foreign Languages and Accessibility Forms Concepts Free Website Translations Free color blindness simulator Free inclusive icon set Free symbols that are designed to make public places more inclusive Freepic - Graphic resources for everyone Gareth Ford Williams - Medium Grammarly Grammarly Free checks grammar, spelling, and punctuation Guidelines for Inclusive Language HTML Language Code Reference Hanna Thomas, Anna Hirsch - SumOfUs Help Hemingway App Hemingway App makes your writing bold and clear Hotjar How Automated Captioning Saved TEDxSeattle for This Fan How WCAG 2.0 and Other W3C/WAI Guidelines Apply to Mobile How to Use Color Blind Friendly Palettes to Make Your Charts Accessible How to browse websites using a keyboard only How to create SRT (SubRip Text) files (common caption/subtitle format) Identifying a required field with the aria-required property If you want to contribute, click here to go to the forum Illustrating a More Inclusive Brand Image ALT Text: How to best write invisible description of images Inclusion Images Inclusive Design - A Beginner's Guide: Use inclusive imagery Inclusive Illustrations, By Design Inclusive Symbols Inclusive language: words to use and avoid when writing about disability Infusion is a code framework for building personalizable and adaptive applications Introduction to Focus It seems that there is no information on this topic yet Jennifer Hom - Airbnb Design John Maeda - The WordPress.com Blog Keeping the flashing area small enough Keyboard Keyboard Accessible Keyboard access fundamentals Kristen Willis Labels or Instructions Language Tags in HTML Language of Page Language of Parts Large Links, Buttons, and Controls Larry D. Rosen Ph.D. - Psychology Today Lens Of Images and Icons Lens Of Keyboard Lens Of Layout Lens Of Readability Lens Of Time Lets users discover, declare and store digital preferences Linguistic Society of America Link Purpose Linking to definitions Live Captions Making Audio and Video Media Accessible Meg Robichaud - Medium Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers Meggin Kearney, Dave Gash, Rob Dodson - Google Developers 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 Perceivable - Non-text Content 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 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 Simulates colorblindness in your web browser Speechpad Steven Lambert Style focus Styling Buttons, The Right Way Swetha Machanavajhala - Mismatch Tables Concepts Target Size Techniques for the Web Content Accessibility Guidelines (WCAG) 2.2 Text Alternatives for Images Text Spacing The Accessible Icon Project The Accessible Icon Project is an ongoing work of design activism The Noun Project The Noun Project is building a global visual language that unites us The Submachine The University of Melbourne The essential guide to conscious language Three Flashes Three Flashes or Below Threshold Timing Adjustable 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 Use semantic HTML for easy keyboard wins Using 'activate' rather than 'focus' as a trigger for changes of context Using Aria-Invalid to Indicate An Error Field Using a tool to ensure that content does not violate the general flash threshold or red flash threshold Using inline definitions Vale Querini - CareerFoundry Victor Widell W3Schools - ISO Language Codes Web Accessibility Tutorials - 3WC Web Accessibility Initiative Website readability: a definition Yale ITS - YouTube You Can’t Just Draw Purple People and Call it Diversity Your Face Here - Creating illustration guidelines for a more inclusive visual identity http://expectedly.org/inclusivetech/accessible-typography-over-20-hints-to-make-your-site-more-readable/ http://free-website-translation.com/ http://geon.github.io/programming/2016/03/03/dsxyliea http://prestosketching.com/blog/2018/01/27/easy-ways-to-show-more-diversity-in-your-sketches/ http://www.adysfont.com/download/ https://accessibility.psu.edu/foreignlanguages/ https://accessibility.psu.edu/foreignlanguages/langtaghtml/ https://accessibility.psu.edu/images/alttext/ https://accessibleicon.org https://airbnb.design/your-face-here/ https://app.grammarly.com/apps https://buffer.com/resources/inclusive-language-tech https://build-firstdiscovery.fluidproject.org/demos/ https://careerfoundry.com/en/blog/ux-design/beginners-guide-inclusive-design/#use-inclusive-imagery 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://consciousstyleguide.com https://consciousstyleguide.com/design-images/ https://developers.google.com/web/fundamentals/accessibility/focus https://developers.google.com/web/fundamentals/accessibility/semantics-builtin/text-alternatives-for-images https://dribbble.com/shots/12133487-Free-inclusive-icon-set https://essaytoolbox.com/ https://fluidproject.org/infusion.html https://fvsch.com/styling-buttons https://github.com/ayelet-seeman/coga.personalisation https://hemingwayapp.com/ https://jointhehumanproject.org.za/the-submachine https://lehmannmax.de/wiki/index.php?title=Special:WikiForum/References https://lemonly.com/blog/inclusive-character-design https://medium.com/facebook-design-business-tools/illustrating-a-more-inclusive-brand-bbb4fa6c4bb3 https://mismatch.design/stories/2018/12/14/how-automated-captioning-saved-tedxseattle-for-this-fan/ 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://usability.yale.edu/web-accessibility/articles/captions-live-events https://ux.shopify.com/you-cant-just-draw-purple-people-and-call-it-diversity-e2aa30f0c0e8 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/accessible-tap-targets/ https://web.dev/keyboard-access/ https://web.dev/style-focus/ https://web.dev/use-semantic-html/ https://wordpress.com/blog/2017/05/09/inclusive-illustrations-by-design/ https://www.accessibility-developer-guide.com/knowledge/keyboard-only/browsing-websites/ 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-images-icons https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-keyboard https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-layout 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.unimelb.edu.au/accessibility/web-design-for-autism/avoid-visual-distractions https://www.w3.org/TR/UNDERSTANDING-WCAG20/keyboard-operation.html https://www.w3.org/TR/mobile-accessibility-mapping/ 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/abbreviations.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/language-of-page.html https://www.w3.org/WAI/WCAG21/Understanding/language-of-parts.html https://www.w3.org/WAI/WCAG21/Understanding/link-purpose-in-context.html https://www.w3.org/WAI/WCAG21/Understanding/non-text-content.html https://www.w3.org/WAI/WCAG21/Understanding/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.w3.org/WAI/WCAG21/Understanding/target-size.html https://www.w3.org/WAI/WCAG21/Understanding/text-spacing.html https://www.w3.org/WAI/WCAG21/Understanding/three-flashes-or-below-threshold.html https://www.w3.org/WAI/WCAG21/Understanding/three-flashes.html https://www.w3.org/WAI/WCAG21/Understanding/timing-adjustable.html https://www.w3.org/WAI/media/av/captions https://www.w3.org/WAI/perspective-videos/controls/ https://www.w3.org/WAI/tips/designing/#create-designs-for-different-viewport-sizes https://www.w3.org/WAI/tips/designing/#ensure-that-form-elements-include-clearly-associated-labels https://www.w3.org/WAI/tips/designing/#provide-easily-identifiable-feedback https://www.w3.org/WAI/tips/developing/#ensure-that-all-interactive-elements-are-keyboard-accessible https://www.w3.org/WAI/tutorials/carousels/ https://www.w3.org/WAI/tutorials/forms/ https://www.w3.org/WAI/tutorials/forms/multi-page/ https://www.w3.org/WAI/tutorials/tables/ https://www.w3schools.com/tags/ref_language_codes.asp https://www.youtube.com/watch?v=A4W_cIafIos

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

None (4) · 0.000 (8) · 13.000 (1) · 140.000 (1) · 18.000 (1) · 205.000 (1) · 236.387 (1) · 256.000 (1) · 28.000 (1) · 314.238 (1) · 341.000 (1) · 348.000 (1) · 358.000 (1) · 38.000 (1) · 40.000 (1) · 42.000 (1) · 43.000 (1) · 66.000 (1)

Understanding Web Content Accessibility Guidelines (WCAG) 2.1 (8) · None (4) · Rob Dodson - Google Developers (2) · WebAIM - Center for Persons with Disabilities (2)

Other values: ; 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 Bypass Blocks Chris Ashton - Smashing Magazine Content On Hover Or Focus Content reordering Control focus with tabindex Focus Order Gov.uk: Accessibility in government Headings and landmarks How to create content that works well with screen readers 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://handbook.floeproject.org/metadata 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.smashingmagazine.com/2018/12/voiceover-screen-reader-web-apps/ https://www.w3.org/TR/using-aria/ 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/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/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/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.wired.com/story/web-accessibility-blind-users-dominos/ https://www.youtube.com/watch?v=o_mvO6EQ0tM I Used The Web For A Day Using A Screen Reader Images of text Info And Relationships Introduction to ARIA Introduction to Screen Readers Introduction to Semantics Invisible Content Just for Screen Reader Users Label in Name Labelling Controls 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 Pointer Gestures Positioning content based on structural markup Rachel Andrew - Google Developers Re-authenticating Reflect the reading order in the code order Reflow Resize Text Saving data so that it can be used after a user re-authenticates Screen Reader Accessibility Testing: An Introduction Semantics and screen readers 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 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 Tips for Getting Started - 3WC Web Accessibility Initiative Trace Dissemination - Youtube Using ARIA WAI-ARIA basics Web Accessibility Tutorials - 3WC - Web Accessibility Initiative Will Saunders - TestLodge World Wide Web Consortium

None (9) · Audio Description (1) · Maintenance (1) · Reader Mode (1)

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

None (9) · 3WC - Web Accessibility Initiative (1) · Audio Description (Prerecorded) (1) · Audio Description of Visual Information (1) · Bruce Lawson (1) · Building websites for Safari Reader Mode and other reading apps (1) · Eric Bailey - CSS Tricks (1) · FLOE - The Inclusive Learning Handbook (1) · FLOE Metadata Feedback Tool (1) · https://css-tricks.com/reader-mode-the-button-to-beat/ (1) · https://handbook.floeproject.org/videocontentandlearning (1) · https://medium.com/@mandy.michael/building-websites-for-safari-reader-mode-and-other-reading-apps-1562913c86c9 (1) · https://metadata.floeproject.org/demos/feedback/ (1) · https://www.brucelawson.co.uk/2018/the-practical-value-of-semantic-html/ (1) · https://www.hotjar.com/blog/on-site-surveys/ (1) · https://www.w3.org/WAI/media/av/description/ (1) · https://www.w3.org/WAI/WCAG21/Understanding/audio-description-prerecorded.html (1) · Lets users provide feedback about how a resource matched their preferences and ask for improvements (1) · Mandy Michael - Medium (1) · On-Site Surveys (1) · Reader Mode: The Button to Beat - How to build websites that users dont need to use the reader mode for (1) · The easiest way to find out what people need, right on your website (1) · The practical value of semantic HTML: Writing HTML for JavaScript developers (1) · Understanding Web Content Accessibility Guidelines (WCAG) 2.1 (1) · Video Content and Learning (1)

None (12)

None (12)

None (12)

None (8) · Distraction_References (1) · Flashing_References (1) · Predictability_References (1) · Time_events_References (1) · Typography_References (1)

Choice (1) · Compatibility (1) · Distraction (1) · Flashing (1) · Input assistance (1) · Input modalities (1) · Navigation (1) · Predictability (1) · Presumed recollection (1) · Time events (1) · Typography (1) · Visual content reproduction (1)

None (12)