gregnb / gregnb/mui-datatables

Table Search Accessibility

Open
#1,152 1 comment 0 reactions 0 assignees View on GitHub
bug enhancement
Dominant language
JavaScript
Stars
2.7k
Forks
906
PR merge metrics
No merged PRs in 30d

Description

Aria-label is being applied to 'div' instead of the 'input'

## Expected Behavior
In the table search component, the `input` should have `aria-label="Search"` or equivalent.

## Current Behavior
In the table search component, the `aria-label` is being applied to the `div` that contains the `input` rather than on the `input` itself.

## Steps to Reproduce (for bugs)

1. Any table with contents and an active search input
2. Inspect the `input` element and its containing `div`

## Your Environment

| Tech | Version |
|--------------|---------|
| Material-UI | 3.x |
| MUI-datatables | 2.13.3 |
| React | 16.12.0 |
| browser | Chrome 79.0.3945.117 |

Contributor guide

No contributing guide indexed for this repository

Research direction

The issue does not name a file or test; start by locating the table search component and inspect the rendered input and its containing div. Verify the change by checking that the input, rather than its div, exposes aria-label="Search" in the DOM.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
accessibility, frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.