Accessibility: WCAG 2.1 AA Compliance.
(UXPROD-216)
|
|
| Status: | Closed |
| Project: | UX Product |
| Components: | None |
| Affects versions: | None |
| Fix versions: | Q4 2018 | Parent: | Accessibility: WCAG 2.1 AA Compliance. |
| Type: | New Feature | Priority: | P3 |
| Reporter: | Khalilah Gambrell | Assignee: | Filip Jakobsen |
| Resolution: | Done | Votes: | 0 |
| Labels: | accessibility, ux | ||
| Remaining Estimate: | Not Specified | ||
| Time Spent: | Not Specified | ||
| Original estimate: | Not Specified | ||
| Epic Link: | Accessibility: WCAG 2.1 AA Compliance. |
| Development Team: | Stripes Force |
| Rank: GBV (MVP Sum 2020): | R2 |
| Description |
|
PR: https://github.com/folio-org/stripes-components/pull/253 Purpose This allows developers to quickly add our uniform styles to any custom component. It's implemented in all of our components (or at least it should be - might be missing some but I'll fix those later on if something should come up). The ideas behind the design & UX The purpose of the AccessibleFocus design is three-fold: The accessibleFocus style means that when people increase contrast or change system background color with Theming, in the future, we can make sure the focus-styling is still very visible. The dot provides, in addition to the styled box, a very clear and 100%-contrast interface element which can easily be recognised even on things that already stand out in some other way through their styling. |
| Comments |
| Comment by Khalilah Gambrell [ 25/May/18 ] |
|
PR closed. |