Accessibility

An introduction to a11y

Prae Songprasit

About me

  • UX Engineer
  • Coded bits of Xero, ANZ, TNZ
  • Focus on accessibility &
    design systems
  • Kyudoka
Screenshot of digital.govt.nz's Accessibility page

What is
web accessibility?

Inclusion and access to
information and services

Who is web accessibility for?

❤️ Everyone

Types of disabilities

Micrsoft inclusive design personal spectrum, showing how different types of physical disabilities can be caused permanently, temporarily, and situationally.

The curb cut effect

A sketch of stick figers using wheel chair curb cuts in different ways, like someone with a stroller, bycicle, and wheeling a fork lift.

What could access needs look like?

Lets hit some examples!

Accessible sites

Examples of different types in the wild

How to design
an accessible experience?

Start with content, not visuals

Linear text experience

❤️ by keyboard only users,
screen readers,
people with different cognitive abilities

Multiple ways to convey information

Text, video, audio, non-coloured visual treatments

Overwhelmed?

Start with higher contrast and larger font

Where can coders start?

Bitten off delicious looking ring donuts, sprinkled with hundred and thousands held up in-front of Sixes and Sevens sign

Where can coders start?

						
							<img
							  src="donuts133.png"
							  alt="Bitten off delicious looking ring donuts,
								sprinkled with hundred and thousands
								held up in-front of Sixes and Sevens sign"
							/>

Accessibility is a right

to equal access of your information and services