Docs: add a11y guidance regarding required fields #878
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
primer/react#5027 Introduces the ability to allow required check boxes both individually and within a Checkbox group as per:
This PR updates the docs guidance to reflect these changes:
Changed
required
field in Checkbox and Radio as per suggested in fix(FormControl): allow required check boxes react#5027 (review)Screenshots
Checkbox:
![image](https://private-user-images.githubusercontent.com/40550942/377293751-11ad2e52-e22b-4428-8f58-9789c45ba11a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk2NTc0MjAsIm5iZiI6MTczOTY1NzEyMCwicGF0aCI6Ii80MDU1MDk0Mi8zNzcyOTM3NTEtMTFhZDJlNTItZTIyYi00NDI4LThmNTgtOTc4OWM0NWJhMTFhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE1VDIyMDUyMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWFiOWVmY2E0YWI2YjRmOGFhMjQ1OTBjZWU1ZmFlYjUxNDJkNGUwN2Q3M2FhMTMzMzYwODE0ZDRiZmIyMzI1ZTMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.UOGZGSQR_PyZopHbdFgtxvs9ewD5viORjyyTLuxYZto)
Form Control:
![image](https://private-user-images.githubusercontent.com/40550942/377293855-c8508ae3-d235-4949-a834-dd8d770dec45.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk2NTc0MjAsIm5iZiI6MTczOTY1NzEyMCwicGF0aCI6Ii80MDU1MDk0Mi8zNzcyOTM4NTUtYzg1MDhhZTMtZDIzNS00OTQ5LWE4MzQtZGQ4ZDc3MGRlYzQ1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE1VDIyMDUyMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTJjMmFhMTRmNTNkYTc0N2FiMDNmMWZhOGQzYjhmYzdjMWRhZjcyNTg3ODhmMDJhM2FkZjEzOTE1OGI2N2Q1NDMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.Z4uAAHAYK1TV-031LTa2GEiNnmFoXPqEnYmA6fFCodI)
Forms:
![image](https://private-user-images.githubusercontent.com/40550942/377293983-3f106ab9-7651-44a9-83b2-f2b4b97dca0d.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk2NTc0MjAsIm5iZiI6MTczOTY1NzEyMCwicGF0aCI6Ii80MDU1MDk0Mi8zNzcyOTM5ODMtM2YxMDZhYjktNzY1MS00NGE5LTgzYjItZjJiNGI5N2RjYTBkLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE1VDIyMDUyMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTQ4YTlhNTMxMzMwOWQzM2JiMDBkN2E4NGYzYjdhNjNiMzAwYTlkYmVmOTdkNzMzMmM0ZWZlNTAzZjcwNjg4YmQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.M7qkaGImMibUwwcE79eoQvPLawNJfIBvTUOIZ4JOa9k)
![image](https://private-user-images.githubusercontent.com/40550942/377294018-3dc0382e-8e60-4030-ab82-b381f7764016.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk2NTc0MjAsIm5iZiI6MTczOTY1NzEyMCwicGF0aCI6Ii80MDU1MDk0Mi8zNzcyOTQwMTgtM2RjMDM4MmUtOGU2MC00MDMwLWFiODItYjM4MWY3NzY0MDE2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE1VDIyMDUyMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWYzODhiYjQwYmU3MGQzNDFmZmM4MjYxOTM3NGQzNmM1YWMwZWIxNGNjODNhNzYzZTgyODE1YTZmMzlkMzFiNWUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.oC5CosAE7l9_cAo7Tg_9BEaE32Qg-d09NWIJlZw6vrA)