Skip to content

Added Aria Labels for buttons in CollectionsTable.jsx and DatabaseSidebar.jsx #76

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
yash-pouranik merged 8 commits into from
Apr 5, 2026
Merged

Added Aria Labels for buttons in CollectionsTable.jsx and DatabaseSidebar.jsx #76

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
0139d18
Added Aria Labels for buttons
aryansinha1908 Apr 2, 2026
617391b
Added Aria Labels for buttons
aryansinha1908 Apr 2, 2026
64721d2
Merge branch 'yash-pouranik:main' into main
aryansinha1908 Apr 4, 2026
9a542b8
Fix 1 for PR 76
aryansinha1908 Apr 4, 2026
c944f94
Merge branch 'main' of github.com:aryansinha1908/urBackend
aryansinha1908 Apr 4, 2026
1af988c
Merge branch 'yash-pouranik:main' into main
aryansinha1908 Apr 4, 2026
6acfc4a
Fix 2 for PR 76
aryansinha1908 Apr 4, 2026
37df066
Fix 3 for PR 76
aryansinha1908 Apr 5, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 7 additions & 0 deletions apps/web-dashboard/src/components/CollectionTable.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -181,6 +181,7 @@ export default function CollectionTable({ data, activeCollection, onDelete, onVi
className="btn-icon"
onClick={() => onView(info.row.original)}
onPointerDown={e => e.stopPropagation()}
aria-label="View Details"
title="View Details"
>
<Eye size={15} />
Expand All @@ -189,6 +190,7 @@ export default function CollectionTable({ data, activeCollection, onDelete, onVi
className="btn-icon"
onClick={() => onEdit(info.row.original)}
onPointerDown={e => e.stopPropagation()}
aria-label="Edit Record"
title="Edit"
>
<Pencil size={15} />
Expand All @@ -197,6 +199,7 @@ export default function CollectionTable({ data, activeCollection, onDelete, onVi
className="btn-icon danger-hover"
onClick={() => onDelete(info.row.original._id)}
onPointerDown={e => e.stopPropagation()}
aria-label="Delete Record"
title="Delete"
>
<Trash2 size={15} />
Expand Down Expand Up @@ -361,6 +364,9 @@ export default function CollectionTable({ data, activeCollection, onDelete, onVi
<div style={{ position: 'relative' }}>
<button
className="btn btn-secondary btn-sm"
aria-label={showColumnMenu ? "Close column menu" : "Open column menu"}
aria-hashpopup="menu"
aria-expanded={showColumnMenu}
onClick={() => setShowColumnMenu(!showColumnMenu)}
style={{
display: 'flex',
Expand Down Expand Up @@ -556,6 +562,7 @@ export default function CollectionTable({ data, activeCollection, onDelete, onVi
value={scrollState.scrollLeft}
onChange={handleSliderChange}
onInput={handleSliderChange}
aria-label="Scroll table horizontally"
style={{ width: '100%', cursor: 'ew-resize' }}
className="column-slider"
/>
Expand Down
4 changes: 4 additions & 0 deletions apps/web-dashboard/src/components/DatabaseSidebar.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,12 +30,14 @@ export default function DatabaseSidebar({
<div className="sidebar-actions">
<button
className="btn-icon hide-desktop"
aria-label="Close sidebar"
onClick={() => setIsSidebarOpen(false)}
>
<X size={18} />
</button>
<button
className="btn-icon add-col-btn"
aria-label="New collection"
onClick={() => navigate(`/project/${projectId}/create-collection`)}
Comment thread
yash-pouranik marked this conversation as resolved.
title="New Collection"
>
Expand All @@ -50,6 +52,7 @@ export default function DatabaseSidebar({
<p>No collections yet.</p>
<button
className="btn btn-secondary btn-sm"
aria-label="Create your first collection"
onClick={() =>
navigate(`/project/${projectId}/create-collection`)
}
Expand All @@ -72,6 +75,7 @@ export default function DatabaseSidebar({
<div className="flex items-center gap-2 ml-auto" style={{ display: 'flex', alignItems: 'center', gap: '8px', marginLeft: 'auto' }}>
<button
className="btn-icon delete-btn"
aria-label="Delete Collection"
onClick={(e) => {
e.stopPropagation();
if (onRequestDelete) onRequestDelete(c);
Expand Down
1 change: 1 addition & 0 deletions apps/web-dashboard/src/components/RecordList.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,7 @@ export default function RecordList({ data, activeCollection, onView }) {
<div
key={record._id}
className="record-card glass-panel"
aria-label={`View details for record ${record._id}`}
onClick={() => onView(record)}
Comment thread
yash-pouranik marked this conversation as resolved.
>
<div className="record-main-info">
Expand Down
Loading