Unlocking SEO and Revenue with Accessibility

Discover the significance of WCAG and its impact on SEO. Learn the 5 crucial steps to WCAG compliance and enhancing user experiences, from crafting a digital accessibility statement to optimizing audio, video, forms, and design elements. Understand why accessibility is paramount, not just for compliance but also for user experience and SEO. Explore why brands must prioritize inclusivity in serving the 1 in 5 Americans who experience some form of disability. The importance of digital accessibility is undeniable. Learn to serve all users effectively. Plus, gain valuable tool recommendations for seamless implementation.

Transcript

1. Lea Scudamore Director of SEO Unlocking SEO and Revenue with Accessibility
4. Today’s 3 Objectives Objective #1 Change your perception to: “People are not disabled. It's bad design around them that is disabling.”
5. “We need to change the perception so marketers including SEOs, developers, designers, ad and content creators start thinking accessibility is about people, not just process.”
6. This needs to stop
9. Let’s set the record straight.
10. Accessibility is Good SEO and Dev. It has led to revenue lift in brands we’ve worked with.
11. Objective #2 Help you build a data-packed business case for investing in #accessibleSEO.
12. Why is it important? Web accessibility bridges issues beyond physical disability such as location, socioeconomic status, education, language, age, gender, and more.
13. Accessibility focuses on people with disabilities & greatly benefits people without disabilities.
14. Accessible design and development are EMPOWERING!
15. Ignoring the standards immediately cuts out 10% to 15% of the global population, your potential audience. In an age of growing challenges to driving traffic and revenue, why would you do that?
16. Websites not compliant with accessibility laws: 70% of UK & US 90% of Globally
17. We have designed for mobile-first indexing and Core Web Vitals (includes accessibility), because we don't want to miss out on those potential sales... Same applies here.
18. US & State Data
19. What we know
21. Disability and Health Data System (DHDS) National Center on Birth Defects and Developmental Disabilities (NCBDDD)
22. Mobility Cognition Independent Living Hearing Vision Self-care With Disability 9% 11% 5% 6% 3% 3%
25. What does accessibility have to do with SEO?
26. EVERYTHING
27. Objective #3 Provide you with 5 steps to accessible content and share tools, resources, and who-to-follow recommendations.
28. 5 Steps to Accessibility & a Better UX
29. STEP 1: Digital Accessibility Statement
30. #1 Accessibility Statement Let’s admit we have a problem and we are working on it. It’s the whole, “Hi my name is X and we are trying to make our site better. Email-This@Real-Email.com if you need help.”
32. Does this mean our site is a perfect model? No. We have made many improvements and we are testing. We can’t focus on one type of assistive technology or way of accomplishing tasks on the site. We are working to walk the line to serve everyone equally. Like with SEO, we’re always trying to improve our accessibility. It will never be done.
33. STEP 2: Preliminary WCAG Tests & Checks
34. Is everything focusable and actionable using only a keyboard?
35. While testing, make note of the following • Page elements or content areas that are skipped • Ability to focus on and use elements like links, pop-ups, search bars, calendar widgets, etc. • Navigation elements ◦ Are you forced to go through every drop down in the navigation before getting to the page content?
36. While testing, make note of the following • Logical focus order ◦ Does visual order = focus order ▪ Issues can arise after adding page to drop down ▪ Does focus go to a popup or modal element ASAP • Complete an order • Complete a Contact Us form
37. Performance is hard to hit 100 if you’re collecting any data with a tag manager, analytics, console, etc. The goal after tags are added should be Mid 80s or higher.
38. My favorite tip Tip: use a dev tool to turn off all images, CSS styles, etc. to ensure the site appears in the right order. Old Aimclear site
39. Is the order correct?
40. STEP 3: GO Mobile
41. STEP 3: Going Mobile Grab your tablet or phone, it’s time to go for a walk. • Rotate the screen. • Review navigation elements. • Pinch and zoom. • Go Outside! ◦ Can you see everything it in the bright sunlight?
42. STEP 4: Accessible Off & On-Page Elements
43. Design • Meta titles and descriptions • Alt text (decorative, functional, images of text, navigation complex images like graphs, groups of images, image maps; all have different purposes) • Proper Headlines order H1, H2, H3 • Text links - avoid repeating (Learn more, read more)
44. Food Contrast Detour
45. <Rant> Grey and red fonts rarely pass. They are a COLOR CONTRAST #fail. Even on Packaging. Can ANYONE read the cooking instructions? Did anyone notice them until we started talking about it?
46. Stop using light grey and red fonts. They are a COLOR CONTRAST #fail. Even on Packaging. Can ANYONE read the cooking instructions? Did anyone notice them until we started talking about it?
47. webaim.org webaim.org/resources/co ntrastchecker/
50. Chrome Extension Hex Color Picker
53. Create a Spreadsheet BRAND Font Vs. Background Colors • Brand Hex Numbers • Black • White Use Contrast Checker to Fill In The AAA Scores
54. Font Colors vs Background Colors </Rant>
55. STEP 5: Accessible Design, Audio, Video and Forms
56. Design • Fast to load • Color contrast • Button spacing • Font too small • Pinch and zoom • It all applies to apps, docs, infographics, PDFs, packaging and Images.
57. Forms • Fields label clearly (No disappearing requirements or color-only indicators) • No grey font spam. • Time limits: extended or turned off • Break long forms up • Make sure users know when a form is completed.
58. Audio • Record high quality audio in a quiet place • Keep background sounds like music or people talking to a minimum • Speak clearly and slowly. • Include describing what you are demonstrating
59. Brain Break Close your eyes and *listen* to both videos Plain Audio Description
60. Video • Avoid causing seizures with flashes • Ensure speaker’s face is visible • Consider the font family, size, and contrast between the text and the background • Provide audio description of visual information
61. Everything can be found on w3.org
62. Brands big and small get it wrong
64. Incorrect Errors
65. https://webaim.org/techniques/javascript/alternatives#noscript
66. The tools can be wrong - work with Dev
67. The Global Data
68. “If a person with disabilities visits and leaves your site, app, PDF, etc. because it’s a garbage UX, there is only a 12% chance they will ever return.” That’s an 88% failure.
69. The World Health Organization estimates that over 1.3 billion people – 15% to 20% of the global population – experience disability. This group, along with their friends and family, has a spending power of $13 trillion. Dec 18, 2023
70. Globally Giftabled says: There are 2 billion people with disabilities (PWD), an emerging market the size of China. Source: giftabled.org/what-is-accessibility/
71. Globally Add the friends and family • 2.3 billion potential consumers who act on their emotional connection to a PWD. Source: giftabled.org/what-is-accessibility/
72. Globally Totalled • Constitutes of 37.5% of the world population. Out of that population, 1.75 billion people suffer a disability that concerns vision. Source: giftabled.org/what-is-accessibility/
73. 2018: In the U.S. PWD = 64 Million (1 in 4)
74. In 2021 it grew by 16 Million to 80.3 Million • 10.8% of Americans have cognitive difficulties • 5.6% have hearing difficulties • 4.6% have vision difficulties
75. American Institutes for Research “People with disabilities (by themselves) in the U.S. alone control approximately $645 billion in disposable income—the after-tax dollars for basic necessities such as housing, food, and clothing. In the marketplace, PWD—as well as their families, friends, and advocates—wield considerable spending power.”
76. $78.1B $82.5B $46.4B $39.3B $30.9B $23.2B Functional disability types control Billions Billions per functional disability types
77. Show of hands… How many of you track the revenue left in abandoned shopping carts?
78. Cart Abandonment in the US • According to Baymard Institute, 69.57% of desktop online shopping carts are abandoned. • $18 Billion in yearly sales revenue, according to Forrester research.
79. Cart Abandonment Stats by Industry & Product - Bolt.com Source: https://www.bolt.com/thinkshop/shopping-cart-abandonment-statistics-by-industry-trends-benchmarks
80. Sources: CreditDonkey, Dynamic Yield Sources: SaleCycle
82. Sources: EYStudios, Baymard, Econsultancy
83. That was a lot of data Wrapping up with a story
84. “I use my expertise to make the web more accessible for everyone” Lea Scudamore Director of SEO at Aimclear
85. Digital Accessibility is about People
86. We don’t think about web accessibility until we need it or someone we care for needs better accessibility; like clearer fonts, bigger buttons, closed captioning, etc.
89. This shouldn’t be a thing.
90. Search terms that shouldn’t be search terms Facebook + horizontal • 873 keywords/ 145,000 Global Search Volume (GSV) Snapchat + horizontal • 87 kws / 160 GSV Instagram • 464 kws /3,620 GSV Twitter + horizontal • 78 kws / 80 GSV Tiktok + horizontal • 2 kws / 70 GSV = 1,504 Keywords = 148,930 Searches People Each Month
91. What do I do NEXT?
92. #2 Build your case Creating accessible content is good for disabled people but greatly benefits EVERYONE.
93. #3 Accessibility = Good Dev and SEO Accessibility has EVERYTHING to do with all content from Ads, to SEO to DEV to the platform it’s built on to the alt text on the images.
94. #4 Brands Big and Small WE KNOW brands big and small are failing at disability inclusion and every brand is responsible for fixing this.
95. #5 Do the Right Thing Accessibility is NOT a checklist it’s about doing the right thing.
96. THANK YOU Lea Scudamore lea@aimclear.com www.aimclear.com
97. Resources
98. I love this story
99. Resources: Who-to-Follows @w3c @WeArePurple @PurpleTuesday
100. Resources: Tools/Extensions • WCAG Color Contrast • Color-pair Contrast Test • Accessibilityinsights.io • WeArePurple.org.uk/ • Accessibility Insights for Web • WAVE Evaluation Tool - Chrome Extension • Web Developer - Chrome Extension
101. Resources: Abandonment Rates Banking Fails
102. Resources: CDC Get this data Get it by state