The challenges of making our websites, content & tools accessible are ever changing with technological advances. Stay on top and learn about whether headless content management systems are accessible and how you could get the most out of them to create inclusive content.

1. The Future of
Content Management
is Accessible
Josefine Schaefer 2023
Accessibility in Times of
Headless Systems

2. Josefine Schaefer 2023
Outline
● Introduction to Web Accessibility
● What is a Headless CMS?
● Implementing Accessibility
● Q & A

3. Josefine Schaefer 2023
Guten Tag
@JsfnSchfr
󰴛

4. Josefine Schaefer 2023
Web
Accessibility

5. "Access to information and
communications technologies,
including the web, is defined
as a basic Human right"
— United Nations Convention on
the Rights of Persons with Disabilities
Josefine Schaefer 2023

6. Josefine Schaefer 2023
Accessible for ALL
● many people experience
disability
● Society growing older
● Benefits for people with and
without disabilities
One Billion

7. Josefine Schaefer 2023
Diverse User Personas

8. Josefine Schaefer 2023
Diverse User Personas
cardsforhumanity.frog.co

9. Josefine Schaefer 2023
What role does CMS play? Better Content
Experiences
For
Developers
For Content
Teams
The right tools enable you to
focus on what really matters.

10. Josefine Schaefer 2023
Is Headless CMS Accessible?

11. ● Best of breed approach
● Technology Agnostic
● Full Control
● Flexible & Extendable
Josefine Schaefer 2023
Create more Accessible
Content –– Benefits of a
Headless System

12. Josefine Schaefer 2023
Let’s explore 🔎

13. Josefine Schaefer 2023
Lifecycle
Designers (UI/UX) Developers Content Creators

14. Josefine Schaefer 2023
Developers
Keyboard
Accessibility
Page
Titles
Internationalisation
Semantic
HTML
Text
Alternatives

15. Josefine Schaefer 2023
Page Titles

16. Josefine Schaefer 2023
Page Titles
● Should be unique
● Can be set dynamically

17. Josefine Schaefer 2023
Semantic HTML

18. Josefine Schaefer 2023
Semantic HTML

19. Josefine Schaefer 2023
Landmarks
● Usa Aria Landmarks if needed
● Build an accessible content
structure
● Limit blok nesting
● Enable markdown wisely
● Make use of roles & permissions

20. Josefine Schaefer 2023
Headlines Hierarchies

21. Josefine Schaefer 2023
Voice Over
Rotor

22. Josefine Schaefer 2023
Headlines Hierarchies
in a CMS

23. Josefine Schaefer 2023
Manually Controlled
Headline Hierarchies
● Option to choose headline
level in CMS
● More freedom for editors
● More room for error
Headline Hierarchies

24. Single-Option
Fieldtype with
Headline Levels as
Datasource

26. Josefine Schaefer 2023
Automatically Generated
Headline Hierarchies
● Only one <h1>
● More security
● Less flexibility for editors
Headline Hierarchies

28. Josefine Schaefer 2023
Keyboard Accessibility

29. Josefine Schaefer 2023
Keyboard Accessibility
● Don’t trap Keyboard
users
● Include a skip link
● Stick to a logical tab order
● Ensure visible focus
● Use Semantic HTML

30. Josefine Schaefer 2023
Alternative Text

31. Josefine Schaefer 2023
Alternative Text

32. Josefine Schaefer 2023
Required Alternative Text

33. Josefine Schaefer 2023
Languages

34. Josefine Schaefer 2023
Languages

35. Josefine Schaefer 2023
Communication is Key

36. ● Not inherently accessible
● Headless can support you in your
efforts to create more accessible
content
● Concerns all disciplines
● 10% done is better than nothing
Josefine Schaefer 2023
Conclusion

37. Thank you so much
for your time 🙌
Web Accessibility Resources ⬇
linktr.ee/josefinesch
@JsfnSchfr
@j-schaefer
@Josefine Schfr