Intro to Accessibility Setup

Open your Terminal application and navigate to your ~/code/ga/lectures directory:

cd ~/code/ga/lectures

Make a new directory called intro-to-accessibility, then enter this directory:

mkdir intro-to-accessibility
cd intro-to-accessibility

Create a directory called css:

mkdir css

Then, create an index.html file, as well as a style.css file inside the css directory. These files will hold your work for this lecture:

touch index.html ./css/style.css

With the files created, open the contents of the directory in VS Code:

code .

Open the index.html file and add HTML boilerplate by typing ! and then hitting the Tab key. Then make use of the style.css file inside of the css directory by adding this line inside the <head> tag:

<link rel="stylesheet" href="./css/style.css">

Add the following code to your style.css file:

body {
  background-color: lightgray;
  margin: 0px;
  font-family: system-ui, sans-serif;
}

Open the index.html file in your browser. When you open the page, the background color should be the lightgray color specified above.