Accessible code

Meaningful HTML5

• Divs and spans
• Semantic HTML5
• Structure
• SVGs

Story telling

• Consistent and predictable naming
• CSS Grid
• Content in CSS
• Languages

Dynamic changes

• aria-live
• aria-expanded

Behaviour

• YouTube embeds
• Change on focus or input
• Buttons and links
• Disable shortcuts

Show and hide techniques

• Hide from sight
• CSS screen-reader-text class
• Hide from a screen reader
• Announce or hide content
• Show and hide examples

Navigation

• Skip link
• Data tables

Forms

• Labels
• Fieldsets
• Descriptions
• Autocomplete
• Error feedback
• Inaccessible form controls
• Date and time pickers
• Styling of form controls