Comments (4)
The focus is setBack to the link or Button which opens the Dialog.
As per WAI Aria Practices, "When the dialog is closed or cancelled focus should return to the element in the application which had focus before the dialog is invoked. This is usually the control which opened the dialog. "
For setting focus to custom elements , suggest extending Hide method and set Focus.
from bootstrap-accessibility-plugin.
If you have more than one Button on the page with the same data-target, the focus returns to the last button, regardless of which one was clicked. Is there a way to return to the 'relatedTarget' instead?
from bootstrap-accessibility-plugin.
I tested and uploaded an example with 2 buttons http://mpnkhan.github.io/bootstrap-accessibility-plugin/lightboxesdemo.html. I could see focus shifted to different button on closing. Could you kindly check?
from bootstrap-accessibility-plugin.
Thanks for that, I mean the case where both buttons share the same data-target, so in your example both buttons would have data-target="#MyModal", and in that case, the focus would return to the last button regardless.
from bootstrap-accessibility-plugin.
Related Issues (20)
- AMD/CommonJS support
- Inappropriate role attributes in dropdowns HOT 1
- Should include jQueryUI license text
- Focus outline when tabbing through navbar HOT 1
- Relationship with bootstrap
- VoiceOver on iPad not work to access modal body HOT 2
- Bootstrap 4 HOT 5
- iframe within modal content not accessible via keyboard
- Uncaught TypeError: Cannot read property 'Constructor' of undefined
- Outdated package on npm HOT 1
- Test
- Modal isn't going back to where it was -BS 3.3.7, 1.0.5 accessibility HOT 4
- Modal not able to tab to new elements due to enforcefocus function HOT 3
- 1.0.5 release? HOT 4
- Collapse is inaccessible by keyboard if all panels are closed by default HOT 2
- Security vulnerability: reliance on EOL jQuery version
- Getting "bootstrap-accessibility.js:637 Uncaught TypeError: Cannot read property 'Constructor' of undefined" some conflict with carousel component. Custom build w/o carousel? HOT 1
- Potential security issue
- Tabindex on accordions HOT 1
- no tooltips HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from bootstrap-accessibility-plugin.