Commit Graph

357 Commits

Author SHA1 Message Date
Giulio Gratta
5a46177a5e A11Y changes: better :focus styling, increased contrast, and added image alt texts
- Doubled up :hover and :focus styling to improve a11y
- Increase contrast of certain UI elements for improved a11y
- Added some image alt text for a11y
- Changed video caption styling to blue and made them underline on hover and added a skip link before video for screenreaders.

Fixes Bugs:
- LMS-1336
2013-10-24 12:47:19 -07:00
Greg Price
6734053c38 Increase color contrast for forum features
The icons and text for pinning and flagging ("Report Misuse") had
contrast ratios that did not meet the minimum WCAG requirement of 4.5.
This fixes FOR-200.
2013-10-10 14:14:23 -04:00
Greg Price
bf5a801fa8 Make discussion elements change color on focus
Previously, colors changed to afford interaction only on hover; now, all
elements with a hover color change behave the same way on focus.
2013-09-27 11:04:51 -04:00
marco
b7aead39e2 updated new post forum dropdown menu for use with chromevox 2013-09-23 18:47:06 -04:00
Greg Price
9e4b24daa2 Merge pull request #924 from edx/gprice/fix-forum-sidebar-overlap
Fix forums nav sidebar overlapping content
2013-09-17 07:22:40 -07:00
Greg Price
8a32f274be Fix forums nav sidebar overlapping content
Previously, when the window was scrolled down past the top of the
discussion content pane, scrolling right would cause the sidebar to
appear above the background of the content pane but below the text.
This is only an issue with very small windows or with the text size
increased significantly, which is why this came up in an accessibility
audit. Now the sidebar is fixed to the left side of the page instead
of the left side of the viewport.
2013-09-11 14:24:58 -04:00
Greg Price
f20333ef4e Remove some cruft from forums SASS 2013-09-10 14:46:54 -04:00
Greg Price
6ecbba7230 Improve accessibility of forums navigation elements
The home icon and discussion topic drop-down icon now have text that is
visible only to screen readers. The visual change between the icon and the
topic name with down-arrow is now achieved with the CSS visible property
instead of the opacity property, so only one at a time will be visible to
screen readers as well as visually.
2013-09-10 14:21:17 -04:00
marco
b7d6d77464 visual cleanup for email icon and discussion context label post branch merge 2013-07-29 17:49:34 -04:00
Your Name
4afa5481dd set and get settings and fix discussion.css post-variable-apocalypse 2013-07-29 16:11:59 -04:00
Your Name
7507921929 merge with Marcos new design 2013-07-29 13:58:08 -04:00
marco
77a23a37d0 reordered email settings checkbox to impact styling for icon and cleaned up header navigation for discusisons 2013-07-23 15:43:12 -04:00
marco
820544c1c4 pin and flag icons using fontawesome now render properly through inline discussions 2013-07-22 15:36:44 -04:00
marco
5b3cb53689 visual cleanup for discussion home bar 2013-07-22 15:17:10 -04:00
marco
747102cfc2 additional git rebase cleanup 2013-07-22 14:09:40 -04:00
marco
83b4dc634a final cleanup from git rebase 2013-07-22 13:51:52 -04:00
marco
3495cebf31 modified html for discussion home to use tables instead of lists, cleaned up styling as well 2013-07-22 13:46:47 -04:00
marco
9eca557761 updated flag icons to be font-awesome based 2013-07-22 13:44:19 -04:00
marco
78ffc12ae0 cleaned up margin and padding to use baseline variable 2013-07-22 13:39:14 -04:00
marco
a9ea00aa27 removed border to the right of discussion list 2013-07-22 13:38:31 -04:00
marco
e87d07184d basic shell for home page exists, along with start of color cleanup for the rest of _discussion.scss 2013-07-22 13:20:27 -04:00
marco
e2f02cdf46 cleaned up variables styling to sync up closer to studio, incorporated fontawesome icons into discusison home with basic positioning 2013-07-22 13:16:09 -04:00
marco
37c9de7a01 cleaned up font-awesome integration to work with new mako file .scss compiling, added in initial icon references 2013-07-22 13:07:53 -04:00
marco
2c9e4ca54a addition of font-awesome to LMS sass vendor assets, in additio nto light organization for applicaiton.scss to match studio sass breakdown. 2013-07-22 13:04:07 -04:00
marco
38e040ae0d basic shell for discussion home page with both profile information and email notification settings 2013-07-22 11:55:29 -04:00
marco
8d49007666 blankslate edited, header bar now with home button 2013-07-22 11:48:52 -04:00
marco
9c452935b5 updated pinning icons and removed images 2013-07-22 11:38:43 -04:00
marco
0e0ceb4806 updated flag icons to be font-awesome based 2013-07-22 11:37:57 -04:00
marco
642b649f76 removed new post icon and added font-awesome replacement 2013-07-22 10:58:58 -04:00
marco
e2779468e4 new post button using font-awesome 2013-07-22 10:26:38 -04:00
marco
90e60c1fb6 cleaned up topic header to allow for multiple line titles still being visible 2013-07-22 10:15:49 -04:00
marco
1a267a5067 removed icon stack from email area of helpgrid 2013-07-22 10:15:49 -04:00
marco
d2fae78824 icon color changes and profile link style to match profile page 2013-07-22 10:15:49 -04:00
marco
ff9f5714dd sass build cleanup for baseline fixes 2013-07-22 10:15:49 -04:00
marco
a0f54aaf26 cleaned up margin and padding to use baseline variable 2013-07-22 10:15:49 -04:00
marco
b55b34ff0c removed border to the right of discussion list 2013-07-22 10:15:06 -04:00
marco
f674e61f7a basic shell for home page exists, along with start of color cleanup for the rest of _discussion.scss 2013-07-22 10:15:06 -04:00
marco
6657ac189a cleaned up variables styling to sync up closer to studio, incorporated fontawesome icons into discusison home with basic positioning 2013-07-22 10:13:22 -04:00
marco
1fe54ba005 cleaned up font-awesome integration to work with new mako file .scss compiling, added in initial icon references 2013-07-22 10:13:22 -04:00
marco
8216bb611d addition of font-awesome to LMS sass vendor assets, in additio nto light organization for applicaiton.scss to match studio sass breakdown. 2013-07-22 10:10:23 -04:00
marco
8886b59684 basic shell for discussion home page with both profile information and email notification settings 2013-07-22 10:10:23 -04:00
marco
17f4579f7d blankslate edited, header bar now with home button 2013-07-22 10:10:22 -04:00
Kevin Chugh
6e2de9dba2 tweak css and fix merge conflicts 2013-07-15 21:12:05 -04:00
Kevin Chugh
fbd0f1bec0 wire up static HTML to allow panel functionality 2013-07-15 20:09:01 -04:00
Frances Botsford
a0962cc3b9 updated sass transitions to use newer bourbon syntax 2013-07-10 09:18:00 -04:00
David Baumgold
5bd79a8669 Changed @include box-shadow() to box-shadow
Bourbon's box-shadow mixin has been deprecated, and they recommend to use the
official spec.
2013-07-10 09:17:58 -04:00
David Baumgold
41374838cb Changed @include border-radius() to border-radius
The official border-radius mixins were deprecated and removed in Bourbon 3.0.
https://github.com/thoughtbot/bourbon/pull/95
2013-07-10 09:17:58 -04:00
Giulio Gratta
1bb71a8621 increasing visibility of tab navigation on site by making focus state very obvious 2013-07-02 09:26:42 -07:00
marco
f94ec6cf2a merge conflicts resolved 2013-06-26 10:47:32 -04:00
marco
84d505e8cc modified html for discussion home to use tables instead of lists, cleaned up styling as well 2013-06-26 10:41:49 -04:00