← Back to team overview

mahara-contributors team mailing list archive

[Bug 1482458] Re: Bootstrap tabs are not accessible

 

Hi,

I wasn't able to fix this bug entirely, so the user manual should
probably be updated to specify how screen reader users can use the tabs.
The tabs don't work if you focus them using the arrow keys, so you need
to focus them using the Tab key in order to switch tabs.

** Tags added: usermanualupdate

-- 
You received this bug notification because you are a member of Mahara
Contributors, which is subscribed to Mahara.
Matching subscriptions: Subscription for all Mahara Contributors -- please ask on #mahara-dev or mahara.org forum before editing or unsubscribing it!
https://bugs.launchpad.net/bugs/1482458

Title:
  Bootstrap tabs are not accessible

Status in Mahara:
  Fix Committed

Bug description:
  The new Bootstrap theme means that tabs (eg. on the Profile page) are
  rather different to previous versions of Mahara. In theory the
  included bootstrap-accessibility library should take care of adding
  ARIA features to them, but unfortunately it seems to be
  overcomplicating matters to the point of confusion. There are various
  issues with the JAWS screen reader, which may or may not be related to
  this library ... need to investigate why these issues are happening.

  1. Tabs can't be changed without going into "forms" mode (pressing Enter with a tab selected does nothing)
  2. All tabs are described as "tab selected"
  3. When selecting a tab with the keyboard (without a screen reader), tabindex attributes are added to the tab and its content, messing up the tab order of the page

  Affects latest master

To manage notifications about this bug go to:
https://bugs.launchpad.net/mahara/+bug/1482458/+subscriptions


References