← Back to team overview

mahara-contributors team mailing list archive

[Bug 1482458] [NEW] Bootstrap tabs are not accessible

 

Public bug reported:

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

** Affects: mahara
     Importance: Medium
         Status: Confirmed


** Tags: accessibility bootstrap regression

-- 
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:
  Confirmed

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


Follow ups