Prologue

A while ago, I decided to develop a fully accessible main navigation component in React and write a series of articles documenting the steps it took to create a non-trivial accessible component.

This article is part of the series and marks the first time code will be introduced and discussed. It's all about the base.

I define base components as components that wrap elements that ultimately render to plain HTML from React. If your base components don't take accessibility into consideration, achieving accessibility becomes infinitely harder. A website or application can only be as accessible as its base components allow.

Note : This article is one of a series demonstrating how to build a React navigational component from scratch while considering accessibility through the process.…