[Mahara-contributors] [Bug 1883805] Re: Keyboard Focus indicator needs more distinct styling
** Changed in: mahara Status: Fix Committed => Fix Released -- 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/1883805 Title: Keyboard Focus indicator needs more distinct styling Status in Mahara: Fix Released Bug description: The rectangular box that indicates the current focused element during keyboard navigation of Mahara needs to be made more distinct, perceivable and made consistent in different browsers. In Chrome the indicator is displaying as a rectangular box with a solid line the same colour as the theme's link colour. In Firefox, the indicator is a very faint rectangle with dotted lines. This is particularly hard to see on gray backgrounds, such as when navigating through the category block menus of Admin menu -> Configure site -> Site configuration. Please see the attached screenshots of the mahara logo being focused on. To manage notifications about this bug go to: https://bugs.launchpad.net/mahara/+bug/1883805/+subscriptions ___ Mailing list: https://launchpad.net/~mahara-contributors Post to : mahara-contributors@lists.launchpad.net Unsubscribe : https://launchpad.net/~mahara-contributors More help : https://help.launchpad.net/ListHelp
[Mahara-contributors] [Bug 1883805] Re: Keyboard Focus indicator needs more distinct styling
** Changed in: mahara Importance: Undecided => High ** Changed in: mahara Status: In Progress => Fix Committed -- 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/1883805 Title: Keyboard Focus indicator needs more distinct styling Status in Mahara: Fix Committed Bug description: The rectangular box that indicates the current focused element during keyboard navigation of Mahara needs to be made more distinct, perceivable and made consistent in different browsers. In Chrome the indicator is displaying as a rectangular box with a solid line the same colour as the theme's link colour. In Firefox, the indicator is a very faint rectangle with dotted lines. This is particularly hard to see on gray backgrounds, such as when navigating through the category block menus of Admin menu -> Configure site -> Site configuration. Please see the attached screenshots of the mahara logo being focused on. To manage notifications about this bug go to: https://bugs.launchpad.net/mahara/+bug/1883805/+subscriptions ___ Mailing list: https://launchpad.net/~mahara-contributors Post to : mahara-contributors@lists.launchpad.net Unsubscribe : https://launchpad.net/~mahara-contributors More help : https://help.launchpad.net/ListHelp
[Mahara-contributors] [Bug 1883805] Re: Keyboard Focus indicator needs more distinct styling
DONE - "Browse files" button still outlines in the thin dotted gray-ish outline (but this is working for browse CSV files on add people via CSV) DONE - The file icon for dragging files on the files page still outlines in the old styling DONE - drop down selectors have got a different styling when focused (might be the opacity?) (is this intentional?) Couldn't find this one? - input text fields when focused transform the cursor and place it for input but do not highlight the field boundary box. Does have outline, so not sure if I'm looking at the wrong thing - create a page or collection pop-up buttons in pages and collections (it does have a colour/ shaded effect) Couldn't target to change it, feel it could be hiding within a box so part of outline cropped off? - Share with drop down has a thin outline border DONE - focus to radio button selections (like friend controls) has thin dotted styling -- 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/1883805 Title: Keyboard Focus indicator needs more distinct styling Status in Mahara: In Progress Bug description: The rectangular box that indicates the current focused element during keyboard navigation of Mahara needs to be made more distinct, perceivable and made consistent in different browsers. In Chrome the indicator is displaying as a rectangular box with a solid line the same colour as the theme's link colour. In Firefox, the indicator is a very faint rectangle with dotted lines. This is particularly hard to see on gray backgrounds, such as when navigating through the category block menus of Admin menu -> Configure site -> Site configuration. Please see the attached screenshots of the mahara logo being focused on. To manage notifications about this bug go to: https://bugs.launchpad.net/mahara/+bug/1883805/+subscriptions ___ Mailing list: https://launchpad.net/~mahara-contributors Post to : mahara-contributors@lists.launchpad.net Unsubscribe : https://launchpad.net/~mahara-contributors More help : https://help.launchpad.net/ListHelp
[Mahara-contributors] [Bug 1883805] Re: Keyboard Focus indicator needs more distinct styling
I am noticing some other areas where the styling is showing incomplete borders or doesn't seem to have taken affect over some elements. This will need to be further investigated as to whether the styling that does show up is a sufficient technique to address accessibility guidelines regarding keyboard tab-focus. Some of the findings so far in raw theme tested in FireFox: Partial borders: - main menu sub menu items only shows top border (though there is also a colour change) - main menu expand chevron button for displaying sub menus missing bottom border - "show people online" missing top border - site options has a missing bottom border on each submenu, until it expands and then it displays full (styling needed on collapsed?) - the page action buttons on the side bar menu's in portfolios don't have a left border - search filter fields with drop down buttons incomplete borders on the shared side Old styling or not the new styling: - "Browse files" button still outlines in the thin dotted gray-ish outline (but this is working for browse CSV files on add people via CSV) - The file icon for dragging files on the files page still outlines in the old styling - drop down selectors have got a different styling when focused (might be the opacity?) (is this intentional?) - input text fields when focused transform the cursor and place it for input but do not highlight the field boundary box. - create a page or collection pop-up buttons in pages and collections (it does have a colour/ shaded effect) - Share with drop down has a thin outline border - focus to radio button selections (like friend controls) has thin dotted styling -- 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/1883805 Title: Keyboard Focus indicator needs more distinct styling Status in Mahara: In Progress Bug description: The rectangular box that indicates the current focused element during keyboard navigation of Mahara needs to be made more distinct, perceivable and made consistent in different browsers. In Chrome the indicator is displaying as a rectangular box with a solid line the same colour as the theme's link colour. In Firefox, the indicator is a very faint rectangle with dotted lines. This is particularly hard to see on gray backgrounds, such as when navigating through the category block menus of Admin menu -> Configure site -> Site configuration. Please see the attached screenshots of the mahara logo being focused on. To manage notifications about this bug go to: https://bugs.launchpad.net/mahara/+bug/1883805/+subscriptions ___ Mailing list: https://launchpad.net/~mahara-contributors Post to : mahara-contributors@lists.launchpad.net Unsubscribe : https://launchpad.net/~mahara-contributors More help : https://help.launchpad.net/ListHelp
[Mahara-contributors] [Bug 1883805] Re: Keyboard Focus indicator needs more distinct styling
** Tags added: accessibility -- 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/1883805 Title: Keyboard Focus indicator needs more distinct styling Status in Mahara: In Progress Bug description: The rectangular box that indicates the current focused element during keyboard navigation of Mahara needs to be made more distinct, perceivable and made consistent in different browsers. In Chrome the indicator is displaying as a rectangular box with a solid line the same colour as the theme's link colour. In Firefox, the indicator is a very faint rectangle with dotted lines. This is particularly hard to see on gray backgrounds, such as when navigating through the category block menus of Admin menu -> Configure site -> Site configuration. Please see the attached screenshots of the mahara logo being focused on. To manage notifications about this bug go to: https://bugs.launchpad.net/mahara/+bug/1883805/+subscriptions ___ Mailing list: https://launchpad.net/~mahara-contributors Post to : mahara-contributors@lists.launchpad.net Unsubscribe : https://launchpad.net/~mahara-contributors More help : https://help.launchpad.net/ListHelp
[Mahara-contributors] [Bug 1883805] Re: Keyboard Focus indicator needs more distinct styling
** Changed in: mahara Status: New => In Progress -- 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/1883805 Title: Keyboard Focus indicator needs more distinct styling Status in Mahara: In Progress Bug description: The rectangular box that indicates the current focused element during keyboard navigation of Mahara needs to be made more distinct, perceivable and made consistent in different browsers. In Chrome the indicator is displaying as a rectangular box with a solid line the same colour as the theme's link colour. In Firefox, the indicator is a very faint rectangle with dotted lines. This is particularly hard to see on gray backgrounds, such as when navigating through the category block menus of Admin menu -> Configure site -> Site configuration. Please see the attached screenshots of the mahara logo being focused on. To manage notifications about this bug go to: https://bugs.launchpad.net/mahara/+bug/1883805/+subscriptions ___ Mailing list: https://launchpad.net/~mahara-contributors Post to : mahara-contributors@lists.launchpad.net Unsubscribe : https://launchpad.net/~mahara-contributors More help : https://help.launchpad.net/ListHelp
[Mahara-contributors] [Bug 1883805] Re: Keyboard Focus indicator needs more distinct styling
Some outlines inside gridstack blocks have some sides hidden as there is a overflow:hidden on blocks. Chosen to leave it as is as not sure if taken that out would break gridstack. At least one edge of outline is always shown, need to know if this is sufficient. -- 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/1883805 Title: Keyboard Focus indicator needs more distinct styling Status in Mahara: New Bug description: The rectangular box that indicates the current focused element during keyboard navigation of Mahara needs to be made more distinct, perceivable and made consistent in different browsers. In Chrome the indicator is displaying as a rectangular box with a solid line the same colour as the theme's link colour. In Firefox, the indicator is a very faint rectangle with dotted lines. This is particularly hard to see on gray backgrounds, such as when navigating through the category block menus of Admin menu -> Configure site -> Site configuration. Please see the attached screenshots of the mahara logo being focused on. To manage notifications about this bug go to: https://bugs.launchpad.net/mahara/+bug/1883805/+subscriptions ___ Mailing list: https://launchpad.net/~mahara-contributors Post to : mahara-contributors@lists.launchpad.net Unsubscribe : https://launchpad.net/~mahara-contributors More help : https://help.launchpad.net/ListHelp
[Mahara-contributors] [Bug 1883805] Re: Keyboard Focus indicator needs more distinct styling
** Attachment added: "chrome-mahara-logo-focus.png" https://bugs.launchpad.net/mahara/+bug/1883805/+attachment/5384571/+files/chrome-mahara-logo-focus.png -- 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/1883805 Title: Keyboard Focus indicator needs more distinct styling Status in Mahara: New Bug description: The rectangular box that indicates the current focused element during keyboard navigation of Mahara needs to be made more distinct, perceivable and made consistent in different browsers. In Chrome the indicator is displaying as a rectangular box with a solid line the same colour as the theme's link colour. In Firefox, the indicator is a very faint rectangle with dotted lines. This is particularly hard to see on gray backgrounds, such as when navigating through the category block menus of Admin menu -> Configure site -> Site configuration. Please see the attached screenshots of the mahara logo being focused on. To manage notifications about this bug go to: https://bugs.launchpad.net/mahara/+bug/1883805/+subscriptions ___ Mailing list: https://launchpad.net/~mahara-contributors Post to : mahara-contributors@lists.launchpad.net Unsubscribe : https://launchpad.net/~mahara-contributors More help : https://help.launchpad.net/ListHelp
