Merge pull request #1985 from hypothesis/annotation-semantic-elements

Adjust some HTML semantic structural elements

src/sidebar/components/annotation.js

@@ -92,8 +92,8 @@ function Annotation({
   const onToggleReplies = () => setCollapsed(annotation.id, !threadIsCollapsed);
 
   return (
-    /* eslint-disable-next-line jsx-a11y/no-static-element-interactions */
-    <div
+    /* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */
+    <article
       className={classnames('annotation', {
         'annotation--reply': isReply(annotation),
         'is-collapsed': threadIsCollapsed,
@@ -144,7 +144,7 @@ function Annotation({
           )}
         </div>
       </footer>
-    </div>
+    </article>
   );
 }
 

src/sidebar/components/thread.js

@@ -42,7 +42,7 @@ function Thread({ showDocumentInfo = false, thread, threadsService }) {
 
   const onToggleReplies = () => setCollapsed(thread.id, !thread.collapsed);
   return (
-    <div
+    <section
       className={classnames('thread', {
         'thread--reply': thread.depth > 0,
         'is-collapsed': thread.collapsed,
@@ -96,7 +96,7 @@ function Thread({ showDocumentInfo = false, thread, threadsService }) {
           </ul>
         )}
       </div>
-    </div>
+    </section>
   );
 }