Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Upcoming SlideShare
What to Upload to SlideShare
Next
Download to read offline and view in fullscreen.

Share

How we use Silverstripe CMS to deliver bilingual and accessible websites

Download to read offline

Talk from StripeConEU 2021, how we use Silverstripe CMS to deliver bilingual and accessible (a11y) websites.

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all
  • Be the first to like this

How we use Silverstripe CMS to deliver bilingual and accessible websites

  1. 1. How we use Silverstripe CMS to deliver Bilingual and Accessible websites Presented by – Michael Pritchard
  2. 2. Michael Pritchard 2 • Twitter:@MikeAPritch • web: pen-y-fan.github.io • First computer was a ZX Spectrum 48k Software developer 10 PRINT “Hello” 20 GOTO 10
  3. 3. Agenda 3 • What is the problem? • Why is accessibility important? • What do organization have to do to comply? • What is the benefit for the user?
  4. 4. Technologies Used 4
  5. 5. Responsive Design 5
  6. 6. Responsive Design 6
  7. 7. GDPR 7
  8. 8. Bilingual 8
  9. 9. Fluent 9 composer require tractorcow/silverstripe-fluent ^5
  10. 10. Translation _t 10
  11. 11. Translation <%t … > 11
  12. 12. i18nTextCollectorTask 12
  13. 13. Disability in Wales 13 Disabled (410k) Not disabled (1,401k)
  14. 14. Accessibility examples 14
  15. 15. Accessibility examples 15
  16. 16. Resources 16 1. Lighthouse 2. Axe 3. WAVE
  17. 17. How to access Lighthouse 17
  18. 18. How to access Axe dev tools 18
  19. 19. How to access Wave 19
  20. 20. Contrast checker 20
  21. 21. Demo - Simple! 21
  22. 22. Lighthouse 22
  23. 23. And the score is…. 23
  24. 24. Contrast and Best practice 24
  25. 25. Inspect Failing Element 25
  26. 26. color and background 26
  27. 27. Webaim contrast checker 27
  28. 28. Adjust the slider 28
  29. 29. Adjust the CSS 29
  30. 30. Re-run Lighthouse 30
  31. 31. User scalable no! 31
  32. 32. Meta 32
  33. 33. Re-run Lighthouse 33
  34. 34. Manual items 34
  35. 35. Resources 35 • Google Accessibility for developers • https://www.google.com/accessibility/for-developers/ • Webaim WAVE • https://wave.webaim.org/ • Webaim Contrast Checker • https://webaim.org/resources/contrastchecker/ • Google Lighthouse • https://developers.google.com/web/tools/lighthouse/ • Inclusive design 24 – YouTube • https://www.youtube.com/inclusivedesign24/
  36. 36. Questions Any questions? 36

Talk from StripeConEU 2021, how we use Silverstripe CMS to deliver bilingual and accessible (a11y) websites.

Views

Total views

84

On Slideshare

0

From embeds

0

Number of embeds

28

Actions

Downloads

0

Shares

0

Comments

0

Likes

0

×