SlideShare a Scribd company logo
1 of 37
Download to read offline
Optimizing Your
Website for
Accessibility
#a11y
Rebecca Gill | Web Savvy Marketing | diySEOcourses.com
Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM
Rebecca Gill | Web Savvy Marketing | diySEOcourses.com
Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM
Accessibility matters to both humans and SEO.
What is accessibility?
-Wikipedia entry for “Web Accessibility”
Web accessibility refers to the inclusive
practice of removing barriers that prevent
access to websites by people with disabilities.
When sites are correctly designed, developed
and edited, all users have equal access to
information and functionality.
What is accessibility?
What is accessibility?
good
<
Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM
Web Savvy Marketing Copyright © 2018,  All Rights Reserved
4 Principles of Accessibility
1. Perceivable
2. Operable
3. Understandable
4. Robust
P O U R
Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM
Web Savvy Marketing Copyright © 2018,  All Rights Reserved
4 Principles of Accessibility
1. Perceivable
2. Operable
3. Understandable
4. Robust
Any discussion of web accessibility is
based upon the assumption that
people need to be able to perceive web
content.
They need to be able to input the
information into their brain so that
they can process it.
If the information cannot get into the
brain, it is inaccessible.
-https://webaim.org/articles/pour/perceivable
Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM
Web Savvy Marketing Copyright © 2018,  All Rights Reserved
Examples: Perceivable
Remove titles from your links
Bad: <a href=“/contact/” title=“Contact Us”>Contact Us</a>
Good: <a href=“/contact/”>Contact Us</a>
Add meaningful “alt” text to images
Bad: <img src=“/img1249438743.jpg” alt=“img1249438743” />
Still bad: <img src=“/img1249438743.jpg” alt=“” />
Good: <img src=“/red-balloon.jpg” alt=“smiling kid holding a red balloon” />
Use form labels (hide with CSS if you want, but make it visible in the HTML output)
<form>
<label class=“hide-this-if-you-want”>First Name</label>
<input type=“text” name=“first-name” />
</form>
Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM
Web Savvy Marketing Copyright © 2018,  All Rights Reserved
Color blindness
Normal MonochromaticTritanopia
https://www.toptal.com/designers/colorfilter
Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM
Web Savvy Marketing Copyright © 2018,  All Rights Reserved
Color contrast
• Foreground and background color need to be
sufficiently different so that text is
comfortably easy to read.
• 3:1 ratio for large scale text (18pt or 14pt bold)
• 4.5:1 ratio for other text
https://contrastchecker.com/
Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM
Web Savvy Marketing Copyright © 2018,  All Rights Reserved
4 Principles of Accessibility
1. Perceivable
2. Operable
3. Understandable
4. Robust
Not everyone uses a standard
keyboard and mouse to access the
web. Some people use adaptive
devices or alternative devices that
accommodate their disabilities.
Keyboard accessibility is one of the
most important principles of Web
accessibility because it cuts across
disability types and technologies.
- https://webaim.org/articles/pour/operable
Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM
Web Savvy Marketing Copyright © 2018,  All Rights Reserved
Give users enough time to read and use content
Bad: Moving/blinking content that can’t be paused or stopped.
Bad: Alerts that can’t be suppressed or postponed.
Bad: Authentication session expires and data is lost when user re-authenticates
Examples: Operable
Make all functionality available from a keyboard
Bad: Using the tab button to move through a form and jumping from a
form field focus to some other spot on the page.
Good: Using the tab button to move sequentially through navigation.
Use skip links
Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM
Web Savvy Marketing Copyright © 2018,  All Rights Reserved
Examples: Operable
Keyboard Nav &
Skiplinks Demo
Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM
Web Savvy Marketing Copyright © 2018,  All Rights Reserved
Examples: Operable
Don’t cause
seizures.
Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM
Web Savvy Marketing Copyright © 2018,  All Rights Reserved
The Worst Website Ever
Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM
Web Savvy Marketing Copyright © 2018,  All Rights Reserved
4 Principles of Accessibility
1. Perceivable
2. Operable
3. Understandable
4. Robust
Most web content contains
information communicated through
language. The language should be as
easy to understand as possible and
appropriate for the intended audience.
The functionality of web content
must also be understandable. Users
must be able to understand all
navigation and other forms of
interaction.
- https://webaim.org/articles/pour/understandable
Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM
Web Savvy Marketing Copyright © 2018,  All Rights Reserved
Examples: Understandable
Use the language attribute on HTML
Bad: Using the tab button to move through a form and jumping from a
form field focus to some other spot on the page.
Good: Using the tab button to move sequentially through navigation.
Give users enough time to read and use content
Bad: Moving/blinking content that can’t be paused or stopped.
Bad: Alerts that can’t be suppressed or postponed.
Bad: Authentication session expires and data is lost when user re-authenticates
Don’t use carousels (sliders) - http://shouldiuseacarousel.com/
Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM
Web Savvy Marketing Copyright © 2018,  All Rights Reserved
4 Principles of Accessibility
1. Perceivable
2. Operable
3. Understandable
4. Robust
Strive to maximize compatibility with
current and future user agents,
including assistive technologies.
Make your HTML as valid as possible.
Programmatically name interface
components correctly (i.e. buttons,
forms, navigation)
Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM
Web Savvy Marketing Copyright © 2018,  All Rights Reserved
Examples: Robust
• Code parses without error
• Use online validators
• Use code linters
• For all user-interface components, the name and role can be
programmatically determined (use HTML5 and ARIA)
• ARIA is a way to provide additional information about the
semantics of the various elements to assistive technologies
like screen readers
https://validator.w3.org/
https://www.w3.org/TR/html-aria/
<button>This is an HTML5 button</button>

