[a11y]: Improving Semantic Structure

[CBID2]

Description

In my review of the HTML file for the local library exercise, I noticed that some of the sections are missing headings. Here are some examples:

1. css-101/3-box-model/18-local-library/index.html

   Lines 25 to 29 in 36f039d

   	<section id="catalog">
   	<form id="catalog-form">
   	<input id="catalog-input" type="text" placeholder="Search the Catalog..."/>
   	<input id="form-btn" type="submit" value="Search" />
   	</form>

2. css-101/3-box-model/18-local-library/index.html

   Lines 20 to 24 in 36f039d

   	<section id="welcome">
   	<p>
   	Guided by our dedication to literacy and learning and patron-focused services and programs, the Library is a fun space for using information and technology to build knowledge and foster community, social connection.
   	</p>
   	</section>

Solution

To solve these issue, I can up with the following solution

1. Add an h2 heading in the Welcome section
2. Add an h2heading in the Catalog section