Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Loading…

accessibility - bootstrap modals #3531

Closed
fat opened this Issue · 2 comments

2 participants

@fat
Admin

Ticket for first pass at making bootstrap's modal element accessible.

Things that should be done:

  • limit tabable area to dialog
  • add aria-roles

If you know of other things please list them in this ticket and I will add them to the top up here. Thanks <3!

@benjaminach

You can follow theses rules :

https://www.socialsecurity.gov/accessibility/bpl/bps/forms/dialog/default.htm

  • Dialog box receives focus
  • Dialog box can be closed through the keyboard
  • Controls that launch a dialog box indicate this functionality
  • Controls that launch a dialog receive focus back when it is closed
  • Objects outside of the dialog box are disabled while it's active

The "close button" must be a textual element and not an "x".
At least, like accessible jquery ui with un background-image http://access.aol.com/aegis/#goto_dialog

<a href="#"role="button">
    <span class="ui-icon ui-icon-closethick">close</span>
</a>
@fat
Admin

awesome, thanks!

@fat fat closed this
@fat fat reopened this
@fat fat closed this issue from a commit
Dirk Ginader close #3531 added focus handling and removed the badly announced "tim…
…es" close button from screenreaders
6977d35
@fat fat closed this in 6977d35
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.