Skip to content
Go to search page
English (EN)
English (EN)
Suomi (FI)
Switch to dark version
Switch to dark version
Switch to light version
Switch to light version
A11ying with Sanna - I would if I could
a guide to web accessibility
Main menu
Menu
Fundamentals
The basics
Next menu level
What is accessibility?
Who accessibility is for?
Why focus on accessibility?
Accessibility statement
Glossary
Myths about accessibility
Who is responsible for the accessibility of a service?
The role of the supervisory authority
Types of disabilities
Next menu level
Types of disabilities
Auditory disabilities
Cognitive disabilities
Deaf-blindness
Mobility, flexibility and body structure disabilities
Multiple / Compound disabilities
Psychological / Psychiatric disabilities
Seizure disabilities
Speech disabilities
Visual disabilities
Theoretical models of disability
Next menu level
Medical model
Social model
Biopsychosocial model
Charity or tragedy model
Economical model
Functional solutions model
Social Identity or Cultural Affliation Model
Other models
The reach of accessibility
Next menu level
Universal Design
Universal Design for Learning
Green ICT
Search engine optimization
Standards and laws
Next menu level
Accessibility requirements in Finland
The Web Accessibility Directive
The European Accessibility Act (EAA)
Act on the provision of digital services
International declarations and conventions on disability rights
Accessibility management strategies
Next menu level
Define accessibility maturity with the Capability Maturity Model
Business Disability Forum's Accessibility Maturity Model
Business Disability Forum's Accessible Technology Charter
Accessibility policy
Testing
Continuous accessibility monitoring
Next menu level
Accessibility monitoring
Monitoring code
accessibility training supports accessibility monitoring
Tools to help monitor accessibility
Accessibility audit
Next menu level
What is an accessibility audit?
Why get an accessibility audit?
How to do accessibility auditing?
Fixing audit report findings
Tools and techniques for accessibility testing
Using assistive technologies
Next menu level
What are assistive tehnologies?
What screen reader to use for testing?
Using NVDA
Using VoiceOver
Technical accessibility
WCAG
Next menu level
What is WCAG?
WCAG terminology
WCAG tips: Perceivable
WCAG tips: Operable
WCAG tips: Understandable
WCAG tips: Robust
WCAG 2.2
ATAG
Next menu level
What is ATAG?
ATAG terminology
ATAG structure
Checking for ATAG conformance
WAI-ARIA
Next menu level
What is WAI-ARIA?
ARIA roles
ARIA properties
ARIA live regions
ARIA states
For designers
Next menu level
Structure and functionality
Fonts
Color, contrast and other visual cues
Design tips for text content
Designing forms
Designing animations and moving content
Helpful resources for designers
For developers
Next menu level
Page structure and functionality
Language
Forms
IFrame accessibility
Developing for keyboard and screen reader users
Website styles
Harness your code editor for accessibility
How to create an accessible component?
Helpful resources for developers
Content accessibility
Text content
Next menu level
Writing accessible text content
Plain language
Easy Finnish
Inclusive language
Table accessibility
Media content
Next menu level
Image accessibility
Video and audio accessibility
Chart accessibility
Other content
Next menu level
Accessible documents
Social media and accessibility
Embedding iFrame content
Demos
WCAG 1: Perceivable
Next menu level
1.1.1 Non-text Content - alt attribute
1.3.1 Tables
1.4.3 Contrast
WCAG 2: Operable
Next menu level
2.1.1 Keyboard
2.4.7 Focus Visible
2.5.3 Label in Name
2.5.8 Target Size (Minimum)
WCAG 3: Understandable
Next menu level
3.1.2 Language of parts
WCAG 4: Robust
Next menu level
4.1.2 Name, Role, Value
Other
Next menu level
Form field instructions
Hashtags-and-screen-readers
Pseudo-elements ::before and ::after
Removing list style from a list element
Home
/
Info
/
Sitemap
Sitemap
The sitemap for this site:
Main menu
Fundamentals
The basics
What is accessibility?
Who accessibility is for?
Why focus on accessibility?
Accessibility statement
Glossary
Myths about accessibility
Who is responsible for the accessibility of a service?
The role of the supervisory authority
Types of disabilities
Types of disabilities
Auditory disabilities
Cognitive disabilities
Deaf-blindness
Mobility, flexibility and body structure disabilities
Multiple / Compound disabilities
Psychological / Psychiatric disabilities
Seizure disabilities
Speech disabilities
Visual disabilities
Theoretical models of disability
Medical model
Social model
Biopsychosocial model
Charity or tragedy model
Economical model
Functional solutions model
Social Identity or Cultural Affliation Model
Other models
The reach of accessibility
Universal Design
Universal Design for Learning
Green ICT
Search engine optimization
Standards and laws
Accessibility requirements in Finland
The Web Accessibility Directive
The European Accessibility Act (EAA)
Act on the provision of digital services
International declarations and conventions on disability rights
Accessibility management strategies
Define accessibility maturity with the Capability Maturity Model
Business Disability Forum's Accessibility Maturity Model
Business Disability Forum's Accessible Technology Charter
Accessibility policy
Testing
Continuous accessibility monitoring
Accessibility monitoring
Monitoring code
accessibility training supports accessibility monitoring
Tools to help monitor accessibility
Accessibility audit
What is an accessibility audit?
Why get an accessibility audit?
How to do accessibility auditing?
Fixing audit report findings
Tools and techniques for accessibility testing
Using assistive technologies
What are assistive tehnologies?
What screen reader to use for testing?
Using NVDA
Using VoiceOver
Technical accessibility
WCAG
What is WCAG?
WCAG terminology
WCAG tips: Perceivable
WCAG tips: Operable
WCAG tips: Understandable
WCAG tips: Robust
WCAG 2.2
ATAG
What is ATAG?
ATAG terminology
ATAG structure
Checking for ATAG conformance
WAI-ARIA
What is WAI-ARIA?
ARIA roles
ARIA properties
ARIA live regions
ARIA states
For designers
Structure and functionality
Fonts
Color, contrast and other visual cues
Design tips for text content
Designing forms
Designing animations and moving content
Helpful resources for designers
For developers
Page structure and functionality
Language
Forms
IFrame accessibility
Developing for keyboard and screen reader users
Website styles
Harness your code editor for accessibility
How to create an accessible component?
Helpful resources for developers
Content accessibility
Text content
Writing accessible text content
Plain language
Easy Finnish
Inclusive language
Table accessibility
Media content
Image accessibility
Video and audio accessibility
Chart accessibility
Other content
Accessible documents
Social media and accessibility
Embedding iFrame content
Demos
WCAG 1: Perceivable
1.1.1 Non-text Content - alt attribute
1.3.1 Tables
1.4.3 Contrast
WCAG 2: Operable
2.1.1 Keyboard
2.4.7 Focus Visible
2.5.3 Label in Name
2.5.8 Target Size (Minimum)
WCAG 3: Understandable
3.1.2 Language of parts
WCAG 4: Robust
4.1.2 Name, Role, Value
Other
Form field instructions
Hashtags-and-screen-readers
Pseudo-elements ::before and ::after
Removing list style from a list element
Info menu
About me
Sitemap
My accessibility statement