Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Settingaria-disabled="true" with b-button and <button>#6678

Unanswered
jakedolan asked this question inQ&A
Discussion options

Is there any way to setaria-disabled="true" for the b-button component while keeping it as an html<button>?

I see that some other aria-* attributes are passed through as attributes to the generated<button> tag, but notaria-disabled.

The ability to set the propertydisabled is not interchangeable witharia-disabled="true" asdisabled removes the element from being perceivable. In some use cases, we should be able to inform assistive technology that a button is disabled while keeping it perceivable.

I recognize that this requires the developer to ensure that the button is visually and functionally disabled so it requires more intention with its use.

From the documentation if you set thedisabled property andhref="#" property (changing it the button to<a role="button">) it will add thearia-disabled="true", but it also adds the attributetabindex="-1".

I am curious if I am missing some way to set it directly.

If not and there isn't a good reason why it isn't being passed through, I would be interested in investigating it for a pull request.

You must be logged in to vote

Replies: 1 comment

Comment options

Also seeing this, opened#7190

You must be logged in to vote
0 replies
Sign up for freeto join this conversation on GitHub. Already have an account?Sign in to comment
Category
Q&A
Labels
None yet
2 participants
@jakedolan@phegman

[8]ページ先頭

©2009-2025 Movatter.jp