Comments (5)
Yes! I would really like to help tackle this as well.
vex.dialog
is already in pretty good shape in that it uses real input[button]
and input[submit]
buttons and allows submission through the native form
element. But yes, we should be using aria-
attrs, etc.
from vex.
yo @cnecochea want to come give us your .02 ? (or .05 )
from vex.
gladly. when should I be where?
-cris
On Oct 21, 2013, at 3:11 PM, Jeff Dwyer [email protected] wrote:
yo @cnecochea want to come give us your .02 ? (or .05 )
—
Reply to this email directly or view it on GitHub.
from vex.
Anytime, maybe wait a week so @adamschwartz will be back in town. I'd also love your thoughts on messenger, it has a similar issue: HubSpot/messenger#10
from vex.
Hey, I stumbled across this. If you make the following changes, you should have an accessible modal.
- Add ARIA to your overall modal class.
role="dialog"
aria-label="label here"
oraria-labelledby="id of labelling element"
— title of the modalaria-describedby="id of description element"
— optional, lengthier description of the modal's contents
- Make the exit button a
<button>
with atitle
. If you want it to be an "X" addaria-label="close"
- Automatically
.focus()
the element withrole="dialog"
- Prevent focus from leaving an open dialog (wrap around).
Check out the Incredible Accessible Modal
from vex.
Related Issues (20)
- HTML entities in unsafeMessage/unsafeContent
- is it possible to open vex over a canvas ?
- Help moving vex and using append location
- vex-open remains on body in chrome if dialog is closed in background with child browser window & print dialog is called (then print cancelled or proceed) HOT 1
- vex input field sanitizes spaces
- Multiple Buttons?
- problem with the modal position and size HOT 1
- how to use it in Vue? HOT 2
- readme spelling error
- file input inside vex.open() HOT 1
- Dynamic select using AngularJS with ng-options
- vex.close could cover submission
- demos in documentation don't work
- button click opens and closes dialog at the same time HOT 2
- Can Vex Modal lock? HOT 1
- Unsafe assignment to innerHTML
- Animations required for close
- Make buttons respond to Enter and Esc keys
- Refresh buttons of a dialog confirm HOT 1
- vex dialog buttons are not working as expected. HOT 1
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 vex.