mdn / mdn/content

How to build custom form controls: JS example is not accessible

Open
#31,250 1 comment 0 reactions 1 assignee Claimed by @xopsio View on GitHub
Content:Learn:Forms help wanted
Dominant language
Markdown
Stars
11k
Forks
23.2k
Avg merge
2d 9h
Merged PRs (30d)
331

Description

### MDN URL

https://developer.mozilla.org/en-US/docs/Learn/Forms/How_to_build_custom_form_controls

### What specific section or headline is this issue about?

With JS

### What information was incorrect, unhelpful, or incomplete?

When custom form controls are created they must be keyboard accessible. The select that ges focus is offscreen for screen readers and not available for keyboard users

### What did you expect to see?

accessible examples

### Do you have any supporting links, references, or citations?

_No response_

### Do you have anything more you want to share?

_No response_

### MDN metadata

Page report details

* Folder: `en-us/learn/forms/how_to_build_custom_form_controls`
* MDN URL: https://developer.mozilla.org/en-US/docs/Learn/Forms/How_to_build_custom_form_controls
* GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/learn/forms/how_to_build_custom_form_controls/index.md
* Last commit: https://github.com/mdn/content/commit/289d6314f3368aa3e28524e7d090f6e9c704e3b1
* Document last modified: 2023-11-28T20:48:44.000Z

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.