Learn Accessibility

Create inclusive sites and apps that are easy for everyone to use. Learn how to design for screen readers, keyboard navigation, and other assistive technologies.
  1. 7 Best Practices to Improve Emoji Accessibility on the Web

    7 Best Practices to Improve Emoji Accessibility on the Web

    Tutorial Beginner

    Here are seven useful and easy-to-implement methods you can use to make emojis accessible on your website.

  2. Keyboard Accessibility Tips Using HTML and CSS

    Keyboard Accessibility Tips Using HTML and CSS

    Tutorial Beginner

    Making your website accessible for keyboard-only users is an important part of the bigger accessibility picture. Here are some keyboard accessibility tips...

  3. I Style My ALT Text (and You Should Too)

    I Style My ALT Text (and You Should Too)

    Tutorial Beginner

    The alt attribute within an image tag provides alternative content for users who can't download images, or who have images turned off. But have you ever...

  4. How to Ensure Your WordPress Website Is ADA Compliant

    How to Ensure Your WordPress Website Is ADA Compliant

    Tutorial Beginner

    Are you struggling to ensure that your WordPress website is accessible to all? Are you unsure how to make your WordPress website ADA compliant? Learn how in...

  5. How to Code an Accessible JavaScript Accordion Component

    How to Code an Accessible JavaScript Accordion Component

    Tutorial Intermediate

    In this tutorial, we’ll be creating an accessible accordion block component using vanilla JavaScript, that allows a user to toggle collapsible content.

  6. 8 Web Design Trends to Get Ready for in 2023

    8 Web Design Trends to Get Ready for in 2023

    Tutorial Beginner

    What will a website feel like in 2023? In this roundup, We’re going to show you 8 trends we think will dominate web and UX design in the year to come.

  7. 10 Tips For Using Colors in UI Design

    10 Tips For Using Colors in UI Design

    Tutorial Beginner

    Let me share 10 practical tips on how to choose colors and use them in your user interface design.

  8. Accessibility Basics: Designing for Visual Impairment

    Accessibility Basics: Designing for Visual Impairment

    Tutorial Beginner

    With 4.5% of the global population experiencing color blindness, 4% suffering from low vision, and another 0.6% being blind, visual difficulties with using...

  9. How to Conform to WCAG (Web Content Accessibility Guidelines) in Email

    How to Conform to WCAG (Web Content Accessibility Guidelines) in Email

    Tutorial Beginner

    WCAG (the Web Content Accessibility Guidelines) make the web a more accessible place for everyone. So, how do you conform to WCAG when you’re developing...

  10. How to Use ARIA Roles, Properties, and States in HTML

    How to Use ARIA Roles, Properties, and States in HTML

    Tutorial Beginner

    In this beginner’s accessibility tutorial we’re going to learn what ARIA is, why it is necessary to write our HTML with ARIA in mind, what ARIA roles,...

  11. Designing for Color Blindness With Chrome DevTools (in Just 4 Clicks)

    Designing for Color Blindness With Chrome DevTools (in Just 4 Clicks)

    Tutorial Beginner

    You can emulate five common types of color blindness using Chrome DevTools’ vision deficiency emulator. It’s a quick and straightforward process and can help...

  12. CSS Tips for Better Color and Contrast Accessibility

    CSS Tips for Better Color and Contrast Accessibility

    Tutorial Beginner

    For people with visual impairments, colors can’t convey the same amount of information as for others and lose many aspects of their meaning. In this article,...