Discover the presentation from our fifth episode in Cyber-Duck's new webinar series, Essential (Laravel) developer skills for successful end-to-end project delivery.

1. June 2023
Building products people actually can use
– why all developers need to understand
accessibility
Essential (Laravel) developer skills for
successful end-to-end project delivery
#LaraDuck

2. About us
We are Laravel’s
fi
rst o
ffi
cial UK Accredited Partner
Clients approach us when their Web Platforms need to be redesigned and rebuilt so content can becomes
more accessible, user friendly and served by better open source technology like Laravel. We also help clients
to ensure their data, websites are secure and compliant through better UX, SEO and DevOps.

3. Welcome 👋 to the fifth webinar of this Essential Skills Series for (Laravel) Developers looking
to grow and elevate their soft skills
What you need to know:
‣ In each session one of our Ducks will focus on a different stage of the project lifecycle
‣ Topics include, pitching, project management, Agile, UX, accessibility, internal
communications and much more
‣ Each session is recorded, and shared to everyone who registered
‣ We will also share with you additional material, such as articles, white paper and
previous webinars
Introduction

4. Today’s session:
• Today session is going to last around 40 minutes
• There will be time available at the end for your questions at the end of session
• The full recording of the webinar will be emailed early next week
To submit a question:
• Open the Q&A window by clicking the Q&A button located at the bottom of your
screen
You can also post questions on Twitter after the webinar using the
hashtag #LaraDuck
House rules

5. Captions:
• Automated captions are available – if not already turned on, you can switch these
on via the Transcripts button located at the bottom
• The on-demand version of the webinar will be provided with manually-edited
captioning
House rules

6. Let’s go

7. The practice of making information and
facilities inclusive to all persons by removing
the barriers that may prevent certain users
from accessing that information or making
use of those facilities.
WHAT IS
ACCESSIBILITY?

8. Accessibility in action

9. Credit for original diagram: https://download.microsoft.com/download/b/0/d/b0d4bf87-09ce-4417-8f28-d60703d672ed/inclusive_toolkit_manual_final.pdf
Permanent x Temporary x Situational
Motor
Visual
Auditory
Verbal
Neurological/Cognitive

10. Credit for original diagram: https://download.microsoft.com/download/b/0/d/b0d4bf87-09ce-4417-8f28-d60703d672ed/inclusive_toolkit_manual_final.pdf
WHO IS
RESPONSIBLE FOR
ACCESSIBILITY?

11. Accessibility in development
1. Order and relationship of elements
2. Visual contrast between elements
3. Description and labelling of elements
4. Reflection of the state of controls

12. Accessibility in development
Order and relationship of elements
How heading levels define structure and relationships, what belongs to what.
Using landmarks to define document structure to help parsing and understanding of
how the information is grouped.

13. Accessibility in development
Visual contrast between elements
Ensuring that the text and controls have enough visual contrast to be clearly identifiable
and to make reading easy.
Contrast is measured using a ratio, for compliance this ratio should be at minimum 1:45
between background and foreground.

14. Accessibility in development
Description and labelling of elements
All elements must be described effectively using different methods like alt attributes on
images, audio description on videos and properly coded labels for form controls.
Sometimes using “role” attributes is needed.

15. Accessibility in development
Reflection of the state of controls
When something changes in the interface, it must be communicated to the user.
Accordion toggles, tab selection, focus on controls, form errors.

16. The case for accessibility in digital
1. It’s the right thing to do
2. It’s 20% of the population (and maybe more)
3. It helps everyone
4. Better positioned for acquisitions and investment
5. Protects you against lawsuits

17. How to champion accessibility
1. Internal training – focused in how the different teams
are responsible for different parts of accessibility
2. Create a company culture around accessibility
3. Keep the principles present with checklist, processes
and updates

18. How to identify what’s needed
What to look for, where to look
Layout, Ordering, Attributes, Events and other
considerations.

19. How to identify what’s needed
Layout & Ordering Content

20. How to identify what’s needed
Attributes & Events

21. How to identify what’s needed
Other Considerations

22. Q&A Session
Let’s answer your questions
Email: hello@cyber-duck.co.uk
Twitter: @cyberduck_uk
LinkedIn: linkedin.com/company/cyber-duck

23. Next Session
Measure twice, cut once – making planning
scope of work successful
(7th July 2023)
Email: hello@cyber-duck.co.uk
Twitter: @cyberduck_uk
LinkedIn: linkedin.com/company/cyber-duck

24. Next Steps
In the meantime…
Download our free white paper:
How to Scale Laravel Projects and Applications.
SCAN TO DOWNLOAD
SCAN TO DOWNLOAD

25. THANK YOU SO MUCH!
Cyber-Duck
“
“
@cyberduck_uk
We’re hiring, reach out
to me if you’re interested!