<!-- 
RSS generated by JIRA (1001.0.0-SNAPSHOT#100246-sha1:7a5c50119eb0633d306e14180817ddef5e80c75d) at Fri Feb 09 00:08:06 UTC 2024

It is possible to restrict the fields that are returned in this document by specifying the 'field' parameter in your request.
For example, to request only the issue key and summary add field=key&field=summary to the URL of your request.
-->
<rss version="0.92" >
<channel>
    <title>FOLIO Jira</title>
    <link>https://folio-org.atlassian.net</link>
    <description>This file is an XML representation of an issue</description>
    <language>en-us</language>    <build-info>
        <version>1001.0.0-SNAPSHOT</version>
        <build-number>100246</build-number>
        <build-date>07-02-2024</build-date>
    </build-info>

<item>
            <title>[UXPROD-446] Accessible Focus Component</title>
                <link>https://folio-org.atlassian.net/browse/UXPROD-446</link>
                <project id="10000" key="UXPROD">UX Product</project>
                    <description>&lt;p&gt;PR: &lt;a href=&quot;https://github.com/folio-org/stripes-components/pull/253&quot; class=&quot;external-link&quot; rel=&quot;nofollow noreferrer&quot;&gt;https://github.com/folio-org/stripes-components/pull/253&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;b&gt;Purpose&lt;/b&gt;&lt;br/&gt;
To achieve universal hover, focus and active styling for most clickable/focusable elements through a single helper component.&lt;/p&gt;

&lt;p&gt;This allows developers to quickly add our uniform styles to any custom component.&lt;/p&gt;

&lt;p&gt;It&apos;s implemented in all of our components (or at least it should be - might be missing some but I&apos;ll fix those later on if something should come up).&lt;/p&gt;

&lt;p&gt;&lt;b&gt;The ideas behind the design &amp;amp; UX&lt;/b&gt;&lt;br/&gt;
These changes are made in cooperation with @filipjakobsen. Here are his words on the design and UX.&lt;/p&gt;

&lt;p&gt;&lt;b&gt;The purpose of the AccessibleFocus design is three-fold:&lt;/b&gt;&lt;/p&gt;

&lt;p&gt;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.&lt;br/&gt;
The accessibleFocus style means we maintain the styling of focusable elements in one place, so we &#8212; with a few exceptions &#8212; can control the focus styling in one place and keep it consistent across the system&lt;br/&gt;
The accessibleFocus style also means that we can ensure a very visible focus styling across all browsers, avoiding doubt or ambiguity in how the styling will look in different browsers.&lt;br/&gt;
The styling is meant to fit the general styling of the system, while still being conspicuous enough that ambiguity of what&apos;s in focus is not a problem.&lt;/p&gt;

&lt;p&gt;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.&lt;/p&gt;</description>
                <environment></environment>
        <key id="10412">UXPROD-446</key>
            <summary>Accessible Focus Component</summary>
                <type id="10002" iconUrl="https://folio-org.atlassian.net/rest/api/2/universal_avatar/view/type/issuetype/avatar/10322?size=medium">New Feature</type>
                            <parent id="13685">UXPROD-216</parent>
                                    <priority id="10002" iconUrl="https://dev.folio.org/assets/jira-priority/jira-p3.svg">P3</priority>
                        <status id="6" iconUrl="https://folio-org.atlassian.net/images/icons/statuses/closed.png" description="The issue is considered finished, the resolution is correct. Issues which are closed can be reopened.">Closed</status>
                    <statusCategory id="3" key="done" colorName="green"/>
                                    <resolution id="10003">Done</resolution>
                                                        <assignee accountid="557058:1478fca5-561e-4056-ba78-c61611cb23e9">Filip Jakobsen</assignee>
                                                                <reporter accountid="62a96ae7192edb006f9f1bf9">Khalilah Gambrell</reporter>
                                    <labels>
                            <label>accessibility</label>
                            <label>ux</label>
                    </labels>
                <created>Sun, 1 Apr 2018 17:12:48 +0000</created>
                <updated>Wed, 28 Apr 2021 08:36:17 +0000</updated>
                            <resolved>Fri, 25 May 2018 12:07:18 +0000</resolved>
                                                    <fixVersion>Q4 2018</fixVersion>
                                        <due></due>
                            <votes>0</votes>
                                    <watches>1</watches>
                                                                <comments>
                                                            <comment id="13134" author="62a96ae7192edb006f9f1bf9" created="Fri, 25 May 2018 12:07:18 +0000"  >&lt;p&gt;PR closed.&lt;/p&gt;</comment>
                    </comments>
                    <attachments>
                    </attachments>
                <subtasks>
                    </subtasks>
                <customfields>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <customfield id="customfield_10000" key="com.atlassian.jira.plugins.jira-development-integration-plugin:devsummarycf">
                        <customfieldname>Development</customfieldname>
                        <customfieldvalues>
                            
                        </customfieldvalues>
                    </customfield>
                                                                <customfield id="customfield_10057" key="com.atlassian.jira.plugin.system.customfieldtypes:select">
                        <customfieldname>Development Team</customfieldname>
                        <customfieldvalues>
                                <customfieldvalue key="10183"><![CDATA[Stripes Force]]></customfieldvalue>

                        </customfieldvalues>
                    </customfield>
                                                                <customfield id="customfield_10014" key="com.pyxis.greenhopper.jira:gh-epic-link">
                        <customfieldname>Epic Link</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue key="$xmlutils.escape($text)">Accessibility: WCAG 2.1 AA Compliance.</customfieldvalue>
                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <customfield id="customfield_10019" key="com.pyxis.greenhopper.jira:gh-lexo-rank">
                        <customfieldname>Rank</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>0|hzyfjb:</customfieldvalue>

                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                                                                                                                                <customfield id="customfield_10074" key="com.atlassian.jira.plugin.system.customfieldtypes:select">
                        <customfieldname>Rank: GBV (MVP Sum 2020)</customfieldname>
                        <customfieldvalues>
                                <customfieldvalue key="10239"><![CDATA[R2]]></customfieldvalue>

                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <customfield id="customfield_10020" key="com.pyxis.greenhopper.jira:gh-sprint">
                        <customfieldname>Sprint</customfieldname>
                        <customfieldvalues>
                            
                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <customfield id="customfield_10025" key="com.atlassian.jira.ext.charting:timeinstatus">
                        <customfieldname>[CHART] Time in Status</customfieldname>
                        <customfieldvalues>
                            
                        </customfieldvalues>
                    </customfield>
                                    </customfields>
    </item>
</channel>
</rss>