Niki Mosier's BrightonSEO 2021 talk.

1. User Experience
and Accessibility

2. I am Niki
Head of SEO & Content at
AgentSync
You can find me at
@nikers85
HELLO!

3. . 1. What is Accessibility
2. What is User Experience
3. Why both matter for SEO

4. Broadly speaking, when we say a site
is accessible, we mean that the site’s
content is available, and its
functionality can be operated, by
literally anyone.

6. “
57 million Americans
have a disability…
(that’s ~17% of the population)

7. Why is web accessibility important?

8. ...the inclusive practice of ensuring there are
no barriers that prevent interaction with, or
access to, websites on the World Wide Web
by people with physical disabilities

9. Don’t exclude people from using
your products or services

10. Visual

11. Auditory

12. Mobility
#BrightonSEO @nikers85

13. Cognitive

14. The negative
implications to not
having an
accessible website
● Narrowing your potential
target market

15. The negative
implications to not
having an
accessible website
● Narrowing your potential
target market
● Lost revenue

16. The negative
implications to not
having an
accessible website
● Narrowing your potential
target market
● Lost revenue
● Negative brand reputation

17. The negative
implications to not
having an
accessible website
● Narrowing your potential
target market
● Lost revenue
● Negative brand reputation
● Legal Implications

19. What does an accessible
website mean?

20. Perceivable - Information can be presented in different ways
WCAG defines 4 principles:
P O U R

21. Perceivable - Information can be presented in different ways
Operable - Functionality can be used in different modalities
WCAG defines 4 principles:
P O U R

22. Perceivable - Information can be presented in different ways
Operable - Functionality can be used in different modalities
Understandable - Information and functionality is understandable
WCAG defines 4 principles:
P O U R

23. Perceivable - Information can be presented in different ways
Operable - Functionality can be used in different modalities
Understandable - Information and functionality is understandable
Robust - Content can be interpreted reliably
WCAG defines 4 principles:
P O U R

24. Common issues people have online
Text that doesn’t wrap

25. Common issues people have online
Links without anchor text

26. Common issues people have online
Code issues for keyboard
only users

27. Common issues people have online
Font size

28. Common issues people have online
Poor Contrast

29. Common issues people have online
Reliance on Color

30. Common issues people have online
Animations and carousels

31. Common issues people have online
Page time limits

32. 3 sets of accessibility guidelines
Web Content Accessibility Guidelines (WCAG)
Authoring Tool Accessibility Guidelines (ATAG)
User Agent Accessibility Guidelines (UAAG)

35. User Experience...
Gives users the answer they are
looking for

36. User Experience...
Answers the users question fast

37. User Experience...
Provides answers on a site that
is accessible on all devices

40. Page Experience
Interactivity: Users are able to interact quickly with
elements on the site.

41. Page Experience
Loading performance: A fast server response time will
result in better performance.

42. Page Experience
Visual stability: Content should not jump around the
page as it is loading.

43. Page Experience
Mobile-friendliness: Users should be able to access the
page via mobile and enjoy the same experience as
desktop users.
43

44. Page Experience
Security: The page should run on HTTPS

45. Page Experience
Browsing safety: Safe browsing checks for security issues
including malware, deceptive pages, harmful downloads,
and uncommon downloads

46. Page Experience
Presence of intrusive interstitials: This might include
aspects like pop-ups and ads that intrude on the main
reading and viewing experience. Content should be easily
accessible.

47. CORE WEB VITALS
Largest Contentful Paint
(LCP): measures loading
performance. To provide a
good user experience, LCP
should occur within 2.5
seconds of when the page first
starts loading.

48. CORE WEB VITALS
First Input Delay (FID):
measures interactivity. To
provide a good user
experience, pages should have
a FID of less than 100
milliseconds.

49. CORE WEB VITALS
Cumulative Layout Shift
(CLS): measures visual
stability. To provide a good
user experience, pages should
maintain a CLS of less than 0.1.

50. https://bit.ly/3ldZZHR

52. WHAT MAKES A GOOD MOBILE SITE?
Mobile users are goal-oriented. They
expect to be able to get what they need,
immediately, and on their own terms.

53. 53

54. Potential Negative Impacts
Poor SERP visibility

55. Potential Negative Impacts
Decreased Conversions

56. Potential Negative Impacts
Poor bounce rate

57. Potential Negative Impacts
Low number of leads

58. 58
SEO & User Experience
Page Titles

59. 59
SEO & User Experience
Headings

60. 60
SEO & User Experience
Sitemaps

61. 61
SEO & User Experience
Anchor Text

62. 62
SEO & User Experience
Breadcrumb Links

63. 63
SEO & User Experience
Alt Text

64. 64
SEO & User Experience
Navigation

65. 65
SEO & User Experience
Readability

66. 66
SEO & User Experience
User Interactions

67. Testing and Implementing
Wave Evaluation Tool

68. Testing and Implementing
Siteimprove Accessibility Checker

69. Testing and Implementing
Lighthouse

70. Testing and Implementing
» WP Accessibility
» WP Accessibility Helper
» wA11y – The Web Accessibility Toolbox
» accessiBe

71. RESOURCES
https://seosly.com/google-page-experience-audit/
- Olga Zarzeczna
https://www.contentkingapp.com/academy/ux-seo/
- ContentKing
https://www.deepcrawl.com/blog/events/page-experience/
- Jamie Indigo

72. https://crux-compare.netlify.app/

73. Niki Mosier
Twitter: @nikers85
nikimosier.com
Slide
link:https://bit.ly/nikibright
onseo2021
THANK YOU!!!