The following training will use the example of Accessible Finance's Individual Savings Accounr (ISA) page on their website. Accessible Finance is a ficticious company created for the purposes of this training session.

Development accessibility essentials for browser

1.1 Page Info

• Example page with no title
• Example page with insufficient title
• Example page with not specific context

1.2 Images

• Example page with various image issues

1.3 Headings

• Example page with various headings issues

1.4 Tables

• Example page with various table issues

1.5 Forms

• Example page with no error message and only input style change (browser)
• Example page with error message conveyed using colour alone (browser)
• Example page with generic error message (browser)
• Example page with form labelling issues (browser)

1.6 Language

• Example page with page language not defined

1.7 Links

• Example page with various issues with links

1.8 Buttons

• Example page with various issues with buttons

1.9 ARIA usage

• Example page with various issues with ARIA usage

1.10 Colour contrast

• Example page with various issues with ARIA usage

2.1 Page navigation and Order

• Example page with various keyboard navigation issues

2.2 Visible focus

• Example page with various visible focus issues

3.1 Screen reader

• Example page with various screen reader issues (browser)

Session 3 - Example page

Evidence

• Evidence page with no issues
• Evidence page with a few issues

Assessment

• Example page 1 - session 3

Development accessibility essentials for mobile

Page title

• Example page for page title

Focus order

• Example page for focus order

Interactive componenents

• Example page for interactive components

Images

• Example page for images

Headings

• Example page for headings

Forms

• Example page for forms

Links and buttons

• Example page for page links and buttons

Colour contrast

• Example page for colour contrast