Drilldown: referencecollection

General (3)

0.000 (3) · 2.000 (1) · 205.000 (1) · 324.000 (1) · 4.000 (1) · 42.000 (1) · 43.000 (1)

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

Other values: ; 3WC - Web Accessibility Tutorials Accessible CSS Blindness Busayomi Oyewole - Medium Chart Authoring Tool: Highly accessible charts Christopher Ratcliff - UserZoom Concurrent Input Mechanisms Deque University - Accessibility Basic Concepts Fluid Project- Inclusive Design Research Centre Font size calculator: Calculating and testing accessible font sizes How to design websites for blind and partially sighted people How visually impaired people navigate the web: What people that work with digital products need to know https://build-chartauthoring.fluidproject.org/demos/ https://dequeuniversity.com/class/archive/basic-concepts1/types-of-disabilities/blindness https://dequeuniversity.com/class/archive/basic-concepts1/types-of-disabilities/low-vision https://developers.google.com/web/fundamentals/accessibility/semantics-builtin/the-accessibility-tree https://uxdesign.cc/how-visually-impaired-people-navigate-the-web-7f9eab9d9c37?gi=bc9dce325627 https://web.dev/labels-and-text-alternatives/ https://web.dev/media-accessibility/ https://webaim.org/techniques/css/ https://www.leserlich.info/werkzeuge/schriftgroessenrechner/index-en.php https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-font https://www.userzoom.com/ux-library/how-to-design-websites-for-blind-and-partially-sighted/ https://www.w3.org/WAI/people-use-web/tools-techniques/#perception https://www.w3.org/WAI/tutorials/images/ https://www.w3.org/WAI/WCAG21/Understanding/concurrent-input-mechanisms.html https://www.w3.org/WAI/WCAG21/Understanding/images-of-text.html https://www.w3.org/WAI/WCAG21/Understanding/motion-actuation.html https://www.w3.org/WAI/WCAG21/Understanding/visual-presentation.html Images Concepts Images of Text Introduction to Perception - hearing, feeling, and seeing Joe Medley - Google Developers Labels and text alternatives Lens of Font Leserlich - German Federation of the Blind and Partially Sighted Low Vision Media accessibility Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers Motion Actuation Perceivable - Visual Presentation Rob Dodson - Google Developers Steven Lambert - Smashing Magazine Techniques for the Web Content Accessibility Guidelines (WCAG) 2.2 The Accessibility Tree WebAIM - Center for Persons with Disabilities

Captions (1) · Readability (1) · Responsive (1)

0.000 (3) · 16.000 (1) · 20.000 (1) · 205.000 (1) · 336.000 (1) · 42.000 (1) · 43.000 (1)

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

Other values: ; A Guide to Understanding What Makes a Typeface Accessible Accessibility and Usability at Pennsylvania State University Accessible responsive design Accessible Typography: Over 20 Hints to Make Your Site More Readable Adysfont 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 form elements include clearly associated labels FG - Expectedly Font intended for people with Dyslexia Forms Concepts Gareth Ford Williams - Medium 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://accessibility.psu.edu/images/alttext/ https://cdn.bdadyslexia.org.uk/documents/Advice/style-guide/Dyslexia_Style_Guide_2018-final-1.pdf https://developers.google.com/web/fundamentals/accessibility/semantics-builtin/text-alternatives-for-images https://uxdesign.cc/a-guide-to-understanding-what-makes-a-typeface-accessible-and-how-to-make-informed-decisions-9e5c0b9040a0 https://web.dev/accessible-responsive-design/ https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-images-icons https://www.w3.org/TR/mobile-accessibility-mapping/ https://www.w3.org/WAI/tips/designing/#create-designs-for-different-viewport-sizes https://www.w3.org/WAI/tips/designing/#ensure-that-form-elements-include-clearly-associated-labels https://www.w3.org/WAI/tutorials/forms/ https://www.w3.org/WAI/tutorials/tables/ https://www.w3.org/WAI/WCAG21/Understanding/non-text-content.html https://www.w3.org/WAI/WCAG21/Understanding/orientation.html https://www.w3.org/WAI/WCAG21/Understanding/text-spacing.html Image ALT Text: How to best write invisible description of images Lens Of Images and Icons Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers Mobile Accessibility Orientation Perceivable - Non-text Content Steven Lambert - Smashing Magazine Tables Concepts Text Alternatives for Images Text Spacing Tips for Getting Started - 3WC - Web Accessibility Initiative Tips for Getting Started - 3WC Web Accessibility Initiative Victor Widell W3C - Web Accessibility Tutorials

Resize Text (1) · Text Alternatives (1) · User_Agents (1)

0.000 (3) · 205.000 (1) · 28.000 (1) · 348.000 (1) · 38.000 (1) · 42.000 (1) · 43.000 (1)

Understanding Web Content Accessibility Guidelines (WCAG) 2.1 (3) · WebAIM - Center for Persons with Disabilities (2)

Other values: ; Accessibility Developer Guide ARIA ARIA Hiding and Updating Content ARIA Labels and Relationships Arielle Pardes - WIRED Associate a label with every form control Chris Ashton - Smashing Magazine 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/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/tutorials/forms/labels/ 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/resize-text.html https://www.w3.org/WAI/WCAG21/Understanding/text-alternatives 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 Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers Metadata Mozilla - MDN WebDocs Resize Text Rob Dodson - Google Developers Screen Reader Accessibility Testing: An Introduction Semantics and screen readers 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 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

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

None · 0.000 · 205.000 · 354.000 · 42.000 · 43.000 · 56.000 · 58.000 · Other

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 (3)

None (3)

None (3)

None (3)

Compatibility (1) · Typography (1) · Visual content reproduction (1)

None (3)