Inclusive web development

This is a slide deck that was part of my talk at CodeLand Conference 2022.

About this talk
Close to 13% of the world's population is faced with some form of disability. This means that many people cannot access our websites and web tools with real ease as others.

Complicating things, there is a rise of self-taught developers who fail to learn key fundamental topics like accessibility. This leads to the creation of many websites and web tools that excludes those who are differently-abled.

Web accessibility is crucial. It helps us build while being intentional and deliberate in building for the margins. Building for the margins ensures we take everyone and their abilities into consideration. This makes sure the needs of everyone are catered for, a 'tide that lifts all boats' situation.

With the help of accessibility guidelines and tools to test and fix accessibility issues, it is possible to build more inclusive web products.

Accessibility promotes inclusivity and lets those of us who are usually excluded feel cared for and considered.

URL is here https://community.codenewbie.org/codeland2022/on-demand-talk-inclusive-web-development-5h59

Transcript

1. Before we start
4. The disconnect
5. Inclusive Web Development Building for the margins L E T ' S T A L K I N C L U S I V I T Y
6. Hi I'm Clifford Ouma I'M A : - FRONT-END WEB DEVELOPER -UX DESIGNER IN TRAINING - BIG COMMUNITY ENTHUSIAST CLIFFORD OUMA @CLIFFORD_OUMA @CLIFFORD_OUMA @CLI4D
7. — Accessibility, equity, equality, inclusivity?? What's the difference — State of accessibility — Building for the margins — Conclusion What I'll be sharing 02
8. Accessibility, equity, equality, inclusivity?? What's the difference?
9. Let's demystify ACCESSIBILITY DEVELOPING FOR PEOPLE WITH VARIOUS ABILITIES INCLUSIVITY DEVELOPING WHILE TAKING INTO ACCOUNT PERSPECTIVE AND PERSONAL IDENTIFIERS
10. Inclusivity should always extend to people's abilities
11. EQUALITY EACH INDIVIDUAL IS GIVEN THE SAME AMOUNT OF RESOURCES EQUITY EACH PERSON IS GIVEN EXACT RESOURCES REQUIRED TO REACH SAME GOAL
12. State of accessibility How far are we?
13. Statistics 13% About 13% of the world's population have some form of disability worldwide That's almost 1 billion Nearly 1 in 8 people in the world have some form of disability 1 in 8 Data obtained from WEBAIM foundation
14. Webpage error statistics 50.8 errors per 1 webpage Data obtained from WEBAIM foundation
15. The Complication
16. Rise of Self taught developers - ONLINE LEARNING
17. Rise of Self taught developers - ONLINE LEARNING - DEMOCRATIZATION OF RESOURCES AND LEARNING
18. Rise of Self taught developers - ONLINE LEARNING - SOME KEY TOPICS MAY NOT BE COVERED - DEMOCRATIZATION OF RESOURCES AND LEARNING
19. Rise of Self taught developers - ONLINE LEARNING - IT'S UP TO US TO LEARN AND SHARE ABOUT ACCCESSIBILITY - SOME KEY TOPICS MAY NOT BE COVERED - DEMOCRATIZATION OF REOURCES AND LEARNING
20. Building For The Margins
21. What is building for the margins? Keep traditionally excluded groups top of mind TAKES CONSI DERATI ON OF THOSE WHO ARE MOST EXCLUDED
22. Keep traditionally excluded groups top of mind TAKES CONSI DERATI ON OF THOSE WHO ARE MOST EXCLUDED Aware of best case and worst case scenarios CREATION OF PLANS TO COVER VARIOUS SCENARIOS AND ENSURE THEY'RE INCLUSIVE What is building for the margins?
23. Keep traditionally excluded groups top of mind TAKES CONSI DERATI ON OF THOSE WHO ARE MOST EXCLUDED Aware of best case and worst case scenarios CREATION OF PLANS TO COVER VARIOUS SCENARIOS AND ENSURE THEY'RE INCLUSIVE Building for accessibility is a tide that lifts all ships BUILDING FOR THOSE EXCLUDED FIRST ENSURES EVERYONE IS COVERED A STRONG FRAMEWORK TO SUPPORT INCLUSIVITY What is building for the margins?
24. How can we build for the margins?
25. It's simple, accessible-first development
26. Making your site accessible Follow official guidelines HAVE A LOOK AT WCAG AND TRY I MPLEMENTI NG THE GUI DELI NES
27. Making your site accessible Follow official guidelines HAVE A LOOK AT WCAG AND TRY I MPLEMENTI NG THE GUI DELI NES ALWAYS CHECK COMMON ACCESSIBILITY MISTAKES IN YOUR SITE LIKE: - LOW CONTRAST TEXT - LANGUAGE ATTR - FORM LABELS - EMPTY LINKS - WRONG ALT TEXT Avoid common accessibility mistakes
28. Making your site accessible Follow official guidelines HAVE A LOOK AT WCAG AND TRY I MPLEMENTI NG THE GUI DELI NES Avoid common accessibility mistakes ALWAYS CHECK COMMON ACCESSIBILITY MISTAKES IN YOUR SITE LIKE: - LOW CONTRAST TEXT - LANGUAGE ATTR - FORM LABELS - EMPTY LINKS - WRONG ALT TEXT Automate accessibility tests USE AUTOMATED TESTS TO EASILY CHECK THE ACCESSIBILITY OF YOUR SITE. USE TOOLS LIKE;- - LIGHTHOUSE - PA11Y CLI - WAVE BROWSER EXTENSION - AXE-CORE CLI
29. Conclusion - Empathy is the ability to emotionally understand what other people feel, see things from their point of view - Let's show more empathy towards everyone - Building for the margins is good for everyone. Abled users and those differently abled too Human nature binds us 01
30. "Building for the margins is important, beneficial and very possible to implement." CLIFFORD OUMA Main message
31. Thank you! CLIFFORD OUMA Let's connect CLIFFORD OUMA @CLIFFORD_OUMA @CLIFFORD_OUMA @CLI4D