<a href=“” role=“button”>This is a link with an ARIA role of button</a>
How can I test my
website?
Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM
Web Savvy Marketing Copyright © 2018,  All Rights Reserved
Chrome Accessibility Audit
1. Install Chrome Developer Tools (https://developers.google.com/web/tools/lighthouse/)
2. Right-click > Inspect > Audit tab
Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM
Web Savvy Marketing Copyright © 2018,  All Rights Reserved
WAVE (wave.webaim.org)
Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM
Web Savvy Marketing Copyright © 2018,  All Rights Reserved
Dynomapper
Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM
Web Savvy Marketing Copyright © 2018,  All Rights Reserved
Dynomapper
Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM
Web Savvy Marketing Copyright © 2018,  All Rights Reserved
WAVE (wave.webaim.org)
How can I improve
my website?
Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM
Web Savvy Marketing Copyright © 2018,  All Rights Reserved
Improve your site based on your role
• Designer
• Developer
• Content Creator
• Consultant
Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM
Web Savvy Marketing Copyright © 2018,  All Rights Reserved
Designers
• Color contrast checker – https://webaim.org/resources/
contrastchecker/
• Identifying good contrast color schemes - https://
material.io/collections/color/
• Avoid tiny fonts – https://wordpress.org/plugins/wp-
accessibility/
• Clear and consistent navigation
Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM
Web Savvy Marketing Copyright © 2018,  All Rights Reserved
Developers
• Skip Links – https://carriedils.com/add-skip-nav-wordpress-
theme/
• Keyboard Navigation – https://www.nngroup.com/articles/
keyboard-accessibility/ & Logical tabbing order (tab index)









• ARIA roles (Accessible Rich Internet Applications) – https://
developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA
Image credits
Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM
Web Savvy Marketing Copyright © 2018,  All Rights Reserved
Developers: Semantic HTML5
• Semantic HTML5 helps search engines better understand the
components of a web page and it helps them “see” content like a
human 

• While Google won’t penalize anyone who fails to use HTML5 and it
isn’t a direct ranking factor, the usage does assist with SEO efforts
and helps prepare the website for usage of Structured Data and
Schema

• When used properly, semantic HTML5 will provide a content outline

• Semantic HTML5 is also used by screen readers, which means it is
important for accessibility

• Google is essentially blind, so accessibility-related HTML5 that
helps a screen reader will in turn also help Google

• HTML5 header tags are used for search engines and accessibility,
so they should not be used for styling of content
Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM
Web Savvy Marketing Copyright © 2018,  All Rights Reserved
Content Creators
• Alt Text for images
• Proper heading structure (H1, H2, etc)
• Contextual link text (click here!)
Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM
Web Savvy Marketing Copyright © 2018,  All Rights Reserved
Consultant
• Accessibility matters to both humans and SEO
• You have to consider accessibility in modern
SEO efforts
• Review each page template as a minimum
• Scan the entire website to make sure user
content isn’t causing issues as well
• Fix everything associated with template coding
• Educate your client on user generated issues
• Communicate plugin issues to the developer
• Client content
Accessibility doesn't have to be all or nothing.
Start with small steps in the right direction.
Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM
Web Savvy Marketing Copyright © 2018,  All Rights Reserved
Additional Resources
Web Content Accessibility Guidelines (WCAG 2.0)

https://www.w3.org/TR/WCAG20/
Google resources for accessibility (includes links to Chrome
add-ons)

https://www.google.com/accessibility/
Links to various accessibility tools

https://wpcampus.org/resources/accessibility/
Dynomapper

https://dynomapper.com/blog/27-accessibility-testing
Semantic HTML5 for Content Writers

https://www.semrush.com/blog/best-practices-in-semantic-html5-for-
content-writers/
Q&A
Rebecca Gill
SEO Consultant and Instructor
@rebeccagill

RebeccaGill.com
Carrie Dils
Web Developer and Consultant
@cdils
CarrieDils.com
CARRIE
DILS

More Related Content

What's hot

Blogging Your Way to Great SEO
Blogging Your Way to Great SEOBlogging Your Way to Great SEO
Blogging Your Way to Great SEORebecca Gill
 
Crafting the Perfect Home Page
Crafting the Perfect Home PageCrafting the Perfect Home Page
Crafting the Perfect Home PageRebecca Gill
 
Off-Page Search Engine Optimization
Off-Page Search Engine OptimizationOff-Page Search Engine Optimization
Off-Page Search Engine OptimizationRebecca Gill
 
Turn Your WordPress Website into a Traffic Driving Machine
Turn Your WordPress Website into a Traffic Driving MachineTurn Your WordPress Website into a Traffic Driving Machine
Turn Your WordPress Website into a Traffic Driving MachineRebecca Gill
 
On-Page Search Engine Optimization
On-Page Search Engine OptimizationOn-Page Search Engine Optimization
On-Page Search Engine OptimizationRebecca Gill
 
Maximize the Output of Free SEO Tools
Maximize the Output of Free SEO ToolsMaximize the Output of Free SEO Tools
Maximize the Output of Free SEO ToolsRebecca Gill
 
SEO Week: Basics of SEO Day Two
SEO Week: Basics of SEO Day TwoSEO Week: Basics of SEO Day Two
SEO Week: Basics of SEO Day TwoRebecca Gill
 
Understanding User Intent and Content Silos
Understanding User Intent and Content SilosUnderstanding User Intent and Content Silos
Understanding User Intent and Content SilosRebecca Gill
 
Being Green in a Changing World of Search Engine Optimization
Being Green in a Changing World of Search Engine OptimizationBeing Green in a Changing World of Search Engine Optimization
Being Green in a Changing World of Search Engine OptimizationRebecca Gill
 
How to Create SEO Friendly Website Architecture
How to Create SEO Friendly Website ArchitectureHow to Create SEO Friendly Website Architecture
How to Create SEO Friendly Website ArchitectureRebecca Gill
 
12 Days of Google Analytics
12 Days of Google Analytics12 Days of Google Analytics
12 Days of Google AnalyticsRebecca Gill
 
How to Use SEO to Maximize Online Course Sales
How to Use SEO to Maximize Online Course SalesHow to Use SEO to Maximize Online Course Sales
How to Use SEO to Maximize Online Course SalesRebecca Gill
 
Looking Beyond the SEO Plugin
Looking Beyond the SEO PluginLooking Beyond the SEO Plugin
Looking Beyond the SEO PluginRebecca Gill
 
Digital Marketing Strategies for Freelancers
Digital Marketing Strategies for Freelancers Digital Marketing Strategies for Freelancers
Digital Marketing Strategies for Freelancers Navneet Kaushal
 
Jon Wuebben | SearchLove San Diego, 'Optimizing Content in a World of Never E...
Jon Wuebben | SearchLove San Diego, 'Optimizing Content in a World of Never E...Jon Wuebben | SearchLove San Diego, 'Optimizing Content in a World of Never E...
Jon Wuebben | SearchLove San Diego, 'Optimizing Content in a World of Never E...Distilled
 
Get traffic of your site with seo work
Get traffic of your site with seo workGet traffic of your site with seo work
Get traffic of your site with seo workImmortal Technologies
 
SEO Strategies & Tactics for 2019 & Beyond
SEO Strategies & Tactics for 2019 & BeyondSEO Strategies & Tactics for 2019 & Beyond
SEO Strategies & Tactics for 2019 & Beyondbusinessmarketingshow
 
The Ins and Outs of YouTube SEO
The Ins and Outs of YouTube SEOThe Ins and Outs of YouTube SEO
The Ins and Outs of YouTube SEORebecca Gill
 

What's hot (20)

Blogging Your Way to Great SEO
Blogging Your Way to Great SEOBlogging Your Way to Great SEO
Blogging Your Way to Great SEO
 
Crafting the Perfect Home Page
Crafting the Perfect Home PageCrafting the Perfect Home Page
Crafting the Perfect Home Page
 
Off-Page Search Engine Optimization
Off-Page Search Engine OptimizationOff-Page Search Engine Optimization
Off-Page Search Engine Optimization
 
Turn Your WordPress Website into a Traffic Driving Machine
Turn Your WordPress Website into a Traffic Driving MachineTurn Your WordPress Website into a Traffic Driving Machine
Turn Your WordPress Website into a Traffic Driving Machine
 
On-Page Search Engine Optimization
On-Page Search Engine OptimizationOn-Page Search Engine Optimization
On-Page Search Engine Optimization
 
Maximize the Output of Free SEO Tools
Maximize the Output of Free SEO ToolsMaximize the Output of Free SEO Tools
Maximize the Output of Free SEO Tools
 
SEO Week: Basics of SEO Day Two
SEO Week: Basics of SEO Day TwoSEO Week: Basics of SEO Day Two
SEO Week: Basics of SEO Day Two
 
Understanding User Intent and Content Silos
Understanding User Intent and Content SilosUnderstanding User Intent and Content Silos
Understanding User Intent and Content Silos
 
Being Green in a Changing World of Search Engine Optimization
Being Green in a Changing World of Search Engine OptimizationBeing Green in a Changing World of Search Engine Optimization
Being Green in a Changing World of Search Engine Optimization
 
How to Create SEO Friendly Website Architecture
How to Create SEO Friendly Website ArchitectureHow to Create SEO Friendly Website Architecture
How to Create SEO Friendly Website Architecture
 
12 Days of Google Analytics
12 Days of Google Analytics12 Days of Google Analytics
12 Days of Google Analytics
 
How to Use SEO to Maximize Online Course Sales
How to Use SEO to Maximize Online Course SalesHow to Use SEO to Maximize Online Course Sales
How to Use SEO to Maximize Online Course Sales
 
SEO Introduction
SEO IntroductionSEO Introduction
SEO Introduction
 
Looking Beyond the SEO Plugin
Looking Beyond the SEO PluginLooking Beyond the SEO Plugin
Looking Beyond the SEO Plugin
 
Digital Marketing Strategies for Freelancers
Digital Marketing Strategies for Freelancers Digital Marketing Strategies for Freelancers
Digital Marketing Strategies for Freelancers
 
Global SEO Strategies
Global SEO StrategiesGlobal SEO Strategies
Global SEO Strategies
 
Jon Wuebben | SearchLove San Diego, 'Optimizing Content in a World of Never E...
Jon Wuebben | SearchLove San Diego, 'Optimizing Content in a World of Never E...Jon Wuebben | SearchLove San Diego, 'Optimizing Content in a World of Never E...
Jon Wuebben | SearchLove San Diego, 'Optimizing Content in a World of Never E...
 
Get traffic of your site with seo work
Get traffic of your site with seo workGet traffic of your site with seo work
Get traffic of your site with seo work
 
SEO Strategies & Tactics for 2019 & Beyond
SEO Strategies & Tactics for 2019 & BeyondSEO Strategies & Tactics for 2019 & Beyond
SEO Strategies & Tactics for 2019 & Beyond
 
The Ins and Outs of YouTube SEO
The Ins and Outs of YouTube SEOThe Ins and Outs of YouTube SEO
The Ins and Outs of YouTube SEO
 

Similar to Optimizing Your Website for Accessibility

Webinar: Common challenges with e commerce seo optimisation
Webinar: Common challenges with e commerce seo optimisationWebinar: Common challenges with e commerce seo optimisation
Webinar: Common challenges with e commerce seo optimisationBuiltvisible
 
SEO Mastery in 2015
SEO Mastery in 2015SEO Mastery in 2015
SEO Mastery in 2015Regalix
 
Inbound Growth for SaaS Scale-Ups #INBOUND18
Inbound Growth for SaaS Scale-Ups #INBOUND18Inbound Growth for SaaS Scale-Ups #INBOUND18
Inbound Growth for SaaS Scale-Ups #INBOUND18Hull
 
Getting PR Onside with Data | SearchLove 2018
Getting PR Onside with Data | SearchLove 2018Getting PR Onside with Data | SearchLove 2018
Getting PR Onside with Data | SearchLove 2018Builtvisible
 
SEO 101 in 2015: Ranking Higher on Google
SEO 101 in 2015: Ranking Higher on Google SEO 101 in 2015: Ranking Higher on Google
SEO 101 in 2015: Ranking Higher on Google Deluxe Corporation
 
How To Start Amazon Niche Site From Scratch
How To Start Amazon Niche Site From ScratchHow To Start Amazon Niche Site From Scratch
How To Start Amazon Niche Site From ScratchAl-Amin Kabir
 
The most Damaging SEO Mistakes & Issues in 2021 and How to Avoid Them #EngagePDX
The most Damaging SEO Mistakes & Issues in 2021 and How to Avoid Them #EngagePDXThe most Damaging SEO Mistakes & Issues in 2021 and How to Avoid Them #EngagePDX
The most Damaging SEO Mistakes & Issues in 2021 and How to Avoid Them #EngagePDXAleyda Solís
 
Chambers of Commerce and the Never Ending Tech Revolution
Chambers of Commerce and the Never Ending Tech RevolutionChambers of Commerce and the Never Ending Tech Revolution
Chambers of Commerce and the Never Ending Tech RevolutionGIS Planning
 
Site speed for in-house marketers | BrightonSEO
Site speed for in-house marketers | BrightonSEOSite speed for in-house marketers | BrightonSEO
Site speed for in-house marketers | BrightonSEOBuiltvisible
 
Does Google Love Your Business?
Does Google Love Your Business? Does Google Love Your Business?
Does Google Love Your Business? Deluxe Corporation
 
How Do I Prepare my Team? Building on Existing Strengths
How Do I Prepare my Team? Building on Existing StrengthsHow Do I Prepare my Team? Building on Existing Strengths
How Do I Prepare my Team? Building on Existing StrengthsAmazon Web Services
 
How Allocadia Squeezed More Demand Gen, Sales Enablement & ABM Juice Out of O...
How Allocadia Squeezed More Demand Gen, Sales Enablement & ABM Juice Out of O...How Allocadia Squeezed More Demand Gen, Sales Enablement & ABM Juice Out of O...
How Allocadia Squeezed More Demand Gen, Sales Enablement & ABM Juice Out of O...Uberflip
 
How to Squeeze More Demand Gen, Sales Enablement & ABM Juice Out of Your Mark...
How to Squeeze More Demand Gen, Sales Enablement & ABM Juice Out of Your Mark...How to Squeeze More Demand Gen, Sales Enablement & ABM Juice Out of Your Mark...
How to Squeeze More Demand Gen, Sales Enablement & ABM Juice Out of Your Mark...Matt Davis
 
Building a culture of measurement: PR Week Breakfast Briefing
Building a culture of measurement: PR Week Breakfast BriefingBuilding a culture of measurement: PR Week Breakfast Briefing
Building a culture of measurement: PR Week Breakfast BriefingBuiltvisible
 
Culture of Innovation - AWS Transformation Day: Santa Clara 2018
Culture of Innovation - AWS Transformation Day: Santa Clara 2018Culture of Innovation - AWS Transformation Day: Santa Clara 2018
Culture of Innovation - AWS Transformation Day: Santa Clara 2018Amazon Web Services
 
Making Passive Income as Amazon Affiliate
Making Passive Income as Amazon AffiliateMaking Passive Income as Amazon Affiliate
Making Passive Income as Amazon AffiliateAl-Amin Kabir
 
Making passive incomeas amazon affiliate
Making passive incomeas amazon affiliateMaking passive incomeas amazon affiliate
Making passive incomeas amazon affiliateM M Jahir Hassan
 
Smart Websites & Tools
Smart Websites & ToolsSmart Websites & Tools
Smart Websites & ToolsGeorge Inglis
 

Similar to Optimizing Your Website for Accessibility (20)

Webinar: Common challenges with e commerce seo optimisation
Webinar: Common challenges with e commerce seo optimisationWebinar: Common challenges with e commerce seo optimisation
Webinar: Common challenges with e commerce seo optimisation
 
SEO Mastery in 2015
SEO Mastery in 2015SEO Mastery in 2015
SEO Mastery in 2015
 
Inbound Growth for SaaS Scale-Ups #INBOUND18
Inbound Growth for SaaS Scale-Ups #INBOUND18Inbound Growth for SaaS Scale-Ups #INBOUND18
Inbound Growth for SaaS Scale-Ups #INBOUND18
 
Getting PR Onside with Data | SearchLove 2018
Getting PR Onside with Data | SearchLove 2018Getting PR Onside with Data | SearchLove 2018
Getting PR Onside with Data | SearchLove 2018
 
SEO 101 in 2015: Ranking Higher on Google
SEO 101 in 2015: Ranking Higher on Google SEO 101 in 2015: Ranking Higher on Google
SEO 101 in 2015: Ranking Higher on Google
 
How To Start Amazon Niche Site From Scratch
How To Start Amazon Niche Site From ScratchHow To Start Amazon Niche Site From Scratch
How To Start Amazon Niche Site From Scratch
 
The most Damaging SEO Mistakes & Issues in 2021 and How to Avoid Them #EngagePDX
The most Damaging SEO Mistakes & Issues in 2021 and How to Avoid Them #EngagePDXThe most Damaging SEO Mistakes & Issues in 2021 and How to Avoid Them #EngagePDX
The most Damaging SEO Mistakes & Issues in 2021 and How to Avoid Them #EngagePDX
 
Chambers of Commerce and the Never Ending Tech Revolution
Chambers of Commerce and the Never Ending Tech RevolutionChambers of Commerce and the Never Ending Tech Revolution
Chambers of Commerce and the Never Ending Tech Revolution
 
Site speed for in-house marketers | BrightonSEO
Site speed for in-house marketers | BrightonSEOSite speed for in-house marketers | BrightonSEO
Site speed for in-house marketers | BrightonSEO
 
Does Google Love Your Business?
Does Google Love Your Business? Does Google Love Your Business?
Does Google Love Your Business?
 
How Do I Prepare my Team? Building on Existing Strengths
How Do I Prepare my Team? Building on Existing StrengthsHow Do I Prepare my Team? Building on Existing Strengths
How Do I Prepare my Team? Building on Existing Strengths
 
Company profile
Company profileCompany profile
Company profile
 
How Allocadia Squeezed More Demand Gen, Sales Enablement & ABM Juice Out of O...
How Allocadia Squeezed More Demand Gen, Sales Enablement & ABM Juice Out of O...How Allocadia Squeezed More Demand Gen, Sales Enablement & ABM Juice Out of O...
How Allocadia Squeezed More Demand Gen, Sales Enablement & ABM Juice Out of O...
 
How to Squeeze More Demand Gen, Sales Enablement & ABM Juice Out of Your Mark...
How to Squeeze More Demand Gen, Sales Enablement & ABM Juice Out of Your Mark...How to Squeeze More Demand Gen, Sales Enablement & ABM Juice Out of Your Mark...
How to Squeeze More Demand Gen, Sales Enablement & ABM Juice Out of Your Mark...
 
Building a culture of measurement: PR Week Breakfast Briefing
Building a culture of measurement: PR Week Breakfast BriefingBuilding a culture of measurement: PR Week Breakfast Briefing
Building a culture of measurement: PR Week Breakfast Briefing
 
Culture of Innovation - AWS Transformation Day: Santa Clara 2018
Culture of Innovation - AWS Transformation Day: Santa Clara 2018Culture of Innovation - AWS Transformation Day: Santa Clara 2018
Culture of Innovation - AWS Transformation Day: Santa Clara 2018
 
Content Marketing for High Tech
Content Marketing for High TechContent Marketing for High Tech
Content Marketing for High Tech
 
Making Passive Income as Amazon Affiliate
Making Passive Income as Amazon AffiliateMaking Passive Income as Amazon Affiliate
Making Passive Income as Amazon Affiliate
 
Making passive incomeas amazon affiliate
Making passive incomeas amazon affiliateMaking passive incomeas amazon affiliate
Making passive incomeas amazon affiliate
 
Smart Websites & Tools
Smart Websites & ToolsSmart Websites & Tools
Smart Websites & Tools
 

More from Rebecca Gill

Using a Business Plan to Move Your Alpaca Farm From Hobby to Revenue Generator
Using a Business Plan to Move Your Alpaca Farm From Hobby to Revenue GeneratorUsing a Business Plan to Move Your Alpaca Farm From Hobby to Revenue Generator
Using a Business Plan to Move Your Alpaca Farm From Hobby to Revenue GeneratorRebecca Gill
 
Search Rediscovered: Adapting to the New World of Structured Data and Schema
Search Rediscovered: Adapting to the New World of Structured Data and SchemaSearch Rediscovered: Adapting to the New World of Structured Data and Schema
Search Rediscovered: Adapting to the New World of Structured Data and SchemaRebecca Gill
 
Exploring Bing Webmaster Tools
Exploring Bing Webmaster ToolsExploring Bing Webmaster Tools
Exploring Bing Webmaster ToolsRebecca Gill
 
Taking the Scary Out of Schema
Taking the Scary Out of SchemaTaking the Scary Out of Schema
Taking the Scary Out of SchemaRebecca Gill
 
WordCamp Ann Arbor: SEO Friendly Website Architecture
WordCamp Ann Arbor: SEO Friendly Website ArchitectureWordCamp Ann Arbor: SEO Friendly Website Architecture
WordCamp Ann Arbor: SEO Friendly Website ArchitectureRebecca Gill
 
Why Everyone Should be an Expert of 301 Redirects
Why Everyone Should be an Expert of 301 RedirectsWhy Everyone Should be an Expert of 301 Redirects
Why Everyone Should be an Expert of 301 RedirectsRebecca Gill
 
WordCamp MSP SEO Process Presentation
WordCamp MSP SEO Process PresentationWordCamp MSP SEO Process Presentation
WordCamp MSP SEO Process PresentationRebecca Gill
 
Off-Page SEO Tactics
Off-Page SEO TacticsOff-Page SEO Tactics
Off-Page SEO TacticsRebecca Gill
 
On-Page SEO Tactics
On-Page SEO TacticsOn-Page SEO Tactics
On-Page SEO TacticsRebecca Gill
 
Mastering the Art of Keyword Research and Site Mapping
Mastering the Art of Keyword Research and Site MappingMastering the Art of Keyword Research and Site Mapping
Mastering the Art of Keyword Research and Site MappingRebecca Gill
 
The SEO Formula for Driving Success
The SEO Formula for Driving SuccessThe SEO Formula for Driving Success
The SEO Formula for Driving SuccessRebecca Gill
 
What Really Matters in Technical SEO
What Really Matters in Technical SEOWhat Really Matters in Technical SEO
What Really Matters in Technical SEORebecca Gill
 

More from Rebecca Gill (12)

Using a Business Plan to Move Your Alpaca Farm From Hobby to Revenue Generator
Using a Business Plan to Move Your Alpaca Farm From Hobby to Revenue GeneratorUsing a Business Plan to Move Your Alpaca Farm From Hobby to Revenue Generator
Using a Business Plan to Move Your Alpaca Farm From Hobby to Revenue Generator
 
Search Rediscovered: Adapting to the New World of Structured Data and Schema
Search Rediscovered: Adapting to the New World of Structured Data and SchemaSearch Rediscovered: Adapting to the New World of Structured Data and Schema
Search Rediscovered: Adapting to the New World of Structured Data and Schema
 
Exploring Bing Webmaster Tools
Exploring Bing Webmaster ToolsExploring Bing Webmaster Tools
Exploring Bing Webmaster Tools
 
Taking the Scary Out of Schema
Taking the Scary Out of SchemaTaking the Scary Out of Schema
Taking the Scary Out of Schema
 
WordCamp Ann Arbor: SEO Friendly Website Architecture
WordCamp Ann Arbor: SEO Friendly Website ArchitectureWordCamp Ann Arbor: SEO Friendly Website Architecture
WordCamp Ann Arbor: SEO Friendly Website Architecture
 
Why Everyone Should be an Expert of 301 Redirects
Why Everyone Should be an Expert of 301 RedirectsWhy Everyone Should be an Expert of 301 Redirects
Why Everyone Should be an Expert of 301 Redirects
 
WordCamp MSP SEO Process Presentation
WordCamp MSP SEO Process PresentationWordCamp MSP SEO Process Presentation
WordCamp MSP SEO Process Presentation
 
Off-Page SEO Tactics
Off-Page SEO TacticsOff-Page SEO Tactics
Off-Page SEO Tactics
 
On-Page SEO Tactics
On-Page SEO TacticsOn-Page SEO Tactics
On-Page SEO Tactics
 
Mastering the Art of Keyword Research and Site Mapping
Mastering the Art of Keyword Research and Site MappingMastering the Art of Keyword Research and Site Mapping
Mastering the Art of Keyword Research and Site Mapping
 
The SEO Formula for Driving Success
The SEO Formula for Driving SuccessThe SEO Formula for Driving Success
The SEO Formula for Driving Success
 
What Really Matters in Technical SEO
What Really Matters in Technical SEOWhat Really Matters in Technical SEO
What Really Matters in Technical SEO
 

Recently uploaded

UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfDianaGray10
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 
Babel Compiler - Transforming JavaScript for All Browsers.pptx
Babel Compiler - Transforming JavaScript for All Browsers.pptxBabel Compiler - Transforming JavaScript for All Browsers.pptx
Babel Compiler - Transforming JavaScript for All Browsers.pptxYounusS2
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1DianaGray10
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioChristian Posta
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IES VE
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfinfogdgmi
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesDavid Newbury
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfDaniel Santiago Silva Capera
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 
Introduction to Quantum Computing
Introduction to Quantum ComputingIntroduction to Quantum Computing
Introduction to Quantum ComputingGDSC PJATK
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Will Schroeder
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintMahmoud Rabie
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024D Cloud Solutions
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaborationbruanjhuli
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfAijun Zhang
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Commit University
 

Recently uploaded (20)

UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 
Babel Compiler - Transforming JavaScript for All Browsers.pptx
Babel Compiler - Transforming JavaScript for All Browsers.pptxBabel Compiler - Transforming JavaScript for All Browsers.pptx
Babel Compiler - Transforming JavaScript for All Browsers.pptx
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and Istio
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdf
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond Ontologies
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
Introduction to Quantum Computing
Introduction to Quantum ComputingIntroduction to Quantum Computing
Introduction to Quantum Computing
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership Blueprint
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdf
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)
 

Optimizing Your Website for Accessibility

  • 1. Optimizing Your Website for Accessibility #a11y Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM
  • 2. Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM Accessibility matters to both humans and SEO.
  • 4. -Wikipedia entry for “Web Accessibility” Web accessibility refers to the inclusive practice of removing barriers that prevent access to websites by people with disabilities. When sites are correctly designed, developed and edited, all users have equal access to information and functionality.
  • 7. Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM Web Savvy Marketing Copyright © 2018,  All Rights Reserved 4 Principles of Accessibility 1. Perceivable 2. Operable 3. Understandable 4. Robust P O U R
  • 8. Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM Web Savvy Marketing Copyright © 2018,  All Rights Reserved 4 Principles of Accessibility 1. Perceivable 2. Operable 3. Understandable 4. Robust Any discussion of web accessibility is based upon the assumption that people need to be able to perceive web content. They need to be able to input the information into their brain so that they can process it. If the information cannot get into the brain, it is inaccessible. -https://webaim.org/articles/pour/perceivable
  • 9. Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM Web Savvy Marketing Copyright © 2018,  All Rights Reserved Examples: Perceivable Remove titles from your links Bad: <a href=“/contact/” title=“Contact Us”>Contact Us</a> Good: <a href=“/contact/”>Contact Us</a> Add meaningful “alt” text to images Bad: <img src=“/img1249438743.jpg” alt=“img1249438743” /> Still bad: <img src=“/img1249438743.jpg” alt=“” /> Good: <img src=“/red-balloon.jpg” alt=“smiling kid holding a red balloon” /> Use form labels (hide with CSS if you want, but make it visible in the HTML output) <form> <label class=“hide-this-if-you-want”>First Name</label> <input type=“text” name=“first-name” /> </form>
  • 10. Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM Web Savvy Marketing Copyright © 2018,  All Rights Reserved Color blindness Normal MonochromaticTritanopia https://www.toptal.com/designers/colorfilter
  • 11. Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM Web Savvy Marketing Copyright © 2018,  All Rights Reserved Color contrast • Foreground and background color need to be sufficiently different so that text is comfortably easy to read. • 3:1 ratio for large scale text (18pt or 14pt bold) • 4.5:1 ratio for other text https://contrastchecker.com/
  • 12. Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM Web Savvy Marketing Copyright © 2018,  All Rights Reserved 4 Principles of Accessibility 1. Perceivable 2. Operable 3. Understandable 4. Robust Not everyone uses a standard keyboard and mouse to access the web. Some people use adaptive devices or alternative devices that accommodate their disabilities. Keyboard accessibility is one of the most important principles of Web accessibility because it cuts across disability types and technologies. - https://webaim.org/articles/pour/operable
  • 13. Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM Web Savvy Marketing Copyright © 2018,  All Rights Reserved Give users enough time to read and use content Bad: Moving/blinking content that can’t be paused or stopped. Bad: Alerts that can’t be suppressed or postponed. Bad: Authentication session expires and data is lost when user re-authenticates Examples: Operable Make all functionality available from a keyboard Bad: Using the tab button to move through a form and jumping from a form field focus to some other spot on the page. Good: Using the tab button to move sequentially through navigation. Use skip links
  • 14. Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM Web Savvy Marketing Copyright © 2018,  All Rights Reserved Examples: Operable Keyboard Nav & Skiplinks Demo
  • 15. Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM Web Savvy Marketing Copyright © 2018,  All Rights Reserved Examples: Operable Don’t cause seizures.
  • 16. Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM Web Savvy Marketing Copyright © 2018,  All Rights Reserved The Worst Website Ever
  • 17. Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM Web Savvy Marketing Copyright © 2018,  All Rights Reserved 4 Principles of Accessibility 1. Perceivable 2. Operable 3. Understandable 4. Robust Most web content contains information communicated through language. The language should be as easy to understand as possible and appropriate for the intended audience. The functionality of web content must also be understandable. Users must be able to understand all navigation and other forms of interaction. - https://webaim.org/articles/pour/understandable
  • 18. Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM Web Savvy Marketing Copyright © 2018,  All Rights Reserved Examples: Understandable Use the language attribute on HTML Bad: Using the tab button to move through a form and jumping from a form field focus to some other spot on the page. Good: Using the tab button to move sequentially through navigation. Give users enough time to read and use content Bad: Moving/blinking content that can’t be paused or stopped. Bad: Alerts that can’t be suppressed or postponed. Bad: Authentication session expires and data is lost when user re-authenticates Don’t use carousels (sliders) - http://shouldiuseacarousel.com/
  • 19. Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM Web Savvy Marketing Copyright © 2018,  All Rights Reserved 4 Principles of Accessibility 1. Perceivable 2. Operable 3. Understandable 4. Robust Strive to maximize compatibility with current and future user agents, including assistive technologies. Make your HTML as valid as possible. Programmatically name interface components correctly (i.e. buttons, forms, navigation)
  • 20. Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM Web Savvy Marketing Copyright © 2018,  All Rights Reserved Examples: Robust • Code parses without error • Use online validators • Use code linters • For all user-interface components, the name and role can be programmatically determined (use HTML5 and ARIA) • ARIA is a way to provide additional information about the semantics of the various elements to assistive technologies like screen readers https://validator.w3.org/ https://www.w3.org/TR/html-aria/ <button>This is an HTML5 button</button>
 <a href=“” role=“button”>This is a link with an ARIA role of button</a>
  • 21. How can I test my website?
  • 22. Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM Web Savvy Marketing Copyright © 2018,  All Rights Reserved Chrome Accessibility Audit 1. Install Chrome Developer Tools (https://developers.google.com/web/tools/lighthouse/) 2. Right-click > Inspect > Audit tab
  • 23. Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM Web Savvy Marketing Copyright © 2018,  All Rights Reserved WAVE (wave.webaim.org)
  • 24. Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM Web Savvy Marketing Copyright © 2018,  All Rights Reserved Dynomapper
  • 25. Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM Web Savvy Marketing Copyright © 2018,  All Rights Reserved Dynomapper
  • 26. Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM Web Savvy Marketing Copyright © 2018,  All Rights Reserved WAVE (wave.webaim.org)
  • 27. How can I improve my website?
  • 28. Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM Web Savvy Marketing Copyright © 2018,  All Rights Reserved Improve your site based on your role • Designer • Developer • Content Creator • Consultant
  • 29. Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM Web Savvy Marketing Copyright © 2018,  All Rights Reserved Designers • Color contrast checker – https://webaim.org/resources/ contrastchecker/ • Identifying good contrast color schemes - https:// material.io/collections/color/ • Avoid tiny fonts – https://wordpress.org/plugins/wp- accessibility/ • Clear and consistent navigation
  • 30. Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM Web Savvy Marketing Copyright © 2018,  All Rights Reserved Developers • Skip Links – https://carriedils.com/add-skip-nav-wordpress- theme/ • Keyboard Navigation – https://www.nngroup.com/articles/ keyboard-accessibility/ & Logical tabbing order (tab index)
 
 
 
 
 • ARIA roles (Accessible Rich Internet Applications) – https:// developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA Image credits
  • 31. Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM Web Savvy Marketing Copyright © 2018,  All Rights Reserved Developers: Semantic HTML5 • Semantic HTML5 helps search engines better understand the components of a web page and it helps them “see” content like a human 
 • While Google won’t penalize anyone who fails to use HTML5 and it isn’t a direct ranking factor, the usage does assist with SEO efforts and helps prepare the website for usage of Structured Data and Schema
 • When used properly, semantic HTML5 will provide a content outline
 • Semantic HTML5 is also used by screen readers, which means it is important for accessibility
 • Google is essentially blind, so accessibility-related HTML5 that helps a screen reader will in turn also help Google
 • HTML5 header tags are used for search engines and accessibility, so they should not be used for styling of content
  • 32. Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM Web Savvy Marketing Copyright © 2018,  All Rights Reserved Content Creators • Alt Text for images • Proper heading structure (H1, H2, etc) • Contextual link text (click here!)
  • 33. Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM Web Savvy Marketing Copyright © 2018,  All Rights Reserved Consultant • Accessibility matters to both humans and SEO • You have to consider accessibility in modern SEO efforts • Review each page template as a minimum • Scan the entire website to make sure user content isn’t causing issues as well • Fix everything associated with template coding • Educate your client on user generated issues • Communicate plugin issues to the developer • Client content
  • 34. Accessibility doesn't have to be all or nothing. Start with small steps in the right direction.
  • 35. Rebecca Gill | Web Savvy Marketing | diySEOcourses.com Carrie Dils | TheFearlessFreelancer.com | OfficeHours.FM Web Savvy Marketing Copyright © 2018,  All Rights Reserved Additional Resources Web Content Accessibility Guidelines (WCAG 2.0)
 https://www.w3.org/TR/WCAG20/ Google resources for accessibility (includes links to Chrome add-ons)
 https://www.google.com/accessibility/ Links to various accessibility tools
 https://wpcampus.org/resources/accessibility/ Dynomapper
 https://dynomapper.com/blog/27-accessibility-testing Semantic HTML5 for Content Writers
 https://www.semrush.com/blog/best-practices-in-semantic-html5-for- content-writers/
  • 36. Q&A
  • 37. Rebecca Gill SEO Consultant and Instructor @rebeccagill
 RebeccaGill.com Carrie Dils Web Developer and Consultant @cdils CarrieDils.com CARRIE DILS