Taiyo's ID&A Bookmarks
Search for a topic from the table of contents or command/control + f to search for keywords.
Note: Links that have relocated or have been removed from the original sources are marked as "broken link".
Last updated: 16/07/2025, 2:49:47 am.
Table of Contents (ID&A)
- Accessibility Annotations
- Accessibility Maturity Model
- Adobe
- AI
- Animation
- Apple
- Assistive Technologies
- Australia
- BA
- Banking
- Blind/Low-vision
- Blogs/Articles
- Books
- Canvas/SVG
- Champions
- CMS
- Code examples
- Cognitive
- Conferences
- Content
- Cost of noncompliance
- D/deaf
- Design
- Design patterns
- Design Systems
- Development
- Digital Inclusion
- Disability Etiquette
- Documents
- eCommerce
- Events
- First Nations
- Forms
- Games
- Inclusive Design
- Inclusive Research
- Keyboard navigation
- Laws/Policies
- Literacy, numeracy and problem solving skills
- Maps
- Mobile
- Neurodiversity
- Organisations/Agencies
- Overlays
- Physical accessibility
- Presentations
- Quick tips
- Recruitment
- Screen readers
- Stats
- Stories
- Testing/Monitoring
- Toolkits
- Trainings
- Travels
- UI Libraries
- User research
- UX
- Voice Control
- WCAG/W3C
- Why accessibility
- Workshop materials
- XR
ID&A Bookmarks
- A Designer’s Guide to Documenting Accessibility & User Interactions by Stéphanie Walter
- A11y - Focus Order – Figma
- Accessibility Annotation Examples on Behance
- Accessibility annotation kits only annotate – Eric Bailey
- Accessibility Annotation Library – Figma
- Accessibility in UX and Design | User Experience Guide
- Annotating Mockups & Wireframes for Accessibility | accessibility.umich.edu
- Expectations for wireframe accessibility annotations
- Include—Accessibility Annotations – Figma
- Intopia's accessibility annotation kit – Figma
- Resources matching "Accessibility Annotations" | Figma Community
- Top 5 Most Common Accessibility Annotations | Deque
- What’s next for Dev Mode: Annotations, Compare Changes, Plugins, and More | Figma Blog
- AbilityNet Digital Accessibility Maturity Model (DAMM) | AbilityNet
- Access and Inclusion Index - Australian Network on Disability
- Accessibility Evolution Model: Creating Clarity in your Accessibility Journey - Microsoft Accessibility Blog
- Accessibility Program Fundamentals: Choosing the right accessibility metrics | Deque
- Building a culture of accessibility - TetraLogical
- Change Management for Accessibility: Part 1 | Deque
- Intopia Accessibility Snapshot
- The Digital Accessibility Maturity Model: Introduction to DAMM | Level Access
- W3C Accessibility Maturity Model
- A Quick Guide to WCAG 2.1 | Adobe Experience Manager
- Adobe Experience Manager as a Cloud Service and the Web Accessibility Guidelines | Adobe Experience Manager
- AEM Franklin #11 | How to add CSS classes and data attributes to sections in Edge Delivery Services - YouTube
- AEM Franklin #16 | What is Placeholders in EDS | Translate strings using placeholders - YouTube
- AEM Franklin #7 | Document Authoring and Page Structure in Edge Delivery Services (AEM Franklin) - YouTube
- AEM Franklin #8 | Block Authoring and Project Code Structure in Edge Delivery Services(AEM Franklin) - YouTube
- AEM Franklin #9 | AEM Franklin Block | How to create Block in Edge Delivery Services (Helix) - YouTube
- Creating Accessible Content for Adobe Experience Manager as a Cloud Service (WCAG 2.1 Conformance) | Adobe Experience Manager
- Development Collaboration and Good Practices
- Development Collaboration and Good Practices | Adobe Experience Manager
- Edge Delivery and Document based Authoring Deep Dive | Adobe Developers Live - YouTube
- Experience Manager Edge Delivery Services Overview | Adobe Developers Live APAC - YouTube
- Hands on creating a site with the new JavaScript blocks | Adobe Developers Live: Composable - YouTube
- hlxsites/xsc-wknd
- Home | AEM Boilerplate
- Markup, Sections, Blocks, and Auto Blocking | Adobe Experience Manager
- SecurBank: Home
- Volvo Trucks | Industry-Leading Commercial Semi Trucks
- Web Performance, Keeping your Lighthouse Score 100.
- A11y MCP: A tool to fix your website’s accessibility all through AI : r/accessibility
- a11yGPT by Decubing: Experimental AI-based Accessibility Testing
- Accessibility and Artificial Intelligence - Joe Dolson Web Accessibility
- Accessibility Has Failed: Try Generative UI = Individualized UX
- Accessibility Has Failed: Try Generative UI = Individualized UX
- Accessibility Has Failed: Try Generative UI = Individualized UX – Conffab
- AHRC_WEF_AI_WhitePaper2019.pdf
- AI & the Web: Understanding and managing the impact of Machine Learning models on the Web
- AI-Generated Images from AI-Generated Alt Text — Adrian Roselli
- AI-Generated Images from AI-Generated Prompts — Adrian Roselli
- AI-powered Screen Reader for Mac | AppleVis
- AIMAC Accessibility Leaderboard
- Artificial Intelligence (AI) and Accessibility Research Symposium 2023 | Web Accessibility Initiative (WAI) | W3C
- Axe Assistant: Expert answers to any digital accessibility question, instantly | Deque
- Axe Assistant: GenAI chatbot for digital accessibility | Deque
- Can generative AI help write accessible code? - TetraLogical
- ChatGPT is not ready to handle web accessibility remediation - Karl Groves
- Deque Axe Assistant - First impressions - craigabbott.co.uk
- Deque Brings Machine Learning Accessibility Testing | Deque
- Enhancing Accessibility with AI and ML | Deque
- GAAD-Foundation/AIMAC: AI Model Accessibility Checker
- Global Accessibility Awareness Day (GAAD) Foundation Launches AI Accessibility Checker with ServiceNow to Advance Inclusive Code Standards
- Hello AI Agents: Goodbye UI Design, RIP Accessibility
- ImageChat Generative AI | Chat With Your Data | Chooch
- In Pursuit of Inclusive AI - InclusiveDesign_InclusiveAI.pdf
- Interim guidance on government use of public generative AI tools - November 2023 | aga
- Jakob Nielsen’s Bad Ideas about Accessibility – Brian DeConinck
- Managing the impact of AI & Machine Learning on the Web | 2024 | Blog | W3C
- mfairchild365/a11y-models-playground
- On Nielsen's ideas about generative UI for resolving accessibility
- Opportunities for AI in Accessibility – A List Apart
- Post | LinkedIn
- Resisting at the table: AI, disability, and access | Frank Elavsky
- Robust Accessibility and Artificial Intelligence (AI) | Writing | gerardkcohen.me
- Seeing AI App from Microsoft
- Typeahead: AI-powered Screen Reader
- Use the accessibility shortcuts on iOS to speed up your testing workflow · Eric Eggert
- WCAG: Beyond ADA Compliance & Into AI Website Optimization (AIO) | Accessibility.Works
- Year - Human Rights and Technology Issues Paper FINAL.pdf
- "The Effects Of Parallax Scrolling On User Experience And Preference I" by Dede M. Frederick
- Accessibility and Motion - Sheri Byrne-Haber - Medium
- Accessible motion: why it’s essential and how to do it right | by Stephanie Cree | IBM Design | Feb, 2021 | Medium
- Accessible SVG | Equivalent Design
- Accessible Web Animation: The WCAG on Animation Explained | CSS-Tricks
- An Introduction to the Reduced Motion Media Query | CSS-Tricks
- Checking for Reduced Motion Preference in JavaScript
- Designing Interface Animation - Rosenfeld Media
- Designing Safer Web Animation For Motion Sensitivity – A List Apart
- Don't Fuck With Scroll
- More Accessible Skeletons — Adrian Roselli
- Motion, parallax, and web accessibility
- Photosensitive Epilepsy Analysis Tool (PEAT) - TRACE RERC
- prefers-reduced-motion - CSS: Cascading Style Sheets | MDN
- prefers-reduced-motion: Sometimes less movement is more
- Pseudomotion, Motion Sensitivity, and Accessibility • Buttondown
- Punkchip | Accessible HTML video as a background
- Reduced Motion Picture Technique, Take Two | CSS-Tricks
- Reducing motion with the picture element
- Respecting "prefers reduced motion" with Javascript and React. - Since1979
- Responsive Design for Motion | WebKit
- Revisiting prefers-reduced-motion, the reduced motion media query | CSS-Tricks
- Scroll Hijacking: Why ‘Scrolljacking’ Is A Usability Nightmare
- Scroll-Triggered Text Animations Delay Users
- Scrolljacking — The Usability Nightmare? | by Christina Paone | Medium
- Smooth Scrolling and Accessibility | CSS-Tricks
- The Effects Of Parallax Scrolling On User Experience And Preference In Web Design - The Effects Of Parallax Scrolling On User Experience And Prefere.pdf
- The Scroll Hijacking Usability Nightmare
- Using Parallax Scrolling in Web Design
- Vestibular Issues in Parallax Design – Web Axe
- Vestibular symptoms caused by inner ear injury or illness
- website design - Parallax scrolling and accessibility - User Experience Stack Exchange
- What is scroll hijacking?
- What Parallax Lacks
- Why Motion on Websites and Digital Content Is a Problem | Equal Entry
- Your Interactive Makes Me Sick - Features - Source: An OpenNews project
- Assistive technology demonstrations | Vision Australia. Blindness and low vision services
- Be My Eyes - See the world together
- Introducing Tap - The Most Advanced Keyboard in the World
- Microsoft Adaptive Mouse, Button, Hub: Details, Specs, Release Date | WIRED
- Microsoft reinvents the mouse for people with disabilities | World Economic Forum
- Accessible Australia
- Final Report - Executive Summary, Our vision for an Inclusive Australia and Recommendations | Royal Commission into Violence, Abuse, Neglect and Exploitation of People with Disability
- Proficiency in English | Australia | Community profile
- The ADII - Australian Digital Inclusion Index
- Accessibility | australia.gov.au
- Announcing the Disability Discrimination Act: Guidelines on Equal Access to Digital Goods and Services - Intopia
- Australia | Web Accessibility Initiative (WAI) | W3C
- Australia adopts new standard in accessible procurement - Intopia
- Australia revises AS EN 301 549, proposes to increase accessibility standards - Intopia
- Australian Policy - Centre For Accessibility Australia
- DDA Compliance: Web Accessibility in Australia (2023)
- Disability Discrimination Act 1992
- EN 301 549: What it means for Australia - Intopia
- Government accessibility standards for ICT | info.buy.nsw
- Guidelines on equal access to digital goods and services
- Guidelines on equal access to digital goods and services | Australian Human Rights Commission
- Inclusion (Disability) Action Plan 2017-2021 | City of Sydney
- The Resource Kit: ‘Disability Discrimination Act: Guidelines on Equal Access to Digital Goods and Services’ - Intopia
- World Wide Web Access: Disability Discrimination Act Advisory Notes ver 4.1 (2014) | Australian Human Rights Commission
- 2021 Census highlights increasing cultural diversity | Australian Bureau of Statistics
- 2021 Census snapshot: Australia has doubled in size over the last 50 years | Australian Bureau of Statistics
- 2021 Census: Nearly half of Australians have a parent born overseas | Australian Bureau of Statistics
- 4430.0 - Disability, Ageing and Carers, Australia: Summary of Findings, 2018
- Cultural diversity: Census, 2021 | Australian Bureau of Statistics
- Disability and carers: Census, 2021 | Australian Bureau of Statistics
- Disability Statistics · Resources · Australian Network on Disability
- Older Australians, Demographic profile - Australian Institute of Health and Welfare
- Older people Overview - Australian Institute of Health and Welfare
- People with disability in Australia, About - Australian Institute of Health and Welfare
- Programme for the International Assessment of Adult Competencies, Australia, 2011 - 2012 | Australian Bureau of Statistics
- Accessibility checklist - AtomicA11y
- Accessibility checklist - MagentaA11y
- Accessibility, News and Business Analysts
- Business Analyst - DWP Accessibility Manual
- Business Analyst – A11yCLE
- Functional vs Non-Functional Requirements: Ultimate Guide
- How to write accessibility acceptance criteria - Accessibility, Your Team and You
- How to write user stories for accessibility - TetraLogical
- Improving accessibility with accessibility acceptance criteria - Inside GOV.UK
- Intopia Acceptance Criteria
- Accessibility Principles for Banking Services - Accessibility_Principles_for_Banking_web.pdf
- ANZ Bank Prevents Online and Branch Service to Blind Customer. - Centre For Accessibility Australia
- Banking Accessibility - Australian Banking Association
- Banking Code of Practice - The Banking Code Compliance Committee
- Banking-Code-of-Practice-1-March-2020-release-revised-5-October-2021.pdf
- Banks update principles supporting customers with a disability - Australian Banking Association
- ING global accessibility | ING
- NAB Accessibility Action Plan 2021 - 2022 - nab-accessibility-action-plan-2021-2022.pdf
- Retail and information kiosks and bank ATMs must be accessible too | Deque
- The UX of Banking — Built for Mars
- WEB-10837-AIP-for-Banking-Services-2.pdf
- Action Audio - AKQA
- Action Audio | D&AD Awards 2022 Pencil Winner | Use of Technology | D&AD
- Glidance: Self-Guided Mobility Device for People with Vision Loss
- Point And Speak iOS 17 Accessibility Feature (Detection Mode in Magnifier) - YouTube
- Read aloud text and labels around you using Magnifier on iPhone – Apple Support (AU)
- Seeing AI - Talking Camera for the Blind
- Use Lookout to explore your environment - Android Accessibility Help
- ?Design in Tech Report 2019 | Section 1 | TBD = Tech × Business × Design – John Maeda | Design in Tech Report
- a11y-webring.club - A webring for digital accessibility practitioners
- Accessibility – Cloud Four
- Accessibility — Smashing Magazine
- Accessibility and Inclusivity: Study Guide
- Accessibility in government
- Accessibility resources for Designers A11y Toolbox
- Accessibility Resources from Experts and People with Disabilities | Fable
- Articles - Axess Lab
- Blog - Level Access
- Helping to make accessibility accessible on the web and elsewhere › Marco's Accessibility Blog
- Home - The A11Y Project
- http://accessibleculture.org/articles/
- Inclusive | Humane by Design
- Latest Accessibility topics - Digital NSW Community
- Law Office of Lainey Feingold – Structured Negotiation | Disability Rights
- Resources | Vision Australia. Blindness and low vision services
- Usablenet - Blog | UsableNet
- Web Accessibility Articles Archives • DigitalA11Y
- Web Accessibility blog | Nomensa
- WebAIM: Articles
- A Book Apart, Accessibility for Everyone
- A Web for Everyone - Rosenfeld Media
- Agile Accessibility Handbook
- Amazon.com: Strategic IT Accessibility: Enabling the Organization: 2nd Edition eBook : Kline, Jeff: Kindle Store
- Strategic IT Accessibility - Jeff Kline
- Strategic IT Accessibility: Enabling the Organization by Jeff Kline | Goodreads
- Web Accessibility - A Foundation for Research | Yeliz Yesilada | Springer
- Welcome | Just Ask: Integrating Accessibility Throughout Design
- A11y Documentation
- Accessibility at Penn State | Charts & Accessibility
- Accessible SVGs | CSS-Tricks
- Canvas Accessibility - Past, Present and Future
- HTML
- Implementing Accessible Data Charts for the Khan Academy 2018 Annual Report — Sara Soueidan – Freelance-Front-End UI/UX Developer
- Managing focus in SVG - ally.js
- Thinking About HTML 5 canvas Accessibility | TPG – Digital Accessibility Solutions
- Using ARIA to enhance SVG accessibility | TPG – The Accessibility Experts
- 5 heading accessibility issues and how to fix them - Pope Tech Blog
- A Complete Guide To Accessible Front-End Components — Smashing Magazine
- A Content Slider
- A Responsive Accessible Table — Adrian Roselli
- Accessibility in browsers: zoom level vs. font size
- Accessibility of Web Components
- Accessibility section - jQuery Plugins - By Nicolas Hoffmann
- Accessible Breadcrumb Navigation
- Accessible front-end components: claims vs reality | hidde.blog
- Accessible Icon Buttons — Sara Soueidan – Freelance-Front-End UI/UX Developer
- Accessible Mega Menu with Hover
- Accessible to all | web.dev
- Achieving Accessibility Excellence On The AddressFinder Widget | AddressFinder Australia
- alexandrzavalii/focus-trap-js: Trap focus inside specified HTML element. Vanilla JS with size <0.5kb. No external dependencies.
- ally.js
- ARIA vs HTML — Adrian Roselli
- Aria-Controls is Poop: HeydonWorks
- aria-current design patterns
- Bad accessibility equals bad quality - Manuel Matuzović
- Brief Note on Description List Support — Adrian Roselli
- Caninclude
- Cards
- Chromium Blog: Giving users and developers more control over focus
- Code Library (Beta)
- Code.Intopia pattern library
- davidtheclark/tabbable: Find descendants of a DOM node that are in the tab order
- Examples of accessibility patterns - ADG
- External Links, New Tabs, and Accessibility / Coder's Block
- Fartboard - An Accessible Farting Soundboard
- focus-trap/focus-trap: Trap focus within a DOM node.
- GEL | Home
- GitHub - marcysutton/no-mouse-days: A package to disable the mouse cursor
- Grids Part 1: To grid or not to grid | Sarah Higley
- Grids Part 2: Semantics | Sarah Higley
- How I built an accessible IoT dashboard | by Jason Webb | Medium
- html - Making an h2 tag with a strong tag inside accessible - Stack Overflow
- HTML: The Bad Parts - HTMHell
- HTML5 accessibility
- https://a11y-style-guide.com/
- Inclusive Components
- inert/explainer.md at master · WICG/inert
- Infographic accessibility: text is text » Simply Accessible
- Link + Disclosure Widget Navigation — Adrian Roselli
- Multi-Function Button | Adrian Roselli
- OpenAjax Accessibility: OpenAjax Examples
- Patterns | APG | WAI | W3C
- Practical ARIA Examples
- Reach UI
- Short note on making your mark (more accessible) - TPGi
- Steps to Reproduce Templates (ADB) - Projects - Confluence
- Styling better focus states • Nelo
- The ARIA Role Conformance Matrices
- The health hazards of sitting - The Washington Post
- Translating Design Wireframes Into Accessible HTML/CSS — Smashing Magazine
- Updated Brief Note on Description List Support — Adrian Roselli
- Van11y: Accessibility and Vanilla JavaScript - ES2015
- Web Components and the Accessibility Object model (AOM) - 24 Accessibility
- WebAIM: Creating Accessible Frames and Iframes
- Welcome to the Accessibility Developer Guide! - ADG
- Why You Should Choose HTML5 article Over section — Smashing Magazine
- Your skip links are broken - Axess Lab
- Always use h1-h6 by level again from Chaals McCathie Nevile on 2016-04-16 (public-html@w3.org from April 2016)
- Do not recommend using nested sections with h1 · Issue #169 · w3c/html · GitHub
- The Truth about “The Truth About Multiple H1 Tags” — Adrian Roselli
- Brief Note on Popovers with Dialogs — Adrian Roselli
- davidtheclark/react-aria-modal: A fully accessible React modal built according WAI-ARIA Authoring Practices
- Having an open dialog | scottohara.me
- Modal Accessibility. Making modals accessible has always… | by mdctleo | Medium
- Modal Dialog Example | APG | WAI | W3C
- The a11y Monthly: Making modals accessible • Yoast
- The current state of modal dialog accessibility - TPGi
- Alternatives to Pagination on Product-Listing Pages
- Pagination - W3C Design System
- Pagination – GOV.UK Design System
- Pagination | U.S. Web Design System (USWDS)
- Users' Pagination Preferences and "View All"
- Accessible Front-End Patterns For Responsive Tables (Part 1) — Smashing Magazine
- Accessible Front-End Patterns For Responsive Tables (Part 2) — Smashing Magazine
- Avoid Spanning Table Headers — Adrian Roselli
- Don’t Turn a Table into an ARIA Grid Just for a Clickable Row — Adrian Roselli
- Library Location Hours by Building | University of Michigan Library
- Sortable Table Columns — Adrian Roselli
- Sortable Table Example | APG | WAI | W3C
- Uniquely Labeling Fields in a Table — Adrian Roselli
- Usability study: Bookstore
- APG Tooltips
- Building a fully-accessible help tooltip — Sara Soueidan – Freelance-Front-End UI/UX Developer
- Building a tooltip component | Articles | web.dev
- Develop example of tooltip design pattern · Issue #127 · w3c/aria-practices
- Draft tooltip design pattern · Issue #128 · w3c/aria-practices
- Example 40 - Tooltip: ARIA CSS selectors
- justinribeiro/toggle-tooltip: An accessible, fast, and WCAG 2.1 compliant toggle style tooltip web component using role=status.
- Tooltip Guidelines
- Tooltip Pattern | APG | WAI | W3C
- Tooltips – Web Accessibility for Developers
- Tooltips & Toggletips
- tooltips closing with Escape is an irregular UX practice · Issue #2538 · w3c/aria-practices
- Tooltips in the time of WCAG 2.1 | Sarah Higley
- What a Year of Learning and Teaching Accessibility Taught Me — Sara Soueidan – Freelance-Front-End UI/UX Developer
- 7783_Mental Health Toolkit-Ebook_15-01 - MentalHealthGuidebook.pdf
- All Supplemental Guidance | WAI | W3C
- An Introductory Guide to Understanding Cognitive Disabilities | Deque
- Clearly Identify Controls and Their Use | Cognitive Accessibility Design Pattern | WAI | W3C
- Cognitive accessibility - Accessibility | MDN
- Cognitive Accessibility at W3C | Web Accessibility Initiative (WAI) | W3C
- Cognitive Disabilities | Deque
- Design for People Living with Dementia | Interactions and Innovations
- Designing for people with dementia
- Making Content Usable for People with Cognitive and Learning Disabilities
- Mental Health & Cognition Plugin | Figma
- UX Principles that include Cognitive Accessibility
- Welcome to Hiring Cognitive Diversity in Tech - Hiring Cognitive Diversity in Tech
- What are Cognitive Disabilities? - Definition, Types & Examples - Video & Lesson Transcript | Study.com
- A11yVR - Accessibility Virtual Reality Group (Tokyo, Japan) | Meetup
- Ability Summit | Home
- Accessibility groups in Australia | Meetup
- Accessible Speaking Best Practices | Deque
- Arpitha Shetty - axe-con
- Australian Accessibility Conference
- axe-con Digital Accessibility Conference | Deque
- Deloitte Digital: Web accessibility case studies | Meetup
- Designing WITH, not for, vulnerable customers - UX Australia
- Notes from A11y Camp 2019 | the 200ok weblog
- presentations/a11y-camp-2020 at master · canaxess/presentations
- Providing equal (but not identical) experiences - A11y Camp
- Takeaways From Axe-Con 2021
- Zero Project: For a world with zero barriers | Zero Project
- @retextjs - Owner - unified
- 10 Habits to create accessible content - Microsoft Accessibility Blog
- A Link is a Promise
- Accessibility and inclusivity - Content Guide
- Accessibility of cookies banners - Quentin Bellanger
- Accessibility Strategies for Your Content Team | Deque
- Anchors OK? Re-Assessing In-Page Links
- APCA Readability Criterion (ARC)
- Are all-caps headings bad for accessibility? · Issue #75 · humanmade/hm-pattern-library
- BBC Subtitle Guidelines
- Bionic Reading
- Brain.js: GPU accelerated Neural Networks in JavaScript
- Cookie banners and accessibility - Sheri Byrne-Haber's Blog
- Cookie consent banners and overlays – thoughts on accessibility, usability and SEO – Bogdan on Web Accessibility (A11y)
- Designing content for people dealing with a death - DWP Digital
- Federal plain language guidelines
- Flesch Reading Ease and the Flesch Kincaid Grade Level – Readable
- Format, writing and structure | Style Manual
- GitHub - words/automated-readability: Formula to detect ease of reading according to the Automated Readability Index (1967)
- Guidelines for Describing Images for Assessments
- Heading off confusion: When do headings fail WCAG? - TPGi
- Headings & Accessibility - TPGi
- Home | Style Manual
- How I reverse-engineered the Hemingway Editor - a popular writing app - and built my own from a beach in Thailand
- How-to: Accessible heading structure - The A11Y Project
- Make your Outlook email accessible to people with disabilities - Office Support
- mozilla/readability: A standalone version of the readability lib
- Natural language processing for Node.js - LogRocket Blog
- NWEA Image Description Guidelines for Assessments - Image-Description-Guidelines-for-Assessments_NWEA_2021.pdf
- PDF: Still Unfit for Human Consumption, 20 Years Later
- Quick test: Check comprehension level - The A11Y Project
- Readability metrics and reading skills | Australian manual of style
- retextjs/retext-readability: plugin to check readability
- Subheadings, subtitles, alternative titles and taglines in HTML - TPGi
- WebAIM: Web Accessibility and SEO
- Why letter casing is important to consider during design decisions | by Quovantis | UX Planet
- Why Your Links Should Never Say “Click Here” — Smashing Magazine
- words/dale-chall-formula: Formula to find the grade level according to the (revised) Dale–Chall Readability Formula (1995)
- words/flesch-kincaid: Formula to detect the grade level of text according to Flesch–Kincaid Grade Level (1975)
- words/flesch: Formula to detect the ease of reading a text according to Flesch Reading Ease (1975)
- words/spache-formula: Formula to detect the grade level of text according to the (revised) Spache Readability Formula (1974)
- Alt Decision Tree and Alternative Text Guide | Harvey Mudd College
- Alt Text Hall of Fame – Celebrating well-written image descriptions.
- Alt-texts: The Ultimate Guide - Axess Lab
- An alt Decision Tree | Web Accessibility Initiative (WAI) | W3C
- Cooper Hewitt Guidelines for Image Description | Cooper Hewitt, Smithsonian Design Museum
- Dungeons & Dragons taught me how to write alt text – Eric Bailey
- Long Alt — Adrian Roselli
- OSF | You Got Your DEI in my Accessibility! Writing Inclusive and Equitable Alt Text for Diverse Communities
- Quick tip: Using alt text properly - The A11Y Project
- Thoughts on skin tone and text descriptions - Tink - Léonie Watson
- Writing Alt Text for Accessibility: Guidelines and Examples
- Your Image Is Probably Not Decorative — Smashing Magazine
- Able Player | Fully accessible cross-browser HTML5 media player.
- Cisco Point of View on: NextGen Broadcasting - Cisco Blogs
- ETD Accessibility and Template Video with Transcript - Electronic Theses and Dissertations | Montana State University
- GitHub - sampotts/plyr: A simple HTML5, YouTube and Vimeo player
- Making Audio and Video Media Accessible | Web Accessibility Initiative (WAI) | W3C
- Multimedia Accessibility: Is it important? | Deque
- Quick reference: accessibility requirements for online audio and video | Media Access Australia
- Report released: Australian trends in online and on demand viewing - Screen Australia
- Subtitles and closed captions for social media videos
- Transcripts | Web Accessibility Initiative (WAI) | W3C
- Video Captions | Web Accessibility Initiative (WAI) | W3C
- Video Marketing Statistics: The State Of Video Marketing In 2021 | Biteable
- WCAG confusion around audio description | Vision Australia. Blindness and low vision services
- Young viewers prefer TV subtitles, research suggests - BBC News
- Accessibility Efficiency Calculator | Deque Systems
- How Ignoring Accessibility Costs You And Your Clients: Colleen Gratzer - Equalize Digital
- Inaccessible Code Prevention | Deque
- Microsoft Word - 7007-011 FR Complete.doc - report02-3.pdf
- Olympic Failure: A Case for Making the Web Accessible
- Spaces and Places for Everyone. Our Inclusive Design Strategy - Spaces-and-Places-for-Everyone.-Our-Inclusive-Design-Strategy.pdf
- The business case for accessibility | Deque
- The business case for issue prevention: Extreme Accessibility - karlgroves.com
- The Click-Away Pound Survey 2019 - Home Page
- The cost of non-compliance - Accessibility, assistive technology and inclusive practice
- The Cost of Non-Compliance: Why You Can’t Ignore Accessibility Testing
- The exponential cost of fixing bugs - DeepSource
- The huge cost of ignoring accessibility when designing your website
- The real ROI of making your products more accessible | TechCrunch
- The True Cost of Compliance | Corporate Compliance Insights
- The True Cost of Non-Compliance in Business | Consequences
- The true cost of not prioritizing accessibility: Avoid risk and maximize product ROI - TPGi
- The true cost of overlooking accessibility in your product
- The true cost of universal accessibility | by Claudio Luís Vera | UX Collective
- The True Cost of Website Inaccessibility | Corporate Compliance Insights
- The truth about the ROI of Web Accessibility - karlgroves.com
- This one secret will save you $100,000 on accessibility - karlgroves.com
- Understanding the cost of not being accessible - Karl Groves
- Home - Deaf Connect
- Home - Sweeney Interpreting
- Language and Terms: Sensory Disabilities
- pariosur/sign_language_app: Real-time sign language detector app able to translate symptoms into text. End to end project, from extracting the input data for training the model to production deployment.
- sign/translate: Translate sign language based on state-of-the-art real-time models
- Terminology For Deafness | Aussie Deaf Kids
- A Guide to Understanding What Makes a Typeface Accessible | by Gareth Ford Williams | The Readability Group | Medium
- A11y Rocks :: Color Palette
- Accessibility Icon Set by Iconathon | Noun Project
- Accessible Focus Indicators: Something to :focus on | Deque
- Accessible Font Sizing, Explained | CSS-Tricks
- accessible icon project | sara hendren
- Accordion Icons: Which Signifiers Work Best?
- Beyond Blue Links: Making Clickable Elements Recognizable
- Color Palette by Deque
- Design for Dignity - Ramps, Landings and Walkways
- Design for the iPadOS pointer - WWDC 2020 - Videos - Apple Developer
- Designing for accessibility is not that hard | by Pablo Stanley | UX Collective
- Disability Inclusive Stock Photography - Disability:IN
- Disabled And Here: free stock images (with attribution)
- Dos and don'ts on designing for accessibility - Accessibility in government
- Erik Kroes 🏔 on Twitter: "👉🏿 Ever seen the WCAG color contrast ratio and wondered why?! or how!? 😬 I did. And I decided to investigate what it means for creating color palettes. https://t.co/wlzOZ7cGoT 1/4" / Twitter
- Guidelines for Visualizing Links
- Hyperlegible: an approach to accessible type design - YouTube
- Material Design Text Fields Are Badly Designed — Smashing Magazine
- OS: High Contrast versus Inverted Colors — Adrian Roselli
- Post | LinkedIn
- Proximity Principle in Visual Design
- Responsive Type and Zoom — Adrian Roselli
- Serif vs. Sans-Serif Fonts for HD Screens
- Tackle accessibility in your designs with these useful plugins
- Text Resizing for Web Pages in iOS using Dynamic Type | Access Matters Blog
- text spacing bookmarklet
- The Accessibility Icon Collection - The Noun Project Blog
- The Accessible Icon Project
- The Dos and Don’ts of Pairing Typefaces
- The Surprising Truth About Pixels and Accessibility: should I use pixels or rems?
- Try the axe for Designers plugin for Figma Now–It’s Free! | Deque Systems
- Turn the lights off — designing for dark mode 🌌🌒 | by Briandito Priambodo | UX Collective
- Using Dynamic Type With Web Views
- UX Movement on Twitter: "📊 Which button is easier to read?" / Twitter
- Vision tests | Vision Australia. Blindness and low vision services
- WCAG SC 1.4.4 Resize Text & 1.4.10 Reflow · Eric Eggert
- WebAIM: Web Accessibility for Designers
- Well Color Us Surprised—This SC Can Be a Tricky Customer - TPGi
- Who Can Use
- 1003700 - Add DevTools support for Color Vision Deficiency simulation
- 1655053 - Fix color vision deficiency simulations
- Coblis — Color Blindness Simulator – Colblindor
- Color blind safe colors on color wheel | Adobe Color
- Color Oracle | Color Oracle
- Color vision simulation — Firefox Source Docs documentation
- Colour blindness | healthdirect
- DaltonLens | Software and technical posts about color blindness.
- Designing UI with Color Blind Users in Mind - Secret Stache Media
- Free Color Blind Simulator | Visual Impairment Checker | Venngage
- MyHealth1st | What is Colour Blindness?
- Myndex™ Color Vision Deficiency Simulator.
- Revenue by Music Format, 1973–2018 / Mike Bostock | Observable
- Sim Daltonism for Mac
- Types of Color Blindness | National Eye Institute
- Viz Palette
- WhoCanUse
- 2.4.7 / 1.4.11 Conflict between 1.4.11 Understanding text and G195 (author-supplied focus indicator) · Issue #3682 · w3c/wcag · GitHub
- Accessible Colors | WCAG 2.0 AA and AAA color contrast checker
- AccessibleColor.design: Inclusive color palette evaluation tool
- APCA Contrast Calculator
- Auto Contrast Finder and Color Palette Creation | Figma
- Color accessibility: tools and resources to help you design inclusive products by Stéphanie Walter - UX Researcher & Designer.
- Color and contrast, what does it mean? | Erik Kroes
- Color and Contrast.com
- Color contrast checker for accessibility – WCAG/APCA – A+Tech
- Color Contrast Checker for WCAG & APCA. Analyse, preview and get color suggestions.
- Color contrast checker, analyser and color suggestions | Polypane, The Browser for Developers and Designers
- Color Contrast Grid - Create a color grid showing contrast ratios
- Color Palette by Deque
- Color Safe - accessible web color combinations
- Colour contrast - why does it matter? - Accessibility in government
- Contrast Ratio - WCAG Color Contrast Checker
- Contrast Rebellion - to hell with unreadable, low-contrast texts!
- Contrast Wizard
- Dataviz Contrast: Check APCA contrast for two colours
- EightShapes Contrast Grid
- Ensure High Contrast for Text Over Images
- How to have the browser pick a contrasting color in CSS | WebKit
- Low-Contrast Text Is Not the Answer
- Orange You Accessible? A Mini Case Study on Color Ratio | Bounteous
- prayer for the un-entitled user – HTML Accessibility
- Tanaguru Contrast-Finder
- Testing Color Contrast in Mobile Apps | Deque
- The Contrast Triangle
- The Myths of Color Contrast Accessibility
- WebAIM: Contrast and Color Accessibility - Understanding WCAG 2 Contrast and Color Requirements
- WebAIM: Contrast Checker
- WebAIM: Evaluating Color and Contrast – How hard can it be?
- WebAIM: Link Contrast Checker
- Accessible prototypes in Figma – Figma Learn - Help Center
- Accessible Prototypes Playground – Figma
- New Ideas and Unique Solutions from Figma on Accessibility | Equal Entry
- 5 easy ways to make your data visualization more accessible — storytelling with data
- A Complete Guide to Bar Charts | Tutorial by Chartio
- A Future Date Day 1 - YouTube
- Accessibility Quick Wins: Remove Legends and Directly Label | Depict Data Studio
- An Editor Who Makes Times Visuals Accessible to All - The New York Times
- An intro to designing accessible data visualizations - Sarah L. Fossheim
- An introduction to accessible data visualizations with D3.js by Sarah L. Fossheim
- Audio graphs | Apple Developer Documentation
- BBC GEL | How to design infographics
- betweentwobrackets.github.io
- Chart2Music | Chart2Music
- Color palettes and accessibility features for data visualization | by Shixie | _carbondesign | Medium
- Data Visualization Accessibility: Where Are We Now, and What’s Next? | by Melanie Mazanec | Nightingale | Medium
- Data Visualization and Accessibility: Three Recommended Reads and Top Tips | by Susan Currie Sivek, Ph.D. | Towards Data Science
- Data Visualizations, Charts, and Graphs | Digital Accessibility
- Dataviz accessibility principles, demonstrated by the 2024 presidential election dashboards. by Sarah L. Fossheim
- dataviza11y/resources: A non-exhaustive and in-progress list of people and resources in Accessibility and Data Visualization
- Design guidelines for accessible graphs
- Designing Effective Infographics
- Designing for accessibility: Easy steps to make your Tableau visualizations more screen reader-friendly – RBG
- Desmos | Accessibility
- Do No Harm Guide: Centering Accessibility in Data Visualization | Urban Institute
- Five ways to... design for red-green colour-blindness - Visualising Data
- GitHub - mitvis/olli: A library for converting web visualizations into accessible text structures for blind and low-vision screen reader users.
- How Accessibility Standards Can Empower Better Chart Visual Design — Smashing Magazine
- How to create a screen reader accessible graph like Apple's with D3.js by Sarah L. Fossheim
- How to make charts and graphs more accessible - Pope Tech Blog
- How to make interactive charts accessible | Deque
- How we’re making Flourish visualizations more accessible | The Flourish blog | Flourish | Data Visualization & Storytelling
- Introduction - Page ⋅ Storybook
- Introduction to Accessible Contrast and Color for Data Visualization / Frank Elavsky / Observable
- Julius Sohn on X: "📊🔊 We’re introducing a new Accessibility section for charts. It includes an audio chart feature allowing visually impaired people to listen to charts by translating numbers to pitched sounds, as well as a written description of the chart. Demo in the thread 👇 https://t.co/FP7oQBm0pd" / X
- Making charts accessible for people with visual impairments
- Maybe Don’t Use Flow Charts on GitHub — Adrian Roselli
- Media / Charts - Vertical bars ⋅ Storybook
- mermaid - Markdownish syntax for generating flowcharts, sequence diagrams, class diagrams, gantt charts and git graphs.
- New software enables blind and low-vision users to create interactive, accessible charts | MIT News | Massachusetts Institute of Technology
- Overview of accessibility in Power BI - Power BI | Microsoft Docs
- Three ways to make your charts more accessible | The Flourish blog | Flourish | Data Visualization & Storytelling
- Tips and techniques for creating accessible infographics in PDFs - ADD
- Using Infographics While Keeping Your Site Accessible
- Why Accessibility Is at the Heart of Data Visualization | by Doug Schepers | Nightingale | Medium
- Writing Alt Text for Data Visualization | by Amy Cesal | Nightingale | Jul, 2020 | Medium
- Accessibility support: keyboard navigation · Issue #1976 · chartjs/Chart.js
- Chart2Music | Chart2Music
- GitHub - ashiguruma/patternomaly: Easily generate patterns for use in data graphics
- GitHub - chartjs/awesome: A curated list of awesome Chart.js resources and libraries
- GitHub - chartjs/chartjs-plugin-datalabels: Chart.js plugin to display labels on data elements
- GitHub - julianna-langston/chart2music: Turns charts into music so the blind can hear data
- GitHub - julianna-langston/chartjs-plugin-a11y-legend: Provide keyboard navigation for the legends in a chart.js chart
- GitHub - julianna-langston/chartjs2music: chartjs plugin for chart2music
- Making a Chart.js Chart Accessible - Stuart Ashworth - Developer, Consultant & Trainer
- Breadcrumb Navigation Increasingly Useful
- Breadcrumbs For Web Sites: What, When and How - UX Planet
- Breadcrumbs: 11 Design Guidelines for Desktop and Mobile
- Accessibility expert warns: stop using carousels | Creative Bloq
- Activity 11: Accessible Carousel – Web Accessibility for Developers
- Adam Argyle: "anyway, i'm trying to help y'all influence the features, cuz a blog post like that likely won't do it. that group is open to help, and it sounds like you're tired of ringing gongs; time to code some demos and document your features and intentions, it'll go way further?" — Bluesky
- akiran/react-slick: React carousel component
- An Exploration Of Carousel Usage On Mobile E-Commerce Websites — Smashing Magazine
- Are 'CSS Carousels' accessible?
- Carousel Concepts • Carousels • WAI Web Accessibility Tutorials
- Carousel Interaction Stats - June 2013 Update | Erik Runyon
- Carousel Interaction Stats | Erik Runyon
- Carousel Usability: Designing an Effective UI for Websites with Content Overload
- Carousels Don't Have to be Complicated - The Media Temple Blog
- Carousels on Mobile Devices
- Carousels with CSS | Blog | Chrome for Developers
- Content slider / carousel accessibility best practices? - User Experience Stack Exchange
- Designing A Better Carousel UX — Smashing Magazine
- Designing Effective Carousels for Websites and Mobile Apps (Video)
- ganlanyuan/tiny-slider: Vanilla javascript slider for all purposes.
- Hero Images/Carousels | Usability & Web Accessibility
- How to build a more accessible carousel or slider - DEV Community
- If you must use a carousel, make it accessible | by Alison Walden | Medium
- KeyaMuranoPUBLISHEDVERSION.pdf
- My Carousel Use Stats — Adrian Roselli
- ResearchGate
- Should I Use A Carousel?
- The Unbearable Inaccessibility of Slideshows - SitePoint
- The Usability of Carousel Design. According to Baymard Institute’s… | by Hsin-Jou Lin | UX Planet
- YIZHUANG/react-multi-carousel: A lightweight production-ready Carousel that rocks supports multiple items and server-side rendering with no dependency. Bundle size 2kb.
- Agriculture Design System
- AI and Design Systems | Brad Frost
- Auditing Design Systems for Accessibility | Deque
- BBC GEL | How to design for accessibility
- Building Accessibility Into Design Systems | Adobe XD Ideas
- Carbon Design System
- Cauldron React: Accessible Components Library | Deque Systems
- Components AI — A new way to explore generative design systems
- Design System | eBay Playbook
- Design systems – FigJam
- Design Systems 101 - NN/g
- Design Systems Database & Gallery
- Design systems for humans by Amy Hupe, content designer.
- Driving Buy-In & Adoption of Design Systems | Adobe XD Ideas
- HELLY HANSEN DESIGN PORTAL
- Home – GOV.UK Design System
- Homepage - GOLD Design System, previously known as the Australian Government Design System
- Improve Experiences With More Inclusive Design Systems | Adobe XD Ideas
- Introduction & Getting Started With Design Systems | Adobe XD Ideas
- Managing, Maintaining & Governing Design Systems | Adobe XD Ideas
- Neurodiversity Design System
- NSW Digital Design System
- Queensland Government Design System
- Queensland Health Design System
- SGDS | home
- Supernova | The Design System Platform That Grows With You
- The UX Designer's Evolving Role in Design Systems | Adobe XD Ideas
- Welcome - Docs ⋅ Storybook
- Welcome to the W3C design system - W3C Design System
- Wise Design
- Improve accessibility with the Accessibility Checker - Microsoft Support
- Rules for the Accessibility Checker - Microsoft Support
- Create Accessible Tables in MS Word - eSAIL
- Creating a Word Document on a Mac with VoiceOver: Video Tutorial – Perkins School for the Blind
- Designing accessible document with Microsoft Word – Perkins School for the Blind
- Keyboard shortcuts in Word - Microsoft Support
- Make your content accessible to everyone - Microsoft Support
- Make your Word documents accessible to people with disabilities - Microsoft Support
- Microsoft Word documents | Digital.NSW
- Set or change table properties - Microsoft Support
- Use a screen reader to explore and navigate Word - Microsoft Support
- Video: Check the accessibility of your document - Microsoft Support
- Video: Create accessible tables in Word - Microsoft Support
- WebAIM: Microsoft Word - Creating Accessible Documents
- All WCAG 2.1 Techniques | WAI | W3C
- Create accessible PDFs - Microsoft Support
- Create and verify PDF accessibility, Acrobat Pro
- Creating accessible PDFs
- InDesign Accessibility - Digital Accessibility Solutions
- PDF Techniques | Techniques for WCAG 2.0
- Reading_PDFs_with_VoiceOver.pdf
- Create accessible materials – Presentations | Disability Gateway
- Inclusive Design For Accessible Presentations — Smashing Magazine
- Make slides easier to read by using the Reading Order pane - Microsoft Support
- Make your PowerPoint presentations accessible to people with disabilities - Microsoft Support
- Making your PowerPoint presentations accessible - YouTube
- Making your PowerPoint slides work with a Screen Reader
- PowerPoint presentations | Digital.NSW
- Video: Create slides with an accessible reading order - Microsoft Support
- WebAIM: PowerPoint Accessibility
- How Covid-19 has changed shopper behaviour [stats] – Econsultancy
- It's harder than ever for the visually impaired to shop online — here's how retailers can make their digital presence more accessible | Business Insider
- More than one-third of consumers shop online weekly since coronavirus hit
- The Accessible E Store
- The Accessible eStore. On Global Accessibility Awareness Day… | by Alison Walden | Medium
- Virtual stampede: Online retail traffic surge chokes some Australian retailers | finder.com.au
- :invalid - CSS: Cascading Style Sheets | MDN
- “Full name” vs “First/Last name” UX Best Practice | by Amir Khademi | Prototypr
- A Guide To Accessible Form Validation — Smashing Magazine
- A11y Dropdown
- accessibility - Does using a placeholder as a label comply with WCAG 2? - Stack Overflow
- Accessible Chips
- Accessible datepickers - Axess Lab
- Accessible Forms 2: Required Fields and Extra Information | Web Usability
- An update on the accessibility of conditionally revealed questions – Accessibility in government
- Are Float Labels Really That Problematic After All?
- Are Float Labels Really That Problematic After All? | by MDS | bymds | Medium
- Assume the Position—A Labelling Story - TPGi
- Avoid Placeholder Text by Animating Form Labels – Knowbility
- Axess Lab | Disabled buttons suck
- Building an accessible autocomplete control – Adam Silver – Designer, London, UK.
- Buttons on the web: placement and order | by Artem Syzonenko | UX Collective
- Complex Form Control Labeling Example: Survey using select boxes
- Create accessible materials – forms and surveys | Disability Gateway
- Creating More Inclusive and Culturally Sensitive Forms | UX Booth
- Customizable select elements - Learn web development | MDN
- Error message – GOV.UK Design System
- Example: Form elements — Form elements — GOV.UK elements
- Exposing Field Errors — Adrian Roselli
- Floated Labels Still Suck – Web Axe
- Floating labels are problematic. After writing Placeholders are… | by Adam Silver | Simple = Human | Medium
- Form accessibility and usability beyond the basics - Pope Tech Blog
- Form Design Best Practices: Structure, Inputs, & Labels | Adobe XD Ideas
- Form Field Usability: Consider Using Localized Input Masks for ‘Phone’ and Other Restricted Inputs (64% Don’t) - Articles - Baymard Institute
- Forms Concepts • Forms • WAI Web Accessibility Tutorials
- Forms: Using aria-invalid
- Hello, My Name is
– A List Apart - How to Report Errors in Forms: 10 Design Guidelines
- Improving the usability of multi-selecting from a long list | by Zina Szőgyényi | Tripaneer Techblog | Medium
- Personal names around the world
- Placeholders in Form Fields Are Harmful
- Progressively Enhanced Form Validation, Part 1: HTML and CSS – Cloud Four
- Reset and Cancel Buttons
- Should form labels be wrapped or separate? - TPGi
- The Anatomy of Accessible Forms: The Problem with Placeholders | Deque
- The Evolution of Material Design’s Text Fields | by Susanna Zaraysky | Google Design | Medium
- Using Aria-invalid for Error Indication
- WebAIM: Creating Accessible Forms - General Form Accessibility
- WebAIM: Usable and Accessible Form Validation and Error Recovery
- Website Forms Usability: Top 10 Recommendations
- What Happened To Text Inputs? (Webbed Briefs)
- Why the GOV.UK Design System team changed the input type for numbers - Technology in government
- Asking for a date of birth – Design in government
- Brief Note on Calendar Tables — Adrian Roselli
- Cally: small, feature-rich calendar components
- Date and Time Pickers for All – React Spectrum Blog
- Date picker example
- Dates – GOV.UK Design System
- HTML: The Bad Parts - HTMHell
- Input Type 'date': The Accessibility of HTML Date Picker • DigitalA11Y
- Is input type="date" ready for use in accessible websites? - Hassell Inclusion
- Maybe You Don’t Need a Date Picker — Adrian Roselli
- React Aria Components – React Aria
- Safari's date-picker is the cause of 1/3 of our customer support issues
- Game accessibility guidelines | A straightforward reference for inclusive game design
- Sony Access Controller Review: A Beautiful Addition for All Gamers | WIRED
- Sony's PlayStation Access controller offers a new social lifeline for gamers with disabilities | CNN Business
- The Last of Us Part II: Accessibility Features Detailed
- A beginner’s guide to inclusive UX design | by Trina Moore Pervall | UX Collective
- Assistive Technology & Disability Aids | Disability Horizons
- Blind dating — the complications of searching for love without sight - ABC News
- Breaking the norm - Unleashing Australia’s Economic Potential | Deloitte Australia | Economics
- Bulgarian Musicians Launch Colorful Instrument For Deaf And Blind Children
- CfID Inclusion Compass 2023_FINAL_v3.pdf - CfID-Inclusion-Compass-2023_FINAL_v3-Accessible-Version91.pdf
- Chukwuemeka Afigbo on Twitter: "If you have ever had a problem grasping the importance of diversity in tech and its impact on society, watch this video https://t.co/ZJ1Je1C4NW" / Twitter
- Copy of Strengths-Based vs Deficit-Based Thinking.pdf - Google Drive
- deficit-discourse-summary-report.pdf
- deloitte-au-economics-breaking-norm-unleashing-australia-economic-potential-031122.pdf
- Designing For Good: Universal vs. Inclusion vs. Equity Design – Eileen Asher – Nonprofit Design
- Diversity, Equity, and Inclusion - Antiracist Praxis - Subject Guides at American University
- Inclusive Design
- Inclusive Design Is The Process, Accessibility Is The Outcome | Aquent Australia
- Inclusive Design is the process, accessibility is the outcome. – Centre for Inclusive Design
- Inclusive Design Principles
- Inclusive-Design-Lab-Centre-for-Inclusive-Design.pdf
- Some people are 'disabled'. Others 'live with' or 'have a disability'. Here's the difference between identity-first and person-first language - ABC News
- Stories of Web Users | Web Accessibility Initiative (WAI) | W3C
- Strengths v. Deficit Approaches to Community Health – Aacimotaatiiyankwi
- Strengths-based approaches for working with individuals | Iriss
- Teaching the Difference Between Equality, Equity, and Justice in Preschool - Paper Pinecone Blog
- The ‘Curb-Cut Effect’ in the Digital Age: How Accessibility Tools Help Everyone
- The 7 Principles | Centre for Excellence in Universal Design
- The Curb Cut Effect: How Accessible Architecture is Benefiting Everybody | ArchDaily
- The curb cut effect: How universal design makes things better for everyone | by Emma Sheridan | UX Collective
- The Inclusion Compass report - Centre for Inclusive Design
- The problem with that new equity vs. equality cartoon you’re sharing. | by Richard Leong | Medium
- Think Outside the Chair
- Universal, Inclusive, and Equity-Focused Design: Why They are Critical for Your Website | Loop11
- Why Can’t This Soap Dispenser Identify Dark Skin?
- :focus-visible and backwards compatibility - TPGi
- A Guide To Keyboard Accessibility: HTML And CSS (Part 1) — Smashing Magazine
- Designing Custom Focus Indicators | Craft CMS
- Ensure that scrollable region has keyboard access Axe Rules | Deque University | Deque Systems
- focus-visible/explainer.md at 6501c9382d072014e0aa8a816064fc78ae07b36b · WICG/focus-visible
- I Used The Web For A Day With Just A Keyboard — Smashing Magazine
- Keyboard and Overflow | Adrian Roselli
- Understanding Visible Focus Indicators | Craft CMS
- WebAIM: Keyboard Accessibility
- With :focus-visible, you can have focus styles when it makes sense | hidde.blog
- Accessibility of products and services | EUR-Lex
- Accessibility regulations – Understanding accessibility requirements for public sector websites and apps
- CAN/ASC - EN 301 549:2024 Accessibility requirements for ICT products and services (EN 301 549:2021, IDT) - Accessibility Standards Canada
- Draft U.S. Web Design Standards | Draft U.S. Web Design Standards
- European Accessibility Act - Wikipedia
- ISO 13407 is dead. Long live ISO 9241-210!
- ISO 9241-210:2019(en), Ergonomics of human-system interaction — Part 210: Human-centred design for interactive systems
- ISO/IEC 30071-1:2019 - Information technology - Development of user interface accessibility - Part 1: Code of practice for creating accessible ICT products and services
- SAR, Inc. - Standard Accessibility Reporting Inc.
- Standard - EN 301 549 - Mandate 376
- The ISO 9241 usability standard
- There is No Alternative to WCAG But Any Law Should Account for Shortcomings | by Kris Rivenburgh | Medium
- Understanding How the European Accessibility Act Will Impact Your Business - TPGi
- Web Accessibility Directive — Standards and harmonisation | Shaping Europe’s digital future
- Web Accessibility Laws & Policies | Web Accessibility Initiative (WAI) | W3C
- What does European accessibility standard EN 301 549 mean for US organizations? | Deque
- Why did we need another accessibility standard? – the birth of ISO 30071-1 - Hassell Inclusion
- Australia's adult literacy crisis - Adult Learning Australia
- Country note - Australia_final.pdf
- Country Specific Material - PIAAC, the OECD's programme of assessment and analysis of adult skills
- Education GPS - Australia - Adult skills (Survey of Adult Skills, PIAAC, 2012)
- Yes, adult literacy should be improved. But governments can make their messages easier to read right now
- A More Accessible Map – A List Apart
- Accessible Maps - Research and Development Working Group Wiki
- Accessible maps for blindness or visual impairment on iOS | by Mapbox | maps for developers
- Embedded YouTube and Google Maps – are they accessible? | Vision Australia. Blindness and low vision services
- Interactive Map Accessibility Principles - AccessibilityOz
- Keyboard accessible Google map | Vision Australia. Blindness and low vision services
- Malvoz/web-maps-wcag-evaluation: Manual accessibility evaluation of popular web map tools.
- Map Legend Accessibility – OUseful.Info, the blog…
- Map UI – The Most Popular Layouts and Design Tips
- Maps | Accessibility Guidelines
- (1) Why Implementing Swipe Gestures Causes A Mobile Accessibility Issue | LinkedIn
- 17 Free Mobile Accessibility Testing Tools • Digital A11Y
- Accessibility Matters - Mobile Navigation
- Accessibility Testing for the Mobile Web | Deque
- Appt Evaluation Methodology (Appt-EM) — Appt
- Appt.org | A guide for making apps accessible | Appt
- Conducting Mobile Accessibility Research with Screen-Reader Users
- Guidance on Applying WCAG 2.0 to Non-Web Information and Communications Technologies (WCAG2ICT)
- Guidance on Applying WCAG 2.2 to Mobile Applications (WCAG2Mobile)
- Guidance on Applying WCAG 2.2 to Mobile Applications (WCAG2Mobile)
- Is swiping a path-based gesture? - TPGi
- Mobile Accessibility at W3C | Web Accessibility Initiative (WAI) | W3C
- Mobile accessibility checklist - Accessibility | MDN
- Mobile Accessibility Guidelines - Accessibility for Products - BBC
- Mobile Accessibility Testing Guide for Android and iOS - free - TPGi
- Mobile Accessibility: How WCAG 2.0 and Other W3C/WAI Guidelines Apply to Mobile
- Mobile Application Accessibility: Critical Development Considerations
- Mobile Assistive Technology Gesture References — Adrian Roselli
- Mobile Testing - AccessibilityOz
- Mobile UX: Study Guide
- Mobile Web Application Best Practices
- Mobile Web Best Practices 1.0
- Native app accessibility checklist - MagentaA11y
- Tap or swipe mobile gestures? Which one should you design with? | by Justinmind | UX Planet
- Testing Accessibility on a Mobile Device – Part 2: Screen reader testing - News & thoughts - Designed by Sigma
- Testing Accessibility on Mobile Devices – Part 1: Automated testing - News & thoughts - Designed by Sigma
- WCAG 2.0 Should Not Be Applied to Software and Mobile Apps - Compliance Sheriff by Cyxtera
- What are the Tools for Accessibility Testing for Mobile Application?
- Android Accessibility Suite - Apps on Google Play
- Android Accessibility Suite - Apps on Google Play
- Deque Systems Introduces axe™ for Android Free Mobile App
- Starting Android Accessibility | Android Developers
- .accessibilityHeadingLevel and VoiceOver support · Issue #5 · cvs-health/ios-swiftui-accessibility-techniques
- 119175 – doesn't show any date-specific controls
- 204049 – AX: VoiceOver on iOS 13 cannot click input type date elements
- A Complete List of iOS and iPadOS Gestures Available to VoiceOver Users | AppleVis
- cvs-health/ios-swiftui-accessibility-techniques: Demonstrates iOS SwiftUI Accessibility programming techniques using live good and bad examples that can be tested with VoiceOver and other AT. Includes documentation for developers explaining how to code accessible patterns for iOS.
- ios - What is accessibilityTextHeadingLevel supposed to do? - Stack Overflow
- Post | LinkedIn
- The iOS Accessibility Handbook. Making an accessibility guide where you… | by Giovani Pereira | Better Programming
- Touchscreen gestures - Inputs - Human Interface Guidelines - Design - Apple Developer
- Attention deficit hyperactivity disorder - ADHD/ADD symptoms, causes and diagnosis | healthdirect
- Autism spectrum disorder - symptoms, diagnosis and treatment | healthdirect
- Autism Stats And Facts – Autism Spectrum Australia (Aspect)
- Dyslexia | healthdirect
- Dyspraxia - symptoms, treatments and causes | healthdirect
- Neurodiversity | Australian HR Institute
- Neurodiversity | DACSSA
- Neurodiversity and Buildings Checklist - BBC
- Neurodiversity in the Australian Public Service - RN 09-23 - Neurodivergence in the APS.pdf
- Neurodiversity Week: Resources to Help People with ADHD, Autism, Dyslexia and Dyspraxia - Homage Australia : Homage Australia
- Neurodiversity: different not lesser than | Featuring Chris Varney | Diversity Council Australia
- Something to 'lift' your spirits: The strange but fascinating obsession for people with Autism - The A List
- What is Neurodiversity? - Genius Within
- AccessibilityOz
- Backlash from activists over Scope’s attempt to ‘End the Awkward’ – Disability News Service
- Home - Australian Digital Inclusion Index
- Home - Australian Network on Disability
- Home - Centre for Universal Design Australia
- Home - Design For Dignity
- Home - Intopia
- Home | Disability charity Scope UK
- The Benefit of Designing for Everyone - Centre for Inclusive Design
- Welcome - Centre For Accessibility
- Welcome to the Disability Gateway | Disability Gateway
- ‘Accessibility at the Edge’ W3C CG Is an Overlay Smoke Screen — Adrian Roselli
- #accessiBe Will Get You Sued | Adrian Roselli
- 21 Accessibility Requirements that are NOT covered by Userway*.
- A Record-Breaking Year for ADA Digital Accessibility Lawsuits | UsableNet, Inc.
- Accessibility overlays
- Accessibility Overlays Do Not Work | eSSENTIAL Accessibility
- Accessibility Overlays in Digital Content - The Paciello Group (TPG)
- AccessibilityAssociation
- Avoid AccessiBe & other companies claiming quick & easy AI accessibility - YouTube
- Background: Should I use an accessibility overlay? - The A11Y Project
- Blind internet users struggle with error-prone AI aids
- Bolt-on Accessibility - 5 gears in reverse - TPGi
- Bolt-on Accessibility – 5 gears in reverse | TPG – The Accessibility Experts
- Developing anti-SLAPP policies for A11y Slack with Harvard Cyberlaw Clinic | MarcySutton.com
- Do Accessibility Overlays and Widgets Provide 'Full and Equal Access' as Required Under the ADA's General Rule? | LinkedIn
- European Disability Forum and International Association of Accessibility Professionals joint statement on accessibility overlays - European Disability Forum
- Honor the ADA: Avoid Web Accessibility Quick-Fix Overlays – Law Office of Lainey Feingold
- International Association of Accessibility Professionals (IAAP) position statement on overlays | by Sheri Byrne-Haber, CPACC | Mar, 2022 | Medium
- Legal Update: Accessibility Overlay Edition – Law Office of Lainey Feingold
- Level Access crosses the line; buys accessibility overlay company · Eric Eggert
- Lies, Damned Lies, Overlays and Widgets | LinkedIn
- More lawsuits filed against companies using accessibility plugin/overlays | by Sheri Byrne-Haber, CPACC | Oct, 2020 | Medium
- My anti-overlay client letter - Alistair Shepherd
- My Cease & Desist from AudioEye — Adrian Roselli
- National Convention Sponsorship Statement Regarding accessiBe | National Federation of the Blind
- Overlay Fact Sheet
- Overlays are not the solution to your accessibility problem | by Sheri Byrne-Haber, CPACC | Medium
- Post | LinkedIn
- The ADA lawsuit settlement involving an accessibility overlay | by Sheri Byrne-Haber, CPACC | UX Collective
- The Impact of Web Accessibility Overlays | Master's Thesis by Daniela Kubesch
- Userway Review: Why This Accessibility Widget Doesn’t Deliver Full Compliance
- Web Accessibility Overlays Don’t Work – Tenon.io
- Website Accessibility Lawsuits Rising Exponentially In 2023 According To Latest Data
- What Are Accessibility Overlays And What Are They Good For? | LinkedIn
- What Are Accessibility Overlays? (Webbed Briefs)
- What’s Wrong With Quick-Fix Products For Digital Accessibility?
- Why Accessibility Overlay Widgets Fail to Protect or Serve | Accessibility.Works
- 10 Hilarious (but Sadly Real) Stereotypes About Digital Accessibility • DigitalA11Y
- Accessibility - BBC
- Accessibility - Learn web development | MDN
- Accessibility ‘Gaps’ in MVPs — Adrian Roselli
- Accessibility | 2022 | The Web Almanac by HTTP Archive
- Accessibility Cheatsheet — Practical approaches to Universal Design
- Accessibility for teams
- Accessibility Is Easy … Except for When It Isn’t | State of the Browser 2023 | Presentations | A11y Tools
- Accessibility Myths
- Accessibility tips for inclusive Microsoft Teams meetings and live events - Microsoft Support
- Accessibility, News and You
- An accessibility reading list - Accessibility in government
- Anybody can be an A11y Slacker | TPG – The Accessibility Experts
- How we approach digital accessibility at Xero | by Laila Coulton | Humans of Xero | Dec, 2022 | Medium
- I Don’t Care What Google or Apple or Whoever Did — Adrian Roselli
- Inclusive Design and Accessibility | by Josephine Miller | Prototypr
- Introduction to Accessibility
- Is Closing the Web Accessibility Design/Development Gap a Bridge Too Far? | Deque
- Keys To An Accessibility Mindset — Smashing Magazine
- Listen To Me And Not Google: HeydonWorks
- My Request to Google on Accessibility — Adrian Roselli
- No Accessibility Without Disabilities · Eric Eggert
- Prioritising Accessibility for ABC Websites - ABC
- Selfish Accessibility — YGLF Vilnius | Adrian Roselli
- Should You Copy a Famous Site's Design?
- Standards for Writing Accessibly – A List Apart
- SteveSounds - An Accessible Steve Faulkner Soundboard
- Things to Do Before Asking “Is This Accessible?” — Adrian Roselli
- Using this tutorial | Teach Access Tutorial
- WebAIM: Quick Reference - Web Accessibility Principles
- What's wrong with providing a separate site for people with disabilities? - AccessibilityOz
- Where Accessibility Fits in an Organization: Decentralized vs. Centralized Model | Deque
- [Work In Progress]: Vosh - a third-party screen-reader for the Macintosh | AppleVis
- 5 Myths About Screen Readers That Can Hurt Accessibility
- A message to web developers, from a screen reader user | The Big Hack
- accessibility - Screen reader isn't reading Korean and Russian - Stack Overflow
- Accessibility | Font Awesome Docs
- Accessibility Support
- Accessible SVG Icons | CSS-Tricks
- Accessible SVGs
- AccessLint/screenreaders: Screen reader automation tools by AccessLint, including VoiceOver.js and Auto-VO
- Alt text, captions and titles for images | Style Manual
- Alternative techniques for labelling page regions - ADG
- Appendix A. Commands and Gestures
- Ashley Sheridan - Screen Readers and Pronunciation
- BBC - Future Media Standards & Guidelines - Screen reader testing guidelines
- Be Careful with Dynamic Accessible Names | Adrian Roselli
- Better accessible names | hidde.blog
- Blaming Screen Readers 🚩×5 — Adrian Roselli
- Browsing with assistive technology videos - TetraLogical
- Choominator/Vosh: Third-party screen-reader for MacOS
- Content-visibility and Accessible Semantics | MarcySutton.com
- content-visibility: the new CSS property that boosts your rendering performance
- Controls Guide
- CSS Can Influence Screenreaders | Ben Myers
- Does the HTML hr (horizontal Rule) Benefit Screen Reader Users? • DigitalA11Y
- Don't say "click here"; not everyone will be clicking - Quality Web Tips
- From Applevis: [Work In Progress]: Vosh - a third-party screen-reader for the Macintosh
- Get started screen reader testing with screen readers and the accessibility tree - DEV Community
- How A Screen Reader User Accesses The Web: A Smashing Video — Smashing Magazine
- How to create content that works well with screen readers - Accessibility in government
- How to make "Read more" links accessible | Vision Australia. Blindness and low vision services
- How to map your Mac's CapsLock key to a NVDA or JAWS key in a Windows virtual machine
- html - How can I override a screen-reader's pronunciation of a word in a sentence without having it pause mid-sentence? - Stack Overflow
- HTML for Subheadings and Headings | CSS-Tricks - CSS-Tricks
- HTML table advanced features and accessibility - Learn web development | MDN
- HTML test cases
- I thought title text improved accessibility. I was wrong.
- I Used The Web For A Day Using A Screen Reader — Smashing Magazine
- Improving web navigation for speech recognition users - Intopia
- Inclusively Hidden | scottohara.me
- JAWS, NVDA, and VoiceOver Braille Viewers — Adrian Roselli
- Labeling the point: Scenarios of label misuse in WCAG - TPGi
- Navigating with a screen reader - YouTube
- On Use of the Lang Attribute | Adrian Roselli
- options for optgroup labeling of options – HTML Accessibility
- Overcoming Screen Reader Testing - The Accessibility Compass
- Presenting abbreviations and acronyms for screen reader users - Open Inclusion
- Quick Tip: Use the “lang” Attribute for Better Accessibility
- Re: in-page text-to-speech from GF Mueden@ on 2012-08-14 (w3c-wai-ig@w3.org from July to September 2012)
- Re: in-page text-to-speech from Patrick H. Lauke on 2012-08-11 (w3c-wai-ig@w3.org from July to September 2012)
- Redundantly Redundant a11y Accessibility | scottohara.me
- Screen Reader and Browser Combination for Accessibility - Maxability
- Screen Reader Demo - YouTube
- Screen Reader Demo for Digital Accessibility - YouTube
- Screen reader driver for test automation | Guidepup
- Screen Reader Hidden Content Test
- Screen reader HTML support tables - TetraLogical
- Screen Reader Keyboard Shortcuts and Gestures
- Screen Reader Support For Disabled & Read Only Form Fields - Tink - Léonie Watson
- Screen reader testing | Accessibility | Wunder
- Screen readers - Assistiv Labs
- Screen readers and abbreviations — Jon Gibbins, Dotjay
- Screen Readers support for text level HTML semantics - TPGi
- Screen Readers: A Guide to Punctuation and Typographic Symbols
- screen-reader-HTML-support
- Semantics to Screen Readers – A List Apart
- Short note on scoping mechanisms - TPGi
- Speech Viewer Logs of Lies — Adrian Roselli
- Stop Giving Control Hints to Screen Readers — Adrian Roselli
- Support for Marking Radio Buttons Required, Invalid — Adrian Roselli
- Test: HTML p[lang] element | Accessibility Support
- The a11y Monthly: Why you shouldn’t rely on the title attribute • Yoast
- The difference between keyboard and screen reader navigation - Tink - Léonie Watson
- The troubled state of screen readers in multilingual situations | by Xurxe Toivo García | UX Collective
- Understanding screen reader interaction modes - Tink - Léonie Watson
- Upper Case Character Test
- Use a screen reader to evaluate a website
- Using abbr Element with title Attribute — Adrian Roselli
- Using all Capital Letters – Lane Community College Web Team
- Using HTML's translate attribute
- WebAIM: Designing for Screen Reader Compatibility
- WebAIM: Flexbox and the Screen Reader Experience
- WebAIM: Screen Reader User Survey #10 Results
- WebAIM: Testing with Screen Readers - Questions and Answers
- ZIP, Z I P, or Z.I.P.? Forcing Correct Pronunciation in Screen Readers - Level Access
- APG support tables - why they matter | Deque
- ARIA | Accessibility Guidelines
- ARIA can hurt or help web accessibility: How to review your website's ARIA - Pope Tech Blog
- ARIA controls vs ARIA owns | Make Things Accessible
- ARIA states and properties - Accessibility | MDN
- ARIA Test Cases - Accessibility | MDN
- ARIA: alertdialog role - Accessibility | MDN
- ARIA22: Using role=status to present status messages
- Demystifying WAI-ARIA, 18 ARIA attributes that every web developer should know
- Describing aria-describedby - TPGi
- General Principles: Principles: ARIA Landmarks Example
- hasPopup hasPoop – HTML Accessibility
- HTML is general, ARIA is specific - daverupert.com
- HTML5 Accessibility: aria-hidden and role="presentation" | Unrepentant
- Know your ARIA: 'Hidden' vs 'None' | scottohara.me
- My Priority of Methods for Labeling a Control — Adrian Roselli
- No, APG’s Support Charts Are Not ‘Can I Use’ for ARIA — Adrian Roselli
- Re: nuance in ARIA
- Slides from role=drinks at CSUN | Adrian Roselli
- SVG Accessibility/ARIA roles for charts - W3C Wiki
- The Difference Between role=”presentation” and aria-hidden=”true” | Tim Wright dot Org
- The hidden world of aria-hidden – HTML Accessibility
- Top 5 ARIA Implementation Errors - Leader in Offshore Accessibility Testing | Section 508 Compliance | WCAG Conformance | BarrierBreak
- Using ARIA
- Using the aria-controls attribute - Tink - Léonie Watson
- WAI-ARIA Properties For Web Development Archives • DigitalA11Y
- WAI-ARIA Roles - Accessibility | MDN
- WAI-ARIA: Role=Menubar • Digital A11y
- “It’s Alive!”: Apps That Feed Back Accessibly — Smashing Magazine
- Accessible Loading Indicators—with No Extra Elements! - DockYard
- ARIA Live Region Test
- ARIA live regions - Accessibility | MDN
- Example 23 - Live Region
- How to create a simple CSS loading spinner & make it accessible | by Stuart Nelson | codeburst
- Live region with aria
- Screen reader support for ARIA live regions - TPGi
- Screen reader support for ARIA live regions | TPG – The Accessibility Experts
- Using aria-live
- ARIA labels and relationships
- aria-label - examples and best practices | Aditus
- aria-label Does Not Translate — Adrian Roselli
- Don't Overwrite Visual Labels With `aria-label` | Ashlee M Boyer
- html - -Element: aria-label or title attribute - Stack Overflow
- Revisting aria-label versus a visually hidden class | Go Make Things
- Test: aria-label test | Accessibility Support
- Text links: aria-label and title
- Why aria-label can be bad for accessibility – Andy Carter
- 3.2.1 Exploring the Table of Contents in the JAWS Basic Training
- 5.5.1 Speech History
- 5.5.1 Transcript - JAWS Speech History
- 7.3 Transcript - Reading Tables with JAWS
- JAWS HTML Support
- JAWS Keystrokes
- JAWS Professional
- Keystrokes.pdf
- Navigating Web Pages with JAWS - YouTube
- Tables with JAWS
- Tech Standards: Navigating a Table Using JAWS – Perkins School for the Blind
- WebAIM: JAWS license not developer friendly
- WebAIM: Using JAWS to Evaluate Web Accessibility
- "Fixing" Lists | scottohara.me
- list-style-type - CSS: Cascading Style Sheets | MDN
- VoiceOver and list-style-type: none | Writing | gerardkcohen.me
- Accessibility Testing with NVDA Screen Reader for Beginners - Recorded Live Lecture - YouTube
- NVDA 2024.4.2 Commands Quick Reference
- NVDA HTML Support
- NVDA installation and configuration - ADG
- Setting focus to an element: NVDA doesn't announce it, when elements around it are set to aria-hidden! · Issue #5825 · nvaccess/nvda
- Testing NVDA on a Mac
- WebAIM: Using NVDA to Evaluate Web Accessibility
- Use a screen reader to add and format text in PowerPoint - Microsoft Support
- Use a screen reader to insert and edit pictures and tables in PowerPoint - Microsoft Support
- Use a screen reader to work with slides in PowerPoint - Microsoft Support
- How to Use TalkBack on an Android Emulator - DEV Community
- TalkBack-Android HTML Support
- WebAIM: Using TalkBack to Evaluate Web Accessibility
- `abbr` with `title` - Screen reader compatibility
- I thought title text improved accessibility. I was wrong. - Silktide
- The Trials and Tribulations of the Title Attribute - 24 Accessibility
- Using the HTML title attribute - updated March 2020 - TPGi
- Using the HTML title attribute – updated | The Paciello Group – Your Accessibility Partner (WCAG 2.0/508 audits, VPAT, usability and accessible user experience)
- A Beginner's Guide to Using macOS with VoiceOver | AppleVis
- Apple Vision Accessibility: the 2023 AppleVis Report Card | AppleVis
- Assistive Technology: Getting started with macOS VoiceOver - The A11Y Project
- Automating Screen Reader Testing On macOS Using Auto VO — Smashing Magazine
- Deque Quick Reference Guide: VoiceOver for macOS Keyboard Commands - voiceover-macos-guide.pdf
- First-Level VoiceOver Commands, macOS Sierra
- How do the new iOS 14 accessibility features stack up? | Deque
- macOS Sonoma: New Features, Changes, Improvements, and Bugs for Blind and Low Vision Users | AppleVis
- Quick reference guide for voiceover on iOS
- Safari and WebKit Applications Can Become Unresponsive When Using VoiceOver | AppleVis
- Voiceover and Braille screen input. - YouTube
- VoiceOver Keyboard Shortcuts for Mac OS X | AppleVis
- VoiceOver Keyboard Shortcuts on a Mac | Screen Reader Keyboard Shortcuts and Gestures
- VoiceOver-iOS HTML Support
- VoiceOver-Mac HTML Support
- We Deserve Better from Apple: Why I Can No Longer Recommend a Mac to Fellow Blind Computer Users | AppleVis
- WebAIM: Using VoiceOver to Evaluate Web Accessibility
- WebAIM: VoiceOver on Mobile
- Disability Impacts All of Us Infographic | CDC
- Disability Inclusion and Accessibility infographic – 2021 - Canada.ca
- Measuring disability in Canada
- Online learning challenges: Inaccessibility to tech and academic dishonesty - TechRepublic
- WebAIM: The WebAIM Million - An annual accessibility analysis of the top 1,000,000 home pages
- (1) Unmasking the Truth: How Disability Masking Affects Identity and Inclusion | LinkedIn
- Conversations with Accessibility Experts: Gareth Ford Williams
- Post-COVID Restaurants Should No Longer Ignore ADA Guidelines - Eater
- Tasmanian artist, author Janelle McMillan on her everyday battle to be understood - ABC News
- The teen reviewing public transport for wheelchair users - BBC News
- To mark National Disability Employment Awareness Month, meet the people making a difference at Microsoft | Microsoft On the Issues
- What it’s like having a hidden disability in Silicon Valley
- A Complete Guide To Accessibility Tooling — Smashing Magazine
- A guide to writing accessibility acceptance criteria
- A11y bookmarklets | A11y Tools
- a11y tools
- Accessibility testing spreadsheet version 2 - Rachele DiTullio
- Accessibility tests
- Accessibility tests • Storybook docs
- accessibility-eval/keyboard.md at main · workday-accessibility/accessibility-eval
- Accessibility, News and Testers
- All tests | Accessibility Support
- ANDI - Accessibility Testing Tool - Install
- Assistiv Labs
- Automated Accessibility Testing with sa11y | Salesforce Developers Blog
- Automated accessibility testing: strengths and limits — OpenAccess
- Automated testing won’t solve web accessibility · Eric Eggert
- awesome-a11y/validators.md at master · brunopulis/awesome-a11y
- CSS Bookmarklets for Testing and Fixing | Adrian Roselli
- Disability-inclusive usability testing - Intopia
- Editoria11y Accessibility Checker
- EqualifyEverything/equalify: A web accessibility platform, managing issues by integrating with A11Y services.
- Evaluating Web Accessibility Overview | Web Accessibility Initiative (WAI) | W3C
- Force Focus Tools – Web Axe
- Free Accessibility Linters to Automate Accessibility Workflow • DigitalA11Y
- GitHub - accessibility-fi/salvia
- GitHub - accessibility-luxembourg/simplA11yPDFCrawler: This tool crawls a list of websites and download all PDF and office documents. Then it analyses the PDF documents and tries to detect accessibility issues.
- GitHub - bbertucc/equalify: The first open source accessibility platform, integrating all your WebOps.
- GitHub - pa11y/pa11y-dashboard: Pa11y Dashboard is a web interface which helps you monitor the accessibility of your websites
- GitHub - qualweb/core: Qualweb core engine
- Home - Sa11y
- Home · IBMa/equal-access Wiki
- How to Determine If a Product is Accessible - AccessibilityOz
- How To Run A Web Accessibility [WCAG] Audit? • DigitalA11Y
- How we made our accessibility empathy lab virtual - Accessibility in government
- Improve effectiveness and accuracy of web accessibility testing with sampling - Pope Tech Blog
- Lighthouse accessibility scoring - Chrome Developers
- LinkedIn’s approach to automated accessibility (A11y) testing | LinkedIn Engineering
- Make Your Website Accessible with UserWay's Accessibility Solutions | UserWay
- Oobee | Singapore Government Developer Portal
- Pa11y
- reactjs/react-a11y: Identifies accessibility issues in your React.js elements
- Running research sessions with disabled people - Service Manual - GOV.UK
- See Me Please | accessibility
- Setting priorities for accessibility issues - Intuit Developer Community Blog
- Silktide - The complete solution for website managers
- Testing for accessibility: top 5 recruitment tips
- User research for government services: an introduction - Service Manual - GOV.UK
- Using Automated Test Results To Improve Accessibility — Smashing Magazine
- WAI-ARIA usage
- Web accessibility checklist - MagentaA11y
- Web Accessibility Reporting: Forming Your Strategy
- Web Design & Development Partner and IT Consultants
- What we found when we tested tools on the world’s least-accessible webpage - Accessibility in government
- Why Manual Accessibility Audits are So Important - Be Inclusive
- Writing Automated Tests for Accessibility - 24 Accessibility
- Considering accessibility when designing a usability test | Deque
- Deque - The Automated Accessibility Coverage Report - Accessibility-Coverage-Report.pdf
- dequelabs/axe-core-npm
- How to test for accessibility with Cypress | Deque
- New axe DevTools Integration: Playwright | Deque
- Shift further left with Deque’s axe-linter for VS Code | Deque
- Shift Left | Deque
- Study Shows Its Automated Testing Identifies 57 Percent of Digital Accessibility Issues
- The Automated Accessibility Coverage Report | Deque
- W3C Publishes WCAG Testers Consistency List | Deque
- Welcome to axe DevTools for Web | Deque Docs
- What to look for in an accessibility audit | Deque
- Accessibility testing | Playwright
- Automate accessibility tests with Storybook
- Axe Updates: New Tools and Machine Learning Enhancements | Deque
- Axe-core ACT Implementation | | WAI | W3C
- axe-core/API.md at develop · dequelabs/axe-core · GitHub
- axe-core/doc/issue_impact.md at develop · dequelabs/axe-core
- axe-core/rule-descriptions.md at develop · dequelabs/axe-core · GitHub
- GitHub - dequelabs/axe-devtools-html-api-examples: Library of example projects for axe DevTools HTML api integrations
- GitHub - microsoft/axe-pipelines-samples: Samples that demonstrate running axe accessibility scans from Azure Pipelines
- Using axe command line to evaluate a web page for accessibility | by Saptarshi Katwala | accessibility-a11y | Medium
- [Draft] Easy Checks – A First Review of Web Accessibility | Web Accessibility Initiative (WAI) | W3C
- A beginner's guide to manual accessibility testing - Pope Tech Blog
- A TOOL’S ERRAND – HTML Accessibility
- About Us | ACT-Rules Community
- Accessibility guru, heal thy site
- Accessibility Insights - Info and Examples for Accessibility Insights for Web
- Accessibility report
- Accessibility testing | Digital.NSW
- ACT Rules Implementation in Test Tools and Methodologies | | WAI | W3C
- ADA Web Site Compliance Still Not a Thing — Adrian Roselli
- All ACT Rules | | WAI | W3C
- Automated checks
- Axe Rules | Deque University | Deque Systems
- Building the most inaccessible site possible with a perfect Lighthouse score - Manuel Matuzović
- Comparing Manual and Free Automated WCAG Reviews — Adrian Roselli
- Easy Checks – A First Review of Web Accessibility | Web Accessibility Initiative (WAI) | W3C
- HTML test file index
- IBM Accessibility – IBM Accessibility
- Overview | OpenACR Editor | GSA
- Overview | WCAG-EM Report Tool
- Setting up a screen reader testing environment on your computer – Sara Soueidan, inclusive design engineer
- Testing for accessibility - Service Manual - GOV.UK
- The Importance Of Manual Accessibility Testing — Smashing Magazine
- Tools – IBM Accessibility
- What Does X% of Issues Mean? — Adrian Roselli
- 9. Make it accessible | Digital Transformation Agency
- Accessibility - Foundations - Human Interface Guidelines - Design - Apple Developer
- Accessibility and Inclusivity Toolkit | Digital.NSW
- Accessibility For Products
- Accessibility Innovation Toolkit - Accessibility Innovation Toolkit.pdf
- Accessibility Skills Hiring Toolkit – Teach Access
- Digital Service Toolkit | Digital.NSW
- Home - DWP Accessibility Manual
- Home — Web Accessibility Guide — NZ Government
- Home: Up Your A11y
- Inclusive Design illustrations | Figma Community
- Inclusive design toolkit | ontario.ca
- LX Accessible Content Practices - LX at UTS
- Microsoft Inclusive Design
- Niagara College Accessibility Hub
- Online Accessibility Toolkit | Online Accessibility Toolkit
- Accessibility foundations - TetraLogical
- Accessibility fundamentals - Training | Microsoft Learn
- Accessibility fundamentals - Training | Microsoft Learn
- Accessibility Fundamentals Overview | Web Accessibility Initiative (WAI) | W3C
- Accessibility Services - Eliquo Training
- Browse all - Learn | Microsoft Docs
- Curricula on Web Accessibility: A Framework to Build Your Own Courses | Web Accessibility Initiative (WAI) | W3C
- Deque's Empathy Lab: hands-on accessibility awareness | Deque
- Design For Everyone
- Digital Accessibility Foundations - Free Online Course | Web Accessibility Initiative (WAI) | W3C
- How to open a budget Accessibility Simulation Lab - Accessibility in government
- Introduction to Web Accessibility | edX
- Mapping the Edge cards – Centre for Inclusive Design
- Practical Accessibility — Practical Accessibility for web designers and developers
- Supplier Web Accessibility Tools - Microsoft Accessibility
- Training - Accessibility manual
- W3Cx
- Web Accessibility | Udacity
- Web Accessibility Education - YouTube
- WebAIM: Virtual Web Accessibility Training - October 14–15, 2020
- What is an Accessibility Engineer? - The Accessibility Compass
- Certified Professional in Accessibility Core Competencies | International Association of Accessibili
- IAAP Certification Preparation Courses | Deque
- On Certification - Karl Groves
- Online Self-Paced Web Accessibility Classes | Web Accessibility Classes and Workshops in the Deque University Curriculum
- Professional Certificate in Web Accessibility - Study at UniSA - University of South Australia
- Professional Certificate in Web Accessibility – Centre for Inclusive Design
- WAS Certification Exam Guide | IAAP Certification Quick Guide
- Web Accessibility Curriculum Package | Accessibility Training | Curriculum Packages
- Web Accessibility Specialist | International Association of Accessibility Professionals
- WebAIM: Accessibility Certification: The Devil is in the Details
- ‘You can make money out of us’: the disabled people demanding more accessible travel and tourism | Tourism (Australia) | The Guardian
- Accessible Japan - Your Guide to Barrier-Free Travel in Japan
- Travel with a disability shouldn't be that hard, and there's billions on offer to businesses who prioritise accessibility - ABC News
- Why Accessible Space Travel Matters for Life on Earth | Condé Nast Traveler
- Diary Studies: Understanding Long-Term User Behavior and Experiences
- GitHub - Grunet/awesome-inclusive-user-research: A collection of resources around the area of inclusive user research. Also check out https://github.com/Grunet/awesome-inclusive-design
- How the Accessible Usability Scale Makes User Research More Inclusive | Equal Entry
- Inclusive Design Research Centre
- Kill Your Personas. How persona spectrums champion real… | by Margaret P | Microsoft Design | Medium
- Persona Spectrums: Building for Inclusion and Accessibility | UX Booth
- Talking with Users in a Usability Test
- Task Scenarios for Usability Testing
- Usability Testing 101
- User Persona Spectrums: What They Are and How to Use Them
- (1) Designing Better Mega-Dropdown-Menus UX | LinkedIn
- 10 Usability Heuristics for User Interface Design
- 50+ Book Recommendations from UXRs
- A web of anxiety: accessibility for people with anxiety and panic disorders [Part 1] | TPG – The Accessibility Experts
- A11yVR - Jul 19 2022 - Virtual Accessibility Mapping, Awareness Raising, and Real-World Advocacy - YouTube
- Accessibility and 2022: 13 Design Trends From a Usability Perspective
- Accessibility for UX Designers — Accessibility for Teams
- Accessibility: The Biggest Scam in UX | by Dot Tomczak | Bootcamp
- Aligning Jakob Nielsen's 10 Usability Heuristics with the WCAG 2.1
- Applying Accessibility Heuristics to Wireframes | Deque Webinar
- Beyond WCAG: Losing Spoons Online - TPGi
- Block Links, Cards, Clickable Regions, Rows, Etc. — Adrian Roselli
- Deceptive Patterns - Types of Deceptive Pattern
- Deque How To: Accessibility for User Experience Designers
- Enhancing The Clickable Area Size - Ahmad Shadeed
- Equivalent Experiences: Thinking Equivalently — Smashing Magazine
- Equivalent Experiences: What Are They? — Smashing Magazine
- Improving Wireframe Accessibility: A more inclusive Design process - Bocoup
- Introduction to Accessibility Heuristics
- Journey Mapping vs. Story Mapping (Video)
- Killing Off the Global Navigation: One Trend to Avoid | Nielsen Norman Group
- Learnability vs Efficiency in User Interface Design (Video)
- Mega Menus Gone Wrong
- Mega Menus Work Well for Site Navigation
- mobile - Card with Button or Completely Clickable Card - User Experience Stack Exchange
- Modal & Nonmodal Dialogs: When (& When Not) to Use Them
- Risk of Copying Famous Companies' Designs (Video)
- Scroll to top: Does it need to be accessible? • DigitalA11Y
- So You Want to Become a UX Researcher? | Adobe XD Ideas
- Sticky and fixed elements may cause huge accessibility problems – Bogdan on Web Accessibility (A11y)
- Sticky elements: functionality and accessibility testing - Technology in government
- Stop Using Hamburger Menus
- Supporting the Design Phase with Accessibility Heuristics Evaluations | Deque
- The Art of Mega Menus: A UX Designer’s Guide | by Bernadette Blanchard | Bootcamp
- Think like an accessible UX researcher part 1: Defining your research problem | TPG – The Accessibility Experts
- Think like an accessible UX researcher part 2: How many participants? | TPG – The Accessibility Experts
- Think like an accessible UX researcher part 3: five common mistakes in usability testing and how to avoid them | TPG – The Accessibility Experts
- usability - Should we anticipate when the user is asking for the menu when we hide the navigation on scroll? - User Experience Stack Exchange
- User Experience (UX) Archives - TPGi
- User-Friendly Mega-Dropdowns: When Hover Menus Fail — Smashing Magazine
- UX = Accessibility & Accessibility = UX | LinkedIn
- UX Myths
- UX Series 1: Universal Design and Digital Accessibility - The Paciello Group (TPG)
- Web: How to document the screen reader user experience - Accessibility, Your Team and You
- Why has User Experience Design become Legal Experience Design? | by Gareth Ford Williams | UX Collective
- “W3C Is Prioritizing Accessibility Over Its Open Source Licensing Preferences”. Why is that a bad thing again? – Customer Servant Consultancy
- [Draft] WCAG Success Criteria - Accessibility Roles and Responsibilities Mapping (ARRM) | Web Accessibility Initiative (WAI) | W3C
- Accessibility is about people, not standards - Part of a Whole
- Accessibility Not-Checklist | Brewed by team Intopia
- Announcing the Accessibility Not-Checklist - Intopia
- Ashley Sheridan - Accessible Graphs and Charts
- Challenges with Accessibility Guidelines Conformance and Testing
- Checklists
- Developing an Accessibility Statement | Web Accessibility Initiative (WAI) | W3C
- Digestible WCAG
- Digital Accessibility Resources
- Does Website Accessibility Require 100% Compliance?
- Expedia Accessibility Guidelines (ExAG) - ExAG
- Fix web accessibility systematically · Eric Eggert
- GitHub - w3c/wcag: Web Content Accessibility Guidelines
- Guy Barker on Twitter: "Don't forget folks, the Where's WCAG? game runs on all of Windows, Android, and iOS, and the Windows version supports customisable bonus questions. You may wonder just how much fun that is. Well, it's 11. https://t.co/8CoLvCnGjR https://t.co/TT6jHpxN7G https://t.co/eD7jJShoVa https://t.co/Mk5GkKlkUX" / Twitter
- How to Meet WCAG (Quickref Reference)
- Introduction to Understanding WCAG | WAI | W3C
- Mapping of WCAG 2.0 to Functional Performance Criteria | Section508.gov
- Meta viewport allows for zoom | ACT Rule | WAI | W3C
- Press Release: W3C Launches International Program Office for WAI
- Press Release: W3C Launches Web Accessibility Initiative
- Tutorials Overview • WAI Web Accessibility Tutorials
- Understanding Conformance | WAI | W3C
- WAI History
- WAI-ARIA Authoring Practices 1.1
- WAI-ARIA Authoring Practices 1.2
- WAI-ARIA Overview | Web Accessibility Initiative (WAI) | W3C
- WCAG • DigitalA11Y
- WCAG 1.1: Text alternatives - Silktide
- WCAG 2: Guidelines and Guardrails · Eric Eggert
- WCAG 2.2 map by theme | Andrew Hick
- WCAG Checklist • a free and simple guide to WCAG 2.1 Compliance
- WCAG Level AAA Success Criteria Are Strict, But They're Still Worth Your Attention
- WCAG, but in language I can understand – tempertemper
- We need to talk about WCAG - Blog - Level Level Rotterdam
- Web Content Accessibility Guidelines (WCAG) | Deque
- WebAIM: Four Reasons to Give WCAG AAA a Second Look
- WebAIM: WebAIM's WCAG 2 Checklist
- What is WCAG conformance? And why 100% conformance is not the only goal on your digital accessibility journey. | Perkins Access
- What's ‘normative’ in WCAG? | hidde.blog
- Where are the Accessibility Statements? Digital Accessibility shouldn’t be a surprise. | Deque
- Your Accessibility Claims Are Wrong, Unless… — Adrian Roselli
- 508 Accessibility - Salesforce.com
- Accessibility conformance reports
- Adobe Accessibility Compliance Overview
- How to Read a VPAT - AccessibilityOz
- Microsoft Accessibility Conformance Reports
- Exploring WCAG 2.1 for Australian government services | Digital Transformation Agency
- Understanding WCAG 2.1 Level AAA - TetraLogical
- WCAG 2.1 Is the Current Standard, Not WCAG 2.0 — and WCAG 2.2 Is Coming | Adrian Roselli
- WCAG2.1Map-03 - 2019-WCAG2.1-Map-Intopia-plus-reading-order.pdf
- Web Content Accessibility Guidelines (WCAG) 2.1
- Web Content Accessibility Guidelines (WCAG) 2.1 | TPG – The Accessibility Experts
- What’s New in WCAG 2.1 | Web Accessibility Initiative (WAI) | W3C
- Failure technique F94 (1.4.4 resize text): remove "1280 pixels wide" step in test procedure · Issue #704 · w3c/wcag
- Rule | Zoomed text node is not clipped with CSS overflow | ACT-Rules Community
- Updates test steps in F94 by patrickhlauke · Pull Request #3739 · w3c/wcag · GitHub
- 2.4.11 Focus Appearance adds more complexity to WCAG than we should want | hidde.blog
- 2.5.8: Adversarial Conformance — Adrian Roselli
- 24×24 Pixel Cursor Bookmarklet — Adrian Roselli
- Aligning Jakob Nielsen's 10 Usability Heuristics with the WCAG 2.2
- How To Design Useful and Usable Focus Indicators
- How to test 2.5.8 Target Size (Minimum) - TPGi
- Intopia launches WCAG 2.2 Map - Intopia
- New Success Criteria in WCAG 2.2 - TPGi
- Prevent focused elements from being obscured by sticky headers - TPGi
- Should Your Company Website Adopt The New WCAG 2.2 Accessibility Guidelines?
- The 411 on 4.1.1 — Adrian Roselli
- The New Requirements for WCAG 2.2 | Vision Australia. Blindness and low vision services
- Understanding WCAG 2.2 | WAI | W3C
- WCAG 2.2 is finally here: Here's what you need to know | Digital.NSW
- WCAG 2.2: Proposed Recommendation | Deque
- WCAG 2.2: What we know till now • DigitalA11Y
- Web Content Accessibility Guidelines (WCAG) 2.2
- WebAIM: WCAG 2.2 Overview and Feedback
- What's New in WCAG 2.2 | Web Accessibility Initiative (WAI) | W3C
- What’s New in WCAG 2.2: New Success Criteria for Digital Accessibility
- 7.5 Contrast for light on dark · Issue #261 · w3c/silver · GitHub
- AG Silver Task Force
- APCA Simple Version
- Explainer for W3C Accessibility Guidelines (WCAG) 3.0
- First Public Working Draft of WCAG 3.0, A Brief History | Deque
- Invitation to test the Silver prototypes from Jeanne Spellman on 2018-11-15 (public-silver@w3.org from November 2018)
- Problem Statements - Silver
- Research Summary - Google Slides
- Text alternatives | How-To | WCAG 3 | Web Accessibility Initiative (WAI) | W3C
- W3C Accessibility Guidelines (WCAG) 3.0
- WCAG 3 Introduction | Web Accessibility Initiative (WAI) | W3C
- WCAG 3.0 working draft: What's new? (December 2021) | by Daniel Berryhill | UX Collective | UX Collective
- What to Expect From The First Public Working Draft of WCAG 3.0 | Deque
- Wrapping up this thread (for now) [Re: Costs of testing with Silver] from Jeanne Spellman on 2018-09-07 (public-silver@w3.org from September 2018)
- 25 Statistics that Prove Website Accessibility Matters
- a11y is web accessibility | Eric Bailey
- Access for all: Improving accessibility for consumers with disability (2016) | Australian Human Rights Commission
- Accessibility & Inclusively — Learn with Figma
- Accessibility and web performance are not features, they’re the baseline | CSS-Tricks
- Accessibility is Delicious: Food analogies for digital inclusion – Law Office of Lainey Feingold
- Accessibility posters
- Accessibility starts with an organisation’s culture - DWP Digital
- Accessible design means better design | McKinsey & Company
- Beyond Accessibility: Treating Users with Disabilities as People
- Building accessible websites and apps is a moral obligation | Go Make Things
- Chasing the Accessibility Business Case – Conclusion - karlgroves.com
- Cost-Justifying Usability, Second Edition: An Update for the Internet Age - Cost-Justifying-Usability.pdf
- Covid Reminds Us That Web Accessibility Helps All Users, Not Just The Disabled
- Front end devs really don't understand accessibility | Go Make Things
- Giving a damn about accessibility
- Giving a damn about accessibility - Giving-a-damn-about-accessibility.pdf
- Giving a damn about accessibility | by Fabricio Teixeira | UX Collective
- How People with Disabilities Browse the Web Using Assistive Technologies [Video Series] - Lireo Designs
- How Persons with Disabilities Use the Web - YouTube
- How to create a kick ass business case for accessibility
- How to Scale Digital Accessibility and Cater for Diverse Audiences | Aquent Australia
- How we do our work matters: Accessibility and Inclusive Design | LinkedIn
- https://pages.mckinsey.com/Theethicsandoutcomesofaccessibledesignsocial.html
- Integrating Accessibility into Contextual Inquiry | Deque
- Key findings and next steps - Australian Digital Inclusion Index
- Medical Model of Disability - Taxi Driver Training Pack - Democracy Disability and Society Group
- Missing out: The business case for customer diversity (2017) | Australian Human Rights Commission
- Myth: Accessibility is 'blind people' - The A11Y Project
- Nothing About Us Without Us…Including Pizza: The Practice of Designing with Accessibility in Mind | AIGA Design Educators Community
- Overview | Vision Australia. Blindness and low vision services
- posters/accessibility at master · UKHomeOffice/posters
- Respectful Curiosity: How and with whom are you building inclusion? - UX Australia
- Separate but Unequal: Web Interfaces for People with Disabilities User Experience Magazine
- Shift Left for Inclusive Design: UX & Web A11y
- Social Model of Disability - Taxi Driver Training Pack - Democracy Disability and Society Group
- Survey Results - Web Accessibility Survey
- The Benefits of Designing for Everyone Report - Centre for Inclusive Design
- The Curb-Cut Effect
- The Social Model of Disability - Inclusion London
- What Is Digital Accessibility?
- Why Government Needs to Design for Digital Equity
- Blind groups push for CBA to find solution to 'inaccessible' touchscreen EFTPOS terminals - ABC News
- Blind woman takes Commonwealth Bank to court over 'inaccessible' EFTPOS machines - ABC News
- Commonwealth Bank settles discrimination claim by blind Australians over touchpad devices - ABC News
- Accessibility by the Book: The Case of Hunters Point Library — AIA New York
- After Uproar About Accessibility, Hunters Point Library Will Relocate Fiction Section - Gothamist
- Hunters Point Library slapped with lawsuit for inaccessibility issues
- Hunters Point Library Will Move Books To Fix Accessibility Issue | Astoria, NY Patch
- LIC Resident Sues Queens Public Library, Says New $41M Hunters Point Library Not ADA Accessible - LIC Post
- Steven Holl dismisses concerns over new Long Island City library
- The New $41 Million Hunters Point Library Has One Major Flaw - Gothamist
- Australia's new $5 notes to be more accessible to blind and vision-impaired people - ABC News (Australian Broadcasting Corporation)
- New tactile bank notes let blind people get a feel for money
- RBA to introduce tactile banknotes after 13yo blind boy Connor McLeod campaigns for change - ABC News (Australian Broadcasting Corporation)
- Accessible University Demo Site - Accessible Version
- Accessible University Demo Site - Inaccessible Version
- Altoro Mutual
- Animal Shelter Landing - Elegant Themes
- Before and After Demonstration: Overview
- Bravada Plus – An unparalleled fullscreen WordPress theme
- ChronosShop - Premium Time Machines
- Degraw
- Demo page with accessibility issues
- Harbor
- Homepage - Directory React Theme
- Next Wave
- Pharmacy Landing - Elegant Themes
- Split image online
- The Future is Now - Dynamic Member Education - Rice Warner
- Travel - Directory React Theme
- 10 Usability Heuristics Applied to Virtual Reality
- Accessible Multimodal Input in Augmented Reality Training Applications | Accessibility VR Meetup Recap | Equal Entry
- Adrian Roselli: "Folks have rightly pointed out…" - Toot Café
- Adrian Roselli: "Ok, the site used in the video…" - Toot Café
- Augmented Reality - Nielsen Norman Group: UX Research, Training, and Consulting
- Augmented Reality button
- Create accessible spatial experiences - WWDC23 - Videos - Apple Developer
- Home | XR Access Initiative
- Inclusive Workplace XR - Peatworks
- Introduction to XR Accessibility - TetraLogical
- The Usability of Augmented Reality
- Virtual Reality - Nielsen Norman Group: UX Research, Training, and Consulting
- Vision Accessibility on Apple Vision Pro
- Welcome to the XR Association - Home
- XR Accessibility User Requirements
- XR Barriers Research - Accessibility for Products - BBC
- XRAccessibility/xraccessibility.github.io
Bookmarklets
- =4.5?%22Pass%22:%22Fail%22,%20%223:1%22:c%3E=3?%22Pass%22:%22Fail%22%20};%20}%20}%20}%20function%20getLuminance(a){%20var%20rgb=hexToRgb(a),%20arr=[rgb.r,rgb.g,rgb.b].map(function(v){%20v/=255;%20return%20v%3C=0.03928?v/12.92:Math.pow((v+0.055)/1.055,2.4);%20});%20return%20arr[0]*0.2126+arr[1]*0.7152+arr[2]*0.0722;%20}%20function%20hexToRgb(a){%20var%20b=parseInt(a.slice(1),16);%20return%20{%20r:(b%3E%3E16)&255,%20g:(b%3E%3E8)&255,%20b:b&255%20};%20}%20function%20getSpawnPos(){%20return%20{%20x:window.innerWidth/2,%20y:window.scrollY+150%20};%20}%20function%20getArrowIcon(t){%20return%20t===%22bottom%22?%22▼%22:%20t===%22top%22?%22▲%22:%20t===%22left%22?%22◀%22:%20t===%22right%22?%22▶%22:%22▼%22;%20}%20function%20createArrowDiv(t){%20var%20e=document.createElement(%22div%22);%20e.style.width=%220%22;%20e.style.height=%220%22;%20e.style.position=%22absolute%22;%20if(t===%22bottom%22){%20e.style.borderLeft=%226px%20solid%20transparent%22;%20e.style.borderRight=%226px%20solid%20transparent%22;%20e.style.borderTop=%228px%20solid%20#7B1871%22;%20e.style.left=%2250%%22;%20e.style.top=%22100%%22;%20e.style.transform=%22translateX(-50%)%22;%20}%20else%20if(t===%22top%22){%20e.style.borderLeft=%226px%20solid%20transparent%22;%20e.style.borderRight=%226px%20solid%20transparent%22;%20e.style.borderBottom=%228px%20solid%20#7B1871%22;%20e.style.left=%2250%%22;%20e.style.bottom=%22100%%22;%20e.style.transform=%22translateX(-50%)%22;%20}%20else%20if(t===%22left%22){%20e.style.borderTop=%226px%20solid%20transparent%22;%20e.style.borderBottom=%226px%20solid%20transparent%22;%20e.style.borderRight=%228px%20solid%20#7B1871%22;%20e.style.top=%2250%%22;%20e.style.left=%22-8px%22;%20e.style.transform=%22translateY(-50%)%22;%20}%20else%20if(t===%22right%22){%20e.style.borderTop=%226px%20solid%20transparent%22;%20e.style.borderBottom=%226px%20solid%20transparent%22;%20e.style.borderLeft=%228px%20solid%20#7B1871%22;%20e.style.top=%2250%%22;%20e.style.right=%22-8px%22;%20e.style.transform=%22translateY(-50%)%22;%20}%20return%20e;%20}%20function%20createMarker(t){%20var%20spawn=getSpawnPos();%20var%20m=document.createElement(%22div%22);%20m.classList.add(%22contrast-checker-marker%22);%20m.style.position=%22absolute%22;%20m.style.left=spawn.x+%22px%22;%20m.style.top=spawn.y+%22px%22;%20m.style.transform=%22translate(-50%,-100%)%22;%20m.style.zIndex=%2210000%22;%20m.style.cursor=%22move%22;%20m.style.border=%222px%20solid%20white%22;%20m.style.borderRadius=%224px%22;%20m.style.boxShadow=%220%200%204px%20rgba(0,0,0,0.2)%22;%20var%20b=document.createElement(%22div%22);%20b.textContent=t.toUpperCase();%20b.style.backgroundColor=%22#7B1871%22;%20b.style.color=%22white%22;%20b.style.padding=%225px%2010px%22;%20b.style.borderRadius=%224px%22;%20b.style.fontFamily=%22sans-serif%22;%20b.style.fontSize=%2214px%22;%20b.style.position=%22relative%22;%20b.style.boxShadow=%22none%22;%20m.appendChild(b);%20m.appendChild(createArrowDiv(arrowPos));%20document.body.appendChild(m);%20m.addEventListener(%22mousedown%22,function(e){%20e.preventDefault();%20var%20ox=e.clientX-m.getBoundingClientRect().left,%20oy=e.clientY-m.getBoundingClientRect().top;%20function%20mm(ev){%20m.style.left=(ev.pageX-ox)+%22px%22;%20m.style.top=(ev.pageY-oy)+%22px%22;%20}%20function%20mu(){%20document.removeEventListener(%22mousemove%22,mm);%20document.removeEventListener(%22mouseup%22,mu);%20}%20document.addEventListener(%22mousemove%22,mm);%20document.addEventListener(%22mouseup%22,mu);%20});%20return%20m;%20}%20function%20createMarkerPreview(){%20var%20m=document.createElement(%22div%22);%20m.style.display=%22inline-block%22;%20m.style.position=%22relative%22;%20m.style.border=%222px%20solid%20white%22;%20m.style.borderRadius=%224px%22;%20m.style.boxShadow=%220%200%204px%20rgba(0,0,0,0.2)%22;%20m.style.cursor=%22pointer%22;%20var%20b=document.createElement(%22div%22);%20b.textContent=%22#HEX%22;%20b.style.backgroundColor=%22#7B1871%22;%20b.style.color=%22white%22;%20b.style.padding=%225px%2010px%22;%20b.style.borderRadius=%224px%22;%20b.style.fontFamily=%22sans-serif%22;%20b.style.fontSize=%2214px%22;%20b.style.position=%22relative%22;%20b.style.boxShadow=%22none%22;%20m.appendChild(b);%20m.appendChild(createArrowDiv(arrowPos));%20return%20m;%20}%20var%20color1=%22#000000%22,%20color2=%22#000000%22;%20var%20color1Sampled=false,%20color2Sampled=false;%20var%20marker1=null,%20marker2=null;%20function%20updateContrast(){%20if(!color1Sampled||!color2Sampled)return;%20var%20checker=new%20window.__ColorContrastChecker__(),%20res=checker.check(color1,color2),%20existing=toolbarShadow.getElementById(%22contrast-result%22);%20if(existing){%20existing.innerHTML='%3Cspan%20style=%22display:flex;gap:2em;%22%3E%3Cspan%3E%3Cstrong%20style=%22color:black;%22%3EContrast%20Ratio%3C/strong%3E%20'+res.ratio.toFixed(2)+':1%3C/span%3E%3Cspan%3E%3Cstrong%20style=%22color:black;%22%3E4.5:1%3C/strong%3E%20'+res[%224.5:1%22]+'%3C/span%3E%3Cspan%3E%3Cstrong%20style=%22color:black;%22%3E3:1%3C/strong%3E%20'+res[%223:1%22]+'%3C/span%3E%3C/span%3E';%20}%20else%20{%20existing=document.createElement(%22div%22);%20existing.id=%22contrast-result%22;%20existing.innerHTML='%3Cspan%20style=%22display:flex;gap:2em;%22%3E%3Cspan%3E%3Cstrong%20style=%22color:black;%22%3EContrast%20Ratio%3C/strong%3E%20'+res.ratio.toFixed(2)+':1%3C/span%3E%3Cspan%3E%3Cstrong%20style=%22color:black;%22%3E4.5:1%3C/strong%3E%20'+res[%224.5:1%22]+'%3C/span%3E%3Cspan%3E%3Cstrong%20style=%22color:black;%22%3E3:1%3C/strong%3E%20'+res[%223:1%22]+'%3C/span%3E%3C/span%3E';%20flexContainer.appendChild(existing);%20}%20}%20var%20toolbarContainer=document.createElement(%22div%22);%20toolbarContainer.id=%22contrast-checker-toolbar%22;%20var%20toolbarShadow=toolbarContainer.attachShadow({mode:%22open%22});%20var%20styleEl=document.createElement(%22style%22);%20styleEl.textContent=%22.toolbar{position:relative;top:0;left:0;pointer-events:auto;width:100%;background-color:#f0f0f0;padding:10px;z-index:10000;display:flex;justify-content:center;box-shadow:0%202px%205px%20rgba(0,0,0,0.2);font-family:sans-serif;font-size:14px}.toolbar.sticky{position:fixed;top:0}.toolbar%20.inner-container{width:100%;max-width:1200px;display:flex;justify-content:space-between;align-items:center}.toolbar%20button{padding:.5em;cursor:pointer;border-radius:5px;border:2px%20solid%20#BB3200}.toolbar%20button.copy{background:white;color:#BB3200}.toolbar%20button.copy:hover{background:#CCCCCC;color:black}.color-square{width:20px;height:20px;display:inline-block;margin-left:5px;border:1px%20solid%20#000}.flex-container{display:flex;gap:1em;align-items:center}%22;%20toolbarShadow.appendChild(styleEl);%20var%20toolbar=document.createElement(%22div%22);%20toolbar.className=%22toolbar%22;%20toolbarShadow.appendChild(toolbar);%20var%20innerContainer=document.createElement(%22div%22);%20innerContainer.className=%22inner-container%22;%20toolbar.appendChild(innerContainer);%20var%20flexContainer=document.createElement(%22div%22);%20flexContainer.className=%22flex-container%22;%20innerContainer.appendChild(flexContainer);%20var%20pickColorButton1=document.createElement(%22button%22);%20pickColorButton1.textContent=%22Pick%20Color%201%22;%20pickColorButton1.className=%22copy%22;%20flexContainer.appendChild(pickColorButton1);%20var%20label1El=document.createElement(%22strong%22);%20label1El.textContent=%22Color%201%20%22;%20var%20colorValue1=document.createElement(%22span%22);%20label1El.appendChild(colorValue1);%20label1El.classList.add(%22label%22);%20flexContainer.appendChild(label1El);%20var%20colorSquare1=document.createElement(%22div%22);%20colorSquare1.className=%22color-square%22;%20flexContainer.appendChild(colorSquare1);%20var%20pickColorButton2=document.createElement(%22button%22);%20pickColorButton2.textContent=%22Pick%20Color%202%22;%20pickColorButton2.className=%22copy%22;%20flexContainer.appendChild(pickColorButton2);%20var%20label2El=document.createElement(%22strong%22);%20label2El.textContent=%22Color%202%20%22;%20var%20colorValue2=document.createElement(%22span%22);%20label2El.appendChild(colorValue2);%20label2El.classList.add(%22label%22);%20flexContainer.appendChild(label2El);%20var%20colorSquare2=document.createElement(%22div%22);%20colorSquare2.className=%22color-square%22;%20flexContainer.appendChild(colorSquare2);%20var%20arrowButton=document.createElement(%22button%22);%20arrowButton.className=%22copy%22;%20arrowButton.style.border=%22none%22;%20arrowButton.style.background=%22none%22;%20arrowButton.style.padding=%220%22;%20var%20markerPreview=createMarkerPreview();%20arrowButton.appendChild(markerPreview);%20arrowButton.setAttribute(%22aria-label%22,%22Arrow%20direction:%20%22+arrowPos);%20flexContainer.appendChild(arrowButton);%20arrowButton.addEventListener(%22click%22,function(){%20var%20arr=[%22bottom%22,%22right%22,%22top%22,%22left%22],%20idx=arr.indexOf(arrowPos);%20arrowPos=arr[(idx+1)%arr.length];%20while(arrowButton.firstChild){%20arrowButton.removeChild(arrowButton.firstChild);%20}%20var%20newPreview=createMarkerPreview();%20arrowButton.appendChild(newPreview);%20arrowButton.setAttribute(%22aria-label%22,%22Arrow%20direction:%20%22+arrowPos);%20});%20var%20copyButtonContainer=document.createElement(%22div%22);%20copyButtonContainer.className=%22flex-container%22;%20innerContainer.appendChild(copyButtonContainer);%20var%20copyButton=document.createElement(%22button%22);%20copyButton.className=%22copy%22;%20copyButton.textContent=%22Copy%22;%20copyButtonContainer.appendChild(copyButton);%20document.body.insertBefore(toolbarContainer,document.body.firstChild);%20pickColorButton1.addEventListener(%22click%22,function(){%20try{%20var%20ed=new%20EyeDropper();%20ed.open().then(function(r){%20color1=r.sRGBHex;%20colorValue1.textContent=color1.toUpperCase();%20colorSquare1.style.backgroundColor=color1;%20color1Sampled=true;%20if(marker1){%20marker1.remove();%20marker1=null;%20}%20marker1=createMarker(color1);%20updateContrast();%20}).catch(function(r){%20console.error(r);%20});%20}catch(r){%20alert(%22EyeDropper%20API%20not%20supported%20in%20this%20browser.%22);%20}%20});%20pickColorButton2.addEventListener(%22click%22,function(){%20try{%20var%20ed=new%20EyeDropper();%20ed.open().then(function(r){%20color2=r.sRGBHex;%20colorValue2.textContent=color2.toUpperCase();%20colorSquare2.style.backgroundColor=color2;%20color2Sampled=true;%20if(marker2){%20marker2.remove();%20marker2=null;%20}%20marker2=createMarker(color2);%20updateContrast();%20}).catch(function(r){%20console.error(r);%20});%20}catch(r){%20alert(%22EyeDropper%20API%20not%20supported%20in%20this%20browser.%22);%20}%20});%20copyButton.addEventListener(%22click%22,function(){%20var%20checker=new%20window.__ColorContrastChecker__(),%20res=checker.check(color1,color2),%20txt=%22-%20**Color%201**:%20%22+color1.toUpperCase()+%22\n-%20**Color%202**:%20%22+color2.toUpperCase()+%22\n-%20**Contrast%20Ratio**:%20%22+res.ratio.toFixed(2)+%22:1\n-%20**4.5:1**:%20%22+res[%224.5:1%22]+%22\n-%20**3:1**:%20%22+res[%223:1%22];%20navigator.clipboard.writeText(txt).then(function(){%20copyButton.textContent=%22Copied%22;%20setTimeout(function(){%20copyButton.textContent=%22Copy%22;%20},10000);%20},function(r){%20console.error(%22Could%20not%20copy%20text:%20%22,r);%20});%20});%20window.addEventListener(%22scroll%22,function(){%20window.scrollY%3E0?toolbar.classList.add(%22sticky%22):toolbar.classList.remove(%22sticky%22);%20});%20})();">Contrast Checker
- Design systems – FigJam
- Digital Accessibility Bookmarklets by Intopia - Intopia
- {el.style.outline="revert-layer";let id=el.getAttribute("aria-describedby"),tgt=document.getElementById(id);tgt&&(tgt.style.outline="revert-layer")});}else{let h=document.createElement("h2");h.id="highlight-aria-describedby-heading";h.textContent="ARIA describedby attributes";h.style.cssText="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;font-family:sans-serif;";document.body.appendChild(h);let u=document.createElement("ul");u.id="highlight-aria-describedby";u.style.cssText="position:static;list-style:none;margin:0;padding:0;font-family:sans-serif;";e.forEach(el=>{el.style.outline="5px solid rgba(0,0,255,.3)";let id=el.getAttribute("aria-describedby"),tgt=document.getElementById(id);if(tgt)tgt.style.outline="5px solid rgba(0,200,0,.4)";let li=document.createElement("li");if(tgt){let s=document.createElement("span");s.textContent="ID: "+tgt.id;s.style.cssText="position:absolute;white-space:nowrap;padding:4px 8px;font-size:14px;font-family:sans-serif;z-index:1000;background:#662d91;color:#fff;border:1px%20solid%20#fff;border-radius:4px;box-shadow:0%202px%204px%20rgba(0,0,0,0.3);cursor:move;%22;s.tabIndex=0;s.draggable=true;s.setAttribute(%22aria-label%22,%22ID:%20%22+tgt.id);let%20r1=tgt.getBoundingClientRect();s.style.top=r1.top+window.scrollY-s.offsetHeight+%22px%22;s.style.left=r1.left+window.scrollX+%22px%22;makeDraggable(s);li.appendChild(s);}if(id){let%20s2=document.createElement(%22span%22);s2.textContent=%22aria-describedby:%20%22+id;s2.style.cssText=%22position:absolute;white-space:nowrap;padding:4px%208px;font-size:14px;font-family:sans-serif;z-index:1000;background:#1d5a40;color:#fff;border:1px%20solid%20#fff;border-radius:4px;box-shadow:0%202px%204px%20rgba(0,0,0,0.3);cursor:move;%22;s2.tabIndex=0;s2.draggable=true;s2.setAttribute(%22aria-label%22,%22aria-describedby:%20%22+id);let%20r2=el.getBoundingClientRect();s2.style.top=r2.top+window.scrollY-s2.offsetHeight+%22px%22;s2.style.left=r2.left+window.scrollX+%22px%22;makeDraggable(s2);li.appendChild(s2);}u.appendChild(li);});document.body.appendChild(u);}function%20makeDraggable(el){let%20d=false,ox=0,oy=0;el.onkeydown=function(e){let%20t=parseInt(el.style.top),l=parseInt(el.style.left);switch(e.key){case%22ArrowUp%22:el.style.top=t-1+%22px%22;e.preventDefault();break;case%22ArrowDown%22:el.style.top=t+1+%22px%22;e.preventDefault();break;case%22ArrowLeft%22:el.style.left=l-1+%22px%22;e.preventDefault();break;case%22ArrowRight%22:el.style.left=l+1+%22px%22;e.preventDefault();break}};el.onmousedown=function(e){d=true;ox=e.clientX-parseInt(el.style.left);oy=e.clientY-parseInt(el.style.top);e.preventDefault();};document.addEventListener(%22mousemove%22,e=%3E{if(d){el.style.left=e.clientX-ox+%22px%22;el.style.top=e.clientY-oy+%22px%22}});document.addEventListener(%22mouseup%22,()=%3Ed=false);}%20})();">Highlight aria-describedby attributes
- e.style.outline="revert-layer")}else{let h=document.createElement("h2");h.id="highlight-aria-label-heading";h.textContent="ARIA labels";h.style.cssText="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;";document.body.appendChild(h);let u=document.createElement("ul");u.id="highlight-aria-label";u.style.cssText="position:static;list-style:none;margin:0;padding:0;";e.forEach(el=>{el.style.outline="5px solid rgba(0,0,255,.3)";let a=el.getAttribute("aria-label");if(a){let i=document.createElement("li"),s=document.createElement("span");s.textContent="aria-label: "+a;s.style.cssText="position:absolute;white-space:nowrap;padding:4px 8px;font-size:14px;font-family:sans-serif;z-index:1000;background:#662d91;color:#fff;border:1px%20solid%20#fff;border-radius:4px;box-shadow:0%202px%204px%20rgba(0,0,0,0.3);cursor:move;%22;s.tabIndex=0;s.draggable=true;s.setAttribute(%22aria-label%22,%22aria-label:%20%22+a);let%20r=el.getBoundingClientRect();s.style.top=r.top+window.scrollY-s.offsetHeight+%22px%22;s.style.left=r.left+window.scrollX+%22px%22;makeDraggable(s);i.appendChild(s);u.appendChild(i)}});document.body.appendChild(u);}function%20makeDraggable(el){let%20d=false,x=0,y=0;el.onkeydown=function(e){let%20t=parseInt(el.style.top),l=parseInt(el.style.left);switch(e.key){case%22ArrowUp%22:el.style.top=t-1+%22px%22;e.preventDefault();break;case%22ArrowDown%22:el.style.top=t+1+%22px%22;e.preventDefault();break;case%22ArrowLeft%22:el.style.left=l-1+%22px%22;e.preventDefault();break;case%22ArrowRight%22:el.style.left=l+1+%22px%22;e.preventDefault();break}};el.onmousedown=function(e){d=true;x=e.clientX-parseInt(el.style.left);y=e.clientY-parseInt(el.style.top);e.preventDefault()};document.addEventListener(%22mousemove%22,e=%3Ed&&(el.style.left=e.clientX-x+%22px%22,el.style.top=e.clientY-y+%22px%22));document.addEventListener(%22mouseup%22,()=%3Ed=false);}%20})();">Highlight aria-label attributes
- {el.style.outline="revert-layer";let id=el.getAttribute("aria-labelledby"),tgt=document.getElementById(id);tgt&&(tgt.style.outline="revert-layer")});}else{let h=document.createElement("h2");h.id="highlight-aria-labelledby-heading";h.textContent="ARIA labelledby attributes";h.style.cssText="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;font-family:sans-serif;";document.body.appendChild(h);let u=document.createElement("ul");u.id="highlight-aria-labelledby";u.style.cssText="position:static;list-style:none;margin:0;padding:0;font-family:sans-serif;";e.forEach(el=>{el.style.outline="5px solid rgba(0,0,255,.3)";let key=el.getAttribute("aria-labelledby"),tgt=document.getElementById(key);if(tgt)tgt.style.outline="5px solid rgba(0,200,0,.4)";let li=document.createElement("li");if(tgt){let s=document.createElement("span");s.textContent="ID: "+tgt.id;s.style.cssText="position:absolute;white-space:nowrap;padding:4px 8px;font-size:14px;font-family:sans-serif;z-index:1000;background:#662d91;color:#fff;border:1px%20solid%20#fff;border-radius:4px;box-shadow:0%202px%204px%20rgba(0,0,0,0.3);cursor:move;%22;s.tabIndex=0;s.draggable=true;s.setAttribute(%22aria-label%22,%22ID:%20%22+tgt.id);let%20r=tgt.getBoundingClientRect();s.style.top=r.top+window.scrollY-s.offsetHeight+%22px%22;s.style.left=r.left+window.scrollX+%22px%22;makeDraggable(s);li.appendChild(s);}if(key){let%20s=document.createElement(%22span%22);s.textContent=%22aria-labelledby:%20%22+key;s.style.cssText=%22position:absolute;white-space:nowrap;padding:4px%208px;font-size:14px;font-family:sans-serif;z-index:1000;background:#1d5a40;color:#fff;border:1px%20solid%20#fff;border-radius:4px;box-shadow:0%202px%204px%20rgba(0,0,0,0.3);cursor:move;%22;s.tabIndex=0;s.draggable=true;s.setAttribute(%22aria-label%22,%22aria-labelledby:%20%22+key);let%20r2=el.getBoundingClientRect();s.style.top=r2.top+window.scrollY-s.offsetHeight+%22px%22;s.style.left=r2.left+window.scrollX+%22px%22;makeDraggable(s);li.appendChild(s);}u.appendChild(li);});document.body.appendChild(u);}function%20makeDraggable(el){let%20d=false,ox=0,oy=0;el.onkeydown=function(e){let%20t=parseInt(el.style.top),l=parseInt(el.style.left);switch(e.key){case%22ArrowUp%22:el.style.top=t-1+%22px%22;e.preventDefault();break;case%22ArrowDown%22:el.style.top=t+1+%22px%22;e.preventDefault();break;case%22ArrowLeft%22:el.style.left=l-1+%22px%22;e.preventDefault();break;case%22ArrowRight%22:el.style.left=l+1+%22px%22;e.preventDefault();break}};el.onmousedown=function(e){d=true;ox=e.clientX-parseInt(el.style.left);oy=e.clientY-parseInt(el.style.top);e.preventDefault();};document.addEventListener(%22mousemove%22,e=%3E{if(d){el.style.left=e.clientX-ox+%22px%22;el.style.top=e.clientY-oy+%22px%22;}});document.addEventListener(%22mouseup%22,()=%3Ed=false);}%20})();">Highlight aria-labelledby attributes
- {e.style.outline="revert-layer";let t=document.getElementById(e.getAttribute("for"));t&&(t.style.outline="revert-layer")});}else{let h=document.createElement("h2");h.id="highlight-for-id-heading";h.textContent="ID and For attributes";h.style.cssText="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;";document.body.appendChild(h);let u=document.createElement("ul");u.id="highlight-for-id";u.style.cssText="position:static;list-style:none;margin:0;padding:0;";e.forEach(el=>{let f=el.getAttribute("for");el.style.outline="5px solid rgba(0,0,255,.3)";let t=document.getElementById(f);if(t)t.style.outline="5px solid rgba(0,200,0,.4)";let i=document.createElement("li");if(t){let s=document.createElement("span");s.textContent="ID: "+t.id;s.style.cssText="position:absolute;white-space:nowrap;padding:4px 8px;font-size:14px;font-family:sans-serif;z-index:1000;background:#662d91;color:#fff;border:1px%20solid%20#fff;border-radius:4px;box-shadow:0%202px%204px%20rgba(0,0,0,0.3);cursor:move;%22;s.tabIndex=0;s.draggable=true;s.setAttribute(%22aria-label%22,%22ID:%20%22+t.id);let%20r=t.getBoundingClientRect();s.style.top=r.top+window.scrollY-s.offsetHeight+%22px%22;s.style.left=r.left+window.scrollX+%22px%22;makeDraggable(s);i.appendChild(s);}let%20s2=document.createElement(%22span%22);s2.textContent=%22for:%20%22+f;s2.style.cssText=%22position:absolute;white-space:nowrap;padding:4px%208px;font-size:14px;z-index:1000;background:#1d5a40;color:#fff;border:1px%20solid%20#fff;border-radius:4px;box-shadow:0%202px%204px%20rgba(0,0,0,0.3);cursor:move;%22;s2.tabIndex=0;s2.draggable=true;s2.setAttribute(%22aria-label%22,%22for:%20%22+f);let%20r2=el.getBoundingClientRect();s2.style.top=r2.top+window.scrollY-s2.offsetHeight+%22px%22;s2.style.left=r2.left+window.scrollX+%22px%22;makeDraggable(s2);i.appendChild(s2);u.appendChild(i);});document.body.appendChild(u);}function%20makeDraggable(el){let%20dx=0,dy=0,dr=false;el.onkeydown=function(ev){let%20t=parseInt(el.style.top),l=parseInt(el.style.left);switch(ev.key){case%22ArrowUp%22:el.style.top=t-1+%22px%22;ev.preventDefault();break;case%22ArrowDown%22:el.style.top=t+1+%22px%22;ev.preventDefault();break;case%22ArrowLeft%22:el.style.left=l-1+%22px%22;ev.preventDefault();break;case%22ArrowRight%22:el.style.left=l+1+%22px%22;ev.preventDefault();break;}};el.onmousedown=function(ev){dr=true;dx=ev.clientX-parseInt(el.style.left);dy=ev.clientY-parseInt(el.style.top);ev.preventDefault();};document.addEventListener(%22mousemove%22,m=%3E{if(dr){el.style.left=m.clientX-dx+%22px%22;el.style.top=m.clientY-dy+%22px%22;}});document.addEventListener(%22mouseup%22,()=%3E{dr=false});}})();">Highlight ID and For attribute
- e.style.outline="revert-layer")}else{let h=document.createElement("h2");h.id="highlight-image-alt-heading";h.textContent="Image alt attributes";h.style.cssText="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;";document.body.appendChild(h);let u=document.createElement("ul");u.id="highlight-image-alt";u.style.cssText="position:static;list-style:none;margin:0;padding:0;";i.forEach(img=>{img.style.outline="5px solid rgba(0,0,255,.3)";const a=img.getAttribute("alt"),li=document.createElement("li");if(a!==null){let s=document.createElement("span");s.textContent="Alt: "+a;s.style.cssText="position:absolute;white-space:nowrap;padding:4px 8px;font-size:14px;font-family:sans-serif;z-index:1000;background:#662d91;color:#fff;border:1px%20solid%20#fff;border-radius:4px;box-shadow:0%202px%204px%20rgba(0,0,0,0.3);cursor:move;%22;s.tabIndex=0;s.draggable=true;s.setAttribute(%22aria-label%22,%22Alt:%20%22+a);const%20r=img.getBoundingClientRect();s.style.top=r.top+window.scrollY-s.offsetHeight+%22px%22;s.style.left=r.left+window.scrollX+%22px%22;makeDraggable(s);li.appendChild(s)}u.appendChild(li)});document.body.appendChild(u)}function%20makeDraggable(el){let%20dx=0,dy=0,drag=false;el.onkeydown=function(e){let%20t=parseInt(el.style.top),l=parseInt(el.style.left);switch(e.key){case%22ArrowUp%22:el.style.top=t-1+%22px%22;e.preventDefault();break;case%22ArrowDown%22:el.style.top=t+1+%22px%22;e.preventDefault();break;case%22ArrowLeft%22:el.style.left=l-1+%22px%22;e.preventDefault();break;case%22ArrowRight%22:el.style.left=l+1+%22px%22;e.preventDefault();break}};el.onmousedown=function(e){drag=true;dx=e.clientX-parseInt(el.style.left);dy=e.clientY-parseInt(el.style.top);e.preventDefault()};document.addEventListener(%22mousemove%22,e=%3E{if(drag){el.style.left=e.clientX-dx+%22px%22;el.style.top=e.clientY-dy+%22px%22}});document.addEventListener(%22mouseup%22,()=%3Edrag=false)}})();">Highlight image alt attributes
- Some simple accessibility bookmarklets
- Testing bookmarklets
- Toggle Find CC
- [Public][WCAG] Focus States (External-ok) - Google Slides
- [WCAG 2.2 Draft Feedback] Success Criterion 2.4.13 Focus Not Obscured (Level AAA) · Issue #2711 · w3c/wcag
- AGWG-2023-03-21 – 21 March 2023
- Focus Appearance Testing Template - Google Docs
- SC 2.4.13: Focus Appearance (Level AAA) Checker Bookmarklet
- Testing focus appearance · Issue #2901 · w3c/wcag
- Understanding Success Criterion 2.4.13: Focus Appearance | WAI | W3C
- wcag/understanding/22/focus-appearance.html at main · w3c/wcag
- wcag/understanding/22/img/focus-indicator-custom-shapes.html at main · w3c/wcag
- About the Nu Html Checker
- Check for WCAG 2.0 parsing compliance
- ";break;case Node.COMMENT_NODE:b+="<\!--"+a.nodeValue+"--\>";break;case Node.DOCUMENT_TYPE_NODE:b+="\n"}a=a.nextSibling}return b}(document),d=document.createElement("form");d.method="POST";d.action="https://validator.w3.org/nu/";d.enctype="multipart/form-data";d.target="_blank";d.acceptCharset="utf-8";c("showsource","yes");c("content",e);document.body.appendChild(d);d.submit()})();">Check serialized DOM of current page
- Nu Html Checker Hybrid Parsing Bookmarklet