inclusive-design

Featured

Use when working on inclusion, i18n/localization, global name/address forms, low-end devices, slow/metered networks, affordability, or first-time/low-confidence users; not WCAG/screen readers (see accessibility).

Web & Frontend 619 stars 60 forks Updated today MIT

Install

View on GitHub

Quality Score: 95/100

Stars 20%
93
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Inclusive Design Inclusive design answers a different question from accessibility: > **Does this respect the real-world context, identity, language, culture, device, confidence level, and constraints of the person using it?** Accessibility asks whether someone *can operate* the interface with their abilities and assistive tools. Inclusion asks who gets *left out* by the assumptions baked into the product — the person on a $40 phone over a metered 2G connection, the person whose name doesn't fit your form, the person reading in their third language, the person who has never done this online before and is afraid of getting it wrong. WCAG conformance does not address any of that. This skill does. Per W3C, accessibility, usability, and inclusion overlap but each has a distinct focus: accessibility targets **disability**, usability targets the **quality of the experience** (effective, efficient, satisfying), and inclusion targets the **full breadth of human diversity** — hardware and software, literacy, economic situation, education, geography, culture, age, and language. ## When to use Use this skill when the work is about *who you might be excluding and why* — not about a specific assistive-tech bug. Triggers: reviewing a design "through an inclusive lens," building personas, internationalization/localization, designing name/address/profile forms for a global audience, supporting low-end devices or poor connectivity, lowering cost/data barriers, onboarding nervous or fir...

Details

Author
evanca
Repository
evanca/flutter-ai-rules
Created
1 years ago
Last Updated
today
Language
Shell
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Featured

accessibility

Use when working on accessibility, a11y, WCAG, ARIA, screen readers, keyboard nav, focus order, contrast, alt text, captions, reduced motion, or target sizes; not language/culture/device (see inclusive-design).

619 Updated today
evanca
Web & Frontend Listed

inclusive-design

Reviews products, forms, and copy through an inclusive, equitable lens — surfacing who a design excludes and how to widen it — and rewrites language to be more inclusive ("copy that cares"). Use whenever the user wants a design or any writing made more inclusive, equitable, or welcoming; is designing names/identity/gender/pronoun fields or sign-up forms; worries about excluding, misrepresenting, or outing users; or wants copy reviewed for gendered, racialized, ableist, or otherwise non-inclusive language. Reach for it on identity, representation, and inclusive-language questions even when "inclusive design" isn't named. It reasons from patterns (catching "congressman" from the same rule as "fireman") and works in ANY language, not just English. NOT for disability/assistive-tech accessibility (screen readers, keyboard, contrast, WCAG) — that's the accessibility-review skill. Context-aware, centered on user safety, not blanket word-banning.

0 Updated 4 weeks ago
JoaoMonteiro100
Web & Frontend Listed

ux-inclusive-design

Inclusive design and WCAG 2.2 accessibility evaluation sub-skill for the /user-experience parent skill. Performs WCAG 2.2 compliance audits across Perceivable, Operable, Understandable, and Robust principles (conformance levels A, AA, AAA) and applies Microsoft Inclusive Design methodology including Persona Spectrum analysis (permanent, temporary, situational disabilities). Produces accessibility audit reports and persona spectrum analyses. Invoke when teams need accessibility compliance evaluation, WCAG conformance auditing, screen reader compatibility assessment, color contrast analysis, cognitive load evaluation, or inclusive design review. Invoked by ux-orchestrator during Wave 3 lifecycle-stage routing or when user intent is "Check accessibility" at any lifecycle stage. Triggers: accessibility, WCAG, ARIA, screen reader, contrast, cognitive load, inclusive, a11y, inclusive design, WCAG 2.2, persona spectrum.

31 Updated yesterday
geekatron