From 59ea93f2eb0a64f4f3c3b10a842997372d2e5bd4 Mon Sep 17 00:00:00 2001
From: icecream17 <nguyeste008@students.garlandisd.net>
Date: Tue, 27 Feb 2024 15:02:26 +0000
Subject: [PATCH] cell a11y todo [skip ci]

---
 src/Elems/MainElems/Cell.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/Elems/MainElems/Cell.tsx b/src/Elems/MainElems/Cell.tsx
index 545501be..683db643 100644
--- a/src/Elems/MainElems/Cell.tsx
+++ b/src/Elems/MainElems/Cell.tsx
@@ -291,8 +291,10 @@ export default class Cell extends React.Component<CellProps, CellState> {
 
       const className = this.state.classes?.concat(['Cell']).join(' ') ?? 'Cell'
 
+      // TODO: contenteditable attribute on td will cause it to be editable and tab-focusable
+      //       However there is no easy way to describe the custom text field
       // 1. inner div to separate aria roles
-      //    and because <button> elements cannot contain tables
+      //    and because <button> elements cannot contain block elements
       // 2. tabIndex for focusability
       //    ="0" because of a11y thing
       return (