Skip to content

Commit

Permalink
Add input date readonly issue to known issues (#5828)
Browse files Browse the repository at this point in the history
  • Loading branch information
deleonio authored Dec 21, 2023
2 parents db3327d + 76c9422 commit 76ed263
Show file tree
Hide file tree
Showing 2 changed files with 7 additions and 5 deletions.
8 changes: 5 additions & 3 deletions KNOWN_ISSUES.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,10 +14,12 @@ For full accessibility, consider using predefined colors lists, e.g. using KolSe
[🐞 GitHub issue #5549](https://github.com/public-ui/kolibri/issues/5549)
[🐞 NVDA issue #8132](https://github.com/nvaccess/nvda/issues/8132)

## input-number 'readonly' not announced in NVDA
## input-number and input-date 'readonly' not announced in NVDA

The component InputNumber renders the native HTML element `<input type="number">` which supports the attribute `readonly`.
The components InputNumber and InputDate render their respective native HTML elements `<input type="number">` and `<input type="date">` which both support the
attribute `readonly`.
When focusing the element, it's expected that the `readonly` attribute is announced as part of the element description. This isn't the case for NVDA.

[🐞 GitHub issue #5554](https://github.com/public-ui/kolibri/issues/5554)
[🐞 GitHub issue #5554](https://github.com/public-ui/kolibri/issues/5554) (For number)
[🐞 GitHub issue #5749](https://github.com/public-ui/kolibri/issues/5749) (For date)
[🐞 NVDA issue #13672](https://github.com/nvaccess/nvda/issues/13672)
Original file line number Diff line number Diff line change
Expand Up @@ -15,8 +15,8 @@ export const InputDateCases = forwardRef<HTMLKolInputDateElement, Components.Kol
<KolInputDate {...props} ref={ref} _accessKey="W" _type="week" _label="Woche" _required />
<KolInputDate {...props} _type="time" _label="Zeit (Standard)" _required />
<KolInputDate {...props} _step={1} _type="time" _label="Zeit (mit Sekunden)" _required />
<KolInputDate {...props} _readOnly _label="Zahleneingabe (Readonly)" _required />
<KolInputDate {...props} _disabled _label="Zahleneingabe (Disabled)" _required />
<KolInputDate {...props} _readOnly _label="Datumseingabe (Readonly)" _required />
<KolInputDate {...props} _disabled _label="Datumseingabe (Disabled)" _required />
</div>
);
});

0 comments on commit 76ed263

Please sign in to comment.