How to Make Your Website Accessible, freeCodeCamp's Introduction to the Accessibility Challenge

Welcome to We Will Code's introduction to freeCodeCamp's Accessibility Challenges. In this course, we will learn the best practices concerning creating an accessible website. Before continuing we should understand what it means to have an accessible website. For the most part, most websites do not have accessible websites. Creating an accessible website means the architecture and design of the website are suited for a broad audience. Not everyone can see what is on a screen and may require assistance or accommodations. Ensuring your site is properly designed to facilitate use for the broadest audience is key.

Lessons:

freeCodeCamp's Introduction to the Accessibility Challenge

freeCodeCamp's Add Text Alternative to Images for Visually Impaired Accessibility

freeCodeCamp's Applied Accessibility, Know When Alt Text Should Be Left Blank, Accessible Web Apps

freeCodeCamp's Use Headings to Show Hierarchical Relationships of Content, Learn Accessibility

freeCodeCamp's Jump Straight to the Content Using the main Element, Web App Accessibility

freeCodeCamp's Wrap Content in the article Element, Accessibility Challenges

freeCodeCamp, Make Screen Reader Navigation Easier with the header Landmark, Make an Accessible Site

freeCodeCamp, Make Screen Reader Navigation Easier with the nav Landmark, Accessible Web Apps 2019

freeCodeCamp, Applied Accessibility, Make Screen Reader Navigation Easier with the footer Landmark

freeCodeCamp, Improve Accessibility of Audio Content with the audio Element, 2019 Web Accessibility

freeCodeCamp, Improve Chart Accessibility with the figure Element, 2019 Screen Readers Accessibility

freeCodeCamp, Improve Form Field Accessibility with the label Element, 2020 Web Accessibility

freeCodeCamp, Wrap Radio Buttons in a fieldset Element for Better Accessibility, 2020 Web App Help

freeCodeCamp's Add an Accessible Date Picker, Accessibility App 2020, We Will Code

freeCodeCamp, Standardize Times with the HTML5 datetime Attribute, 2020 Web Development

freeCodeCamp, Make Elements Only Visible to a Screen Reader by Using Custom CSS, Accessible Website

freeCodeCamp, Improve Readability with High Contrast Text, Applied Accessibility Website

freeCodeCamp's, Avoid Colorblindness Issues by Using Sufficient Contrast, Accessible Websites

freeCodeCamp, Avoid Colorblindness Issues by Carefully Choosing Colors that Convey Information

freeCodeCamp, Give Links Meaning by Using Descriptive Link Text, Learn to Code 2020

freeCodeCamp's Make Links Navigatable with HTML Access Keys, Learn Web Accessibility

freeCodeCamp's Use tabindex to Add Keyboard Focus to an Element, Accessible Web Apps 2020

freeCodeCamp's Use tabindex to Specify the Order of Keyboard Focus for Several Elements

Subscribe To Monthly Newsletter. Chance to Win Monthly Prizes

* indicates required


Share: