fixed WAVE errors

Author: prakashebi

public/index.html

@@ -153,7 +153,7 @@
       defer="defer"
       src="//ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.4/js/script.js"
     ></script>
-
+    <h3 class="vf-u-sr-only">ELIXIR banner</h3>
     <section class="vf-u-fullbleed | vf-u-background-color-ui--grey--light">
       <div class="vf-body">
         <div

src/app/containers/ResourceDetails.jsx

@@ -248,10 +248,10 @@ class ResourceDetails extends React.Component {
             content="training, learning, competencies, competency-based training, learning outcomes"
           />
         </MetaTags>
-        <h2>{item.title}</h2>
+        <h1>{item.title}</h1>
         <div className="vf-grid  vf-grid__col-4">
           <div className="vf-grid__col--span-3">
-            <h3>Overview</h3>
+            <h2>Overview</h2>
             {item.description ? Parser(item.description) : ''}
 
             {item.url ? (
@@ -279,7 +279,7 @@ class ResourceDetails extends React.Component {
             {/*{item.trainers ? Parser('<h3>Trainers</h3>' + item.trainers) : ''}*/}
 
             <div>
-              <h3>Associated competencies</h3>
+              <h2>Associated competencies</h2>
               <p>
                 This resource provides learning to support the development of
                 the following competencies

src/app/containers/Root.jsx

@@ -145,7 +145,7 @@ class Root extends Component {
           </Switch>
 
           <section id="main-content-area" className="row" role="main">
-            <main className="column">
+            <div>
               <Switch>
                 <ProtectedRoute
                   condition={user.roles.includes('content_manager')}
@@ -315,7 +315,7 @@ class Root extends Component {
                 <Route path="/login" component={Login} />
                 <Route path="/" component={Frameworks} />
               </Switch>
-            </main>
+            </div>
           </section>
           {/* <Footer /> */}
         </SnackbarProvider>