diff options
| author |  Joe Banks <[email protected]> | 2024-04-29 02:27:08 +0100 |
|---|---|---|
| committer | Joe Banks <[email protected]> | 2024-04-29 02:27:08 +0100 |
| commit | 59bcddea132772e7e1317f79405ec6c7b709f446 (patch) | |
| tree | 2f4e97db67f92ed16959a032ee29199bf68ce863 | |
| parent | Move headers to Gatsby config (diff) | |
Add tabindex to tags for keyboard navigation
| -rw-r--r-- | src/pages/index.tsx | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 71b9312..33ba6fe 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -51,7 +51,7 @@ const IndexPage: React.FC<IndexPageProps> = ({ data }) => { <PageLayout header="Available Services" subheader="Below are all the internal services for Python Discord"> <main> <div> - <LargerTag onClick={() => setSelectedTag(null)} className={selectedTag == null ? "active" : ""}>All</LargerTag> + <LargerTag tabIndex={0} onClick={() => setSelectedTag(null)} className={selectedTag == null ? "active" : ""}>All</LargerTag> {data.services.tags.map((tag, index) => ( <LargerTag onClick={() => setSelectedTag(tag)} className={tag == selectedTag ? "active" : ""} key={index}>{capitalize(tag)}</LargerTag> ))} |