[buddypress-trac] [BuddyPress Trac] #7835: Make BP 3.0 Welcome Screen accessible for keyboard-only and screen reader users

[buddypress-trac]

#7835: Make BP 3.0 Welcome Screen accessible for keyboard-only and screen reader
users
---------------------------------------+------------------------------
 Reporter:  mercime                    |       Owner:  (none)
     Type:  defect (bug)               |      Status:  new
 Priority:  normal                     |   Milestone:  Awaiting Review
Component:  Core                       |     Version:
 Severity:  normal                     |  Resolution:
 Keywords:  has-patch has-screenshots  |
---------------------------------------+------------------------------
Changes (by mercime):

 * keywords:   => has-patch has-screenshots


Comment:

 Enhancements added in [attachment:7835.patch]

 Markup
 - Add `dialog` role and `aria-labelledby` modal h1 title to outer modal
 container for screen reader users
 - Add `document` role to inner modal container to facilitate `browse` mode
 for NVDA, JAWS, and other assistive technologies which have that mode
 - Change empty `link`, `title` attr, and string for "Close pop-up" to
 `button` element with `bp-tooltip` class, `bp-data-tooltip` attr, and
 "Close modal"
 - Change `alt` value of image to 'Bp Nouveau, the new Template Pack' -
 only assuming what the image which will be replacing the placeholder image
 will be
 - Replaced `title` attr of Twitter and BP Support Forums link by adding
 'bp-tooltip` class and `bp-data-tooltip` attr.

 CSS
 - Add support for BP tooltips on the bottom left and top right side
 positions
 - Add browser support for `hello.css`

 JavaScript
 - Set initial focus to first natively focusable element in modal - the
 close button (nee link)
 - Add keyboard management within BP Hello modal to constrain tabbing
 within modal

 [attachment:7785-welcome-screen-aft.gif] - shows how tabbing is contained
 in modal while it is open.

-- 
Ticket URL: <https://buddypress.trac.wordpress.org/ticket/7835#comment:1>
BuddyPress Trac <http://buddypress.org/>
BuddyPress Trac