Replies: 2 comments 1 reply
-
I noticed this yesterday too. Guess Chrome has recently introduced this check. I think Chrome is incorrect here though, according to https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA9 The value of the aria-labelledby attribute is then a space-separated list of all ids in the order in which the label strings referenced should be read by screen readers. The |
Beta Was this translation helpful? Give feedback.
-
Technically, from an HTML perspective, the We could fix this warning by having each Alternatively, we could change these |
Beta Was this translation helpful? Give feedback.
-
everytime my react app initializes a videojs element i get some chrome warnings around labels:
![image](https://private-user-images.githubusercontent.com/78234668/265055257-6bfe9b37-51f2-401c-95d2-30f6f44f1d8f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTgyNjEwMTQsIm5iZiI6MTcxODI2MDcxNCwicGF0aCI6Ii83ODIzNDY2OC8yNjUwNTUyNTctNmJmZTliMzctNTFmMi00MDFjLTk1ZDItMzBmNmY0NGYxZDhmLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MTMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjEzVDA2MzgzNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWJlYWRkZTAwMmI5NzJkMTgwMGJkNGYxY2I2ZjlkZTE5ZTE2MjFiYjk0YTc3OTA1YmM1ODZhN2U1OTdmZWE4MTUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.ra_qmwK78_AJVvttjVbZFaGgn6kUtS6tTRE-Robgwuc)
the 'violating node' is this:
![image](https://private-user-images.githubusercontent.com/78234668/265056292-9b7acbdd-1126-44e6-b97d-39ed58723bda.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTgyNjEwMTQsIm5iZiI6MTcxODI2MDcxNCwicGF0aCI6Ii83ODIzNDY2OC8yNjUwNTYyOTItOWI3YWNiZGQtMTEyNi00NGU2LWI5N2QtMzllZDU4NzIzYmRhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MTMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjEzVDA2MzgzNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTUyOWVkYTgzZTY5ZTVjMmNmZGYzODhiOWQ2N2Q5MjViYzM0NmNkY2JhODJiMWUwNmVhNGU3YzExYjQxYTE4MzEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.CCpTynPMo8K7YKQa2N70qkQX2EIJDGgWg_h37BhzUBw)
i believe it is because the select elements from videojs have no id/name properties.
and then the second warning:
![image](https://private-user-images.githubusercontent.com/78234668/265057093-1bb234e0-3eca-4291-80d7-f027b859ed38.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTgyNjEwMTQsIm5iZiI6MTcxODI2MDcxNCwicGF0aCI6Ii83ODIzNDY2OC8yNjUwNTcwOTMtMWJiMjM0ZTAtM2VjYS00MjkxLTgwZDctZjAyN2I4NTllZDM4LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MTMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjEzVDA2MzgzNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWI2Zjk5YWYxMTRlMTExNTc3OTAzOTI4ODE5NDViYWFiYTg1ODgxNTZjMDU4NzUyNDMzODYxMGE5MWNiYmNjNTEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.2vK5hnzRPgtlpaiF-DUW9_lEqMc32gM6SFawJ-BbSlA)
![image](https://private-user-images.githubusercontent.com/78234668/265057231-8c6ce0d0-2fc0-465b-96df-a2d861d5ab4a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTgyNjEwMTQsIm5iZiI6MTcxODI2MDcxNCwicGF0aCI6Ii83ODIzNDY2OC8yNjUwNTcyMzEtOGM2Y2UwZDAtMmZjMC00NjViLTk2ZGYtYTJkODYxZDVhYjRhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MTMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjEzVDA2MzgzNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWFiZWJjZGUzZjQ0NjVkMDk2MmY4Y2Q3MTlkMTI5NzdlZWI1OWY2YjcyYWRkMjEwNjMyZGMyZGVhM2U3NTViOTkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.eAMdjjNN1IeGqy3FqBzEUnaaMcX_tPS_RoLnAzY4Nz4)
coming from multiple elements, here's one:
im wondering if in react i could fix these label issue by attaching specific id/name attributes or update these label associations?
Beta Was this translation helpful? Give feedback.
All reactions