From 592f63cae9b6e934f86911fe5228093a41f2ffe2 Mon Sep 17 00:00:00 2001
From: Mehak Nasir <67791278+mehaknasir@users.noreply.github.com>
Date: Mon, 15 Aug 2022 14:55:59 +0500
Subject: [PATCH] fix: accessibility fixes (#249)

---
 .eslintrc.js                                         | 1 +
 src/discussions/discussions-home/DiscussionsHome.jsx | 2 +-
 src/discussions/posts/post/PostHeader.jsx            | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index 00cdceb7..fa8f0f0b 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -7,6 +7,7 @@ module.exports = createConfig('eslint',
       'import/no-extraneous-dependencies': 'off',
       'react-hooks/exhaustive-deps': 'off',
       'jsx-a11y/no-noninteractive-element-interactions': 'off',
+      'jsx-a11y/no-access-key': 'off',
       'simple-import-sort/imports': [
         'error', {
           groups: [
diff --git a/src/discussions/discussions-home/DiscussionsHome.jsx b/src/discussions/discussions-home/DiscussionsHome.jsx
index a14a5dd8..2d6ea0d5 100644
--- a/src/discussions/discussions-home/DiscussionsHome.jsx
+++ b/src/discussions/discussions-home/DiscussionsHome.jsx
@@ -77,7 +77,7 @@ export default function DiscussionsHome() {
     }}
     >
       {!inIframe && <Header />}
-      <main className="container-fluid d-flex flex-column p-0 h-100 w-100 overflow-hidden">
+      <main className="container-fluid d-flex flex-column p-0 h-100 w-100 overflow-hidden" id="main" tabIndex={-1}>
         {!inIframe
           && <CourseTabsNavigation activeTab="discussion" courseId={courseId} />}
         <div
diff --git a/src/discussions/posts/post/PostHeader.jsx b/src/discussions/posts/post/PostHeader.jsx
index 60a8b312..e951e990 100644
--- a/src/discussions/posts/post/PostHeader.jsx
+++ b/src/discussions/posts/post/PostHeader.jsx
@@ -107,7 +107,7 @@ function PostHeader({
                   && <Badge variant="success">{intl.formatMessage(messages.answered)}</Badge>}
               </div>
             )
-            : <h4 className="mb-0" style={{ lineHeight: '28px' }} aria-level="1">{post.title}</h4>}
+            : <h4 className="mb-0" style={{ lineHeight: '28px' }} aria-level="1" tabIndex={-1} accessKey="h">{post.title}</h4>}
           <AuthorLabel
             author={post.author || intl.formatMessage(messages.anonymous)}
             authorLabel={post.authorLabel